.und_mainv{padding: 40px 0 0 0;}
.und_mainv_ttl{max-width: 1280px;margin: 0 auto 30px;display: flex; justify-content: flex-start;align-items: center;}
.und_mainv_ttl h2{font-size: 16px;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";line-height: 1;}
.und_mainv_ttl h6{font-size: 56px;font-family:"Jost", sans-serif;line-height: 1.2;}
.und_mainv_ttl h6::first-letter{color: rgba(131,96,37,1.00);}
.und_mainv_icon{width: 110px;margin-right: 25px;}
.und_mainv_img{position: relative;}
.und_mainv_img img{width: 100%;}

.subttl{max-width: 1200px; margin: 80px auto 60px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.subttl .subttl_txt{width: 59%;}
.subttl .subttl_txt h6{font-family:"Jost", sans-serif;font-size: 40px;color: #3E3D3C;margin-bottom: 0;}
.subttl .subttl_txt h6::first-letter{color: #836025;}
.subttl .subttl_txt h2{font-size: 24px;color: #836025;margin-bottom: 15px;margin-top: 25px; line-height: 1.8;}
.subttl .subttl_txt h3{font-size: 14px;color: #3E3D3C;line-height: 2.4;}
.subttl .subttl_img{width: 39%;position: relative;}

.sub_contents01{max-width: 1200px; margin: 40px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub_contents01_item_l{width: 40%;}
.sub_contents01_item_r{width: 54%;position: relative;margin-top: -10%;mix-blend-mode: multiply;}
.sub_contents01 dt{position: relative;padding: 0;margin: 10px 0; font-size: 18px;line-height: 1.8;color: #836025;}
.sub_contents01 dd{font-size: 14px;line-height: 1.8;position: relative;}
.sub_contents01 dl{margin-bottom: 20px;}
.sub_contents01 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0 100px;}
.sub_contents01 li{width: 19.5%;position: relative;}
.sub_contents01 li:first-child{margin-bottom: 5px;}
.sub_contents01 li:last-child{font-size: 10px;text-align: right;width: 100%;margin-top: 5px;}

.plan_cap{margin-top: 10px;font-size: 10px}

.plan_list{max-width: 1200px; margin: 80px auto 0;}
.plan_list h6{width: 100%;font-size: 36px;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 30px;margin-top: 60px;}
.plan_list h6::first-letter{color: rgba(131,96,37,1.00);}
.plan_list ul{display: flex;justify-content: center;flex-wrap: wrap;}
.plan_list li{width: 31%;margin-right: 3.5%;margin-bottom: 40px;}
.plan_list li:nth-child(3n){width: 31%;margin-right: 0;}
.plan_list li:last-child{width: 31%;margin-right: 0;}
.plan_list li a{display: block;background: #FFF;padding: 20px 30px;box-shadow: 0px 0 7px 0px rgba(0, 0, 0, 0.5);transition: background 0.3s ease-in-out , box-shadow 0.3s ease-in-out ;}
.plan_list li a:hover{background: rgba(168,156,145,0.10);box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.5);}
.pl_ttl{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.plan_list h5{font-size: 20px;font-family:"Jost", sans-serif;line-height: 1.1;vertical-align: middle;}
.plan_list h5 span{font-size: 36px;color: #aa895b;margin-right: 5px;}
.pl_ttl_r{margin-top: 3px;}
.plan_list h4{font-size: 16px;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 5px;text-align: right;}
.plan_list h3{font-size: 22px;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";text-align: right;}
.pl_sum{border: 1px solid #aa895b;margin: 15px 0;background: #FFF;padding: 10px 12%;}
.plan_list li a .pl_icon{background:#836025;display: block;line-height: 1.3;color: #FFF;width: 25px;height: 25px;border-radius: 50%;text-align: center;font-size: 18px;padding-left: 2px;margin: 0 auto;transition: rotate 0.3s ease-in-out;}
.plan_list li a:hover .pl_icon{transform: rotate(90deg);}

.txt_color_second{color: #AA895B;}

/*　間取り詳細　*/

.plan_det{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.plan_det_l{width: 30%;}
.plan_det_r{width: 60%;text-align: center;}
.plan_det_r img{width: 80%;}

.plan_det_l h6{width: 100%;font-size: 28px;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 30px;margin-top: 20px;border-bottom: 1px solid #999;padding-bottom: 10px}
.plan_det_l h6 span:last-child{color:#000;margin-right: 10px;font-size: 20px;margin-left: 7px;}
.plan_det_l h6 span:first-child{color: rgba(131,96,37,1.00);margin-right: 10px;font-size: 50px;}
.plan_det_l h5{font-size: 24px;font-family:"Jost", sans-serif;line-height: 1.2;vertical-align: middle;margin-bottom: 20px}
.plan_det_l h3{font-size: 14px;font-family:"Jost","YakuHanMP", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height: 1.8;}
.plan_det_l h2{font-size: 18px;font-family:"Jost","YakuHanMP", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height: 1.2;vertical-align: middle;margin-bottom: 15px}

.plan_det_hanrei{display: flex;justify-content: flex-start;position: absolute;left:0;bottom: 0;align-items: center;flex-wrap: wrap;}
.plan_det_hanrei01{width: 60px;height: 20px;display: block;background: rgba(247,226,220,1.00);margin-right: 10px;}
.plan_det_hanrei01txt{font-size: 14px;margin-right: 20px;}
.plan_det_hanrei02{width: 60px;height: 20px;display: block;background: rgba(230,227,211,1.00);margin-right: 10px;}
.plan_det_hanrei02txt{font-size: 14px;}
.plan_det_hanrei03txt{font-size: 12px;width: 100%;margin-top: 10px;}

.plan_det_btn{width: 300px;margin: 50px auto;}
.plan_det_btn a{width: 100%;background: rgba(168,156,145,1.00);text-align: center;color: rgba(255,255,255,1.00);display: block;padding: 12px 0;position: relative;font-size: 16px;transition: background 0.3s ease-in-out;}
.plan_det_btn a:hover{background: rgba(168,156,145,0.80);}
.plan_det_btn a::before{content: "<";position: absolute;top:20%;left:5%;display: block;transform: scale(0.5 , 1);font-size: 20px;transition: left 0.3s ease-in-out;}
.plan_det_btn a:hover::before{left:3%;}


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

.und_mainv{padding: 20px 0 0 0;}
.und_mainv_ttl{max-width: 1280px;margin: 0 5% 20px;display: flex; justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.und_mainv_ttl h2{font-size: 4vw;font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";line-height: 1;}
.und_mainv_ttl h6{font-size: 13vw;font-family:"Jost", sans-serif;line-height: 1.2;}
.und_mainv_ttl h6::first-letter{color: rgba(131,96,37,1.00);}
.und_mainv_icon{width: 100px;margin:0 0 0 auto;;}
.und_mainv_img{position: relative;}
.und_mainv_img img{width: 100%;}
    .und_mainv_txt{width: 100%;margin-top: -70px;}

.tab_location{max-width: 1280px; margin: 50px 5% 0;}
.tab_location ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tab_location li{width: 100%;margin-bottom: 1px;}
.tab_location li a{width: 100%;display: block;background: #A89C91;text-align: center;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";color: #FFF;padding: 7px 0;font-size: 4vw;transition: background 0.3s ease-in-out;position: relative;}
.tab_location li a::after{content: "▼";width:auto;margin: 2px 0 0 0;font-size: 8px;transform: scale(1.5, 0.8);display: block;position: absolute;right: 3%;top:30%;}
.tab_location li a:hover{background: #836025;}
.tab_location li.is-active a{background: #4E4E4E;pointer-events: none;}

.subttl{max-width: 1200px; margin: 40px 0 30px 0;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.subttl .subttl_txt{width: 90%;margin: 0 5%;}
.subttl .subttl_txt h6{font-family:"Jost", sans-serif;font-size: 10vw;color: #3E3D3C;margin-bottom: 0;margin-top: 0;}
.subttl .subttl_txt h6::first-letter{color: #836025;}
.subttl .subttl_txt h2{font-size: 5vw;color: #836025;margin-bottom: 2%;line-height: 1.8;}
.subttl .subttl_txt h3{font-size: 3vw;color: #3E3D3C;line-height: 2.4;}
.subttl .subttl_img{width: 39%;position: absolute;top:0; right: 0;}

.sub_contents01{max-width: 1200px; margin: 0 5% 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.sub_contents01_item_l{width: 100%;margin-top: -20px;}
.sub_contents01_item_r{width: 100%;position: relative;margin-top: 0;}
.sub_contents01 dt{position: relative;padding: 0;margin: 10px 0; font-size: 18px;line-height: 1.8;color: #836025;}
.sub_contents01 dd{font-size: 14px;line-height: 1.8;position: relative;}
.sub_contents01 dl{margin-bottom: 20px;}
.sub_contents01 ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 60px 0 100px;}
.sub_contents01 li{width: 19.5%;position: relative;}
.sub_contents01 li:first-child{margin-bottom: 5px;}
.sub_contents01 li:last-child{font-size: 10px;text-align: right;width: 100%;margin-top: 5px;}

.plan_list{max-width: 1200px; margin: 40px 5% 0;}
.plan_list h6{width: 90%;font-size: 6vw;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 20px;margin-top: 40px;}
.plan_list h6::first-letter{color: rgba(131,96,37,1.00);}
.plan_list ul{display: flex;justify-content: center;flex-wrap: wrap;}
.plan_list li{width: 75%;margin-right: 0;margin-bottom: 30px;}
.plan_list li:nth-child(3n){width: 70%;margin-right: 0;}
.plan_list li:last-child{width: 70%;margin-right: 0;}
.plan_list li a{display: block;background: #FFF;padding: 15px 5%;box-shadow: 0px 0 7px 0px rgba(0, 0, 0, 0.5);transition: background 0.3s ease-in-out , box-shadow 0.3s ease-in-out ;}
.plan_list li a:hover{background: rgba(168,156,145,0.10);box-shadow: 0px 0 3px 0px rgba(0, 0, 0, 0.5);}
.pl_ttl{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.plan_list h5{font-size: 3vw;font-family:"Jost", sans-serif;line-height: 1.2;vertical-align: middle;}
.plan_list h5 span{font-size: 6vw;color: #aa895b;margin-right: 5px;}
.pl_ttl_r{margin-top: 3px;}
.plan_list h4{font-size: 2.6vw;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 5px;}
.plan_list h3{font-size: 4vw;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";}
.pl_sum{border: 1px solid #aa895b;margin: 15px 0;background: #FFF;padding: 10px 12%;}
.plan_list li a .pl_icon{background:#836025;display: block;line-height: 1.3;color: #FFF;width: 25px;height: 25px;border-radius: 50%;text-align: center;font-size: 18px;padding-left: 2px;margin: 0 auto;transition: rotate 0.3s ease-in-out;}
.plan_list li a:hover .pl_icon{transform: rotate(90deg);}

.txt_color_second{color: #AA895B;}

/*　間取り詳細　*/

.plan_det{max-width: 1200px;margin: 0 5%;display: flex;justify-content: space-between;flex-wrap: wrap;position: relative;}
.plan_det_l{width: 100%;margin-bottom: 20px}
.plan_det_r{width: 100%;text-align: center;}
.plan_det_r img{width: 100%;}

.plan_det_l h6{width: 100%;font-size: 5vw;font-family:"Jost", sans-serif;line-height: 1.2;margin-bottom: 20px;margin-top: 0;border-bottom: 1px solid #999;padding-bottom: 5px}
.plan_det_l h6 span:last-child{color:#000;margin-right: 10px;font-size: 4vw;margin-left: 7px;}
.plan_det_l h6 span:first-child{color: rgba(131,96,37,1.00);margin-right: 7px;font-size: 12vw;}
.plan_det_l h5{font-size: 5vw;font-family:"Jost", sans-serif;line-height: 1.2;vertical-align: middle;margin-bottom: 10px}
.plan_det_l h3{font-size: 3vw;font-family:"Jost","YakuHanMP", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height: 1.8;}
.plan_det_l h2{font-size: 4vw;font-family:"Jost","YakuHanMP", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;line-height: 1.2;vertical-align: middle;margin-bottom: 10px}

.plan_det_hanrei{display: flex;justify-content: flex-start;position: static;left:0;bottom: 0;align-items: center;margin-top: 20px}
.plan_det_hanrei01{width: 50px;height: 16px;display: block;background: rgba(247,226,220,1.00);margin-right: 10px;}
.plan_det_hanrei01txt{font-size: 12px;margin-right: 20px;}
.plan_det_hanrei02{width: 50px;height: 16px;display: block;background: rgba(230,227,211,1.00);margin-right: 10px;}
.plan_det_hanrei02txt{font-size: 12px;margin-right: 20px;}

.plan_det_btn{width: 70%;margin: 50px auto;}
.plan_det_btn a{width: 100%;background: rgba(168,156,145,1.00);text-align: center;color: rgba(255,255,255,1.00);display: block;padding: 10px 0;position: relative;font-size: 3.5vw;transition: background 0.3s ease-in-out;}
.plan_det_btn a:hover{background: rgba(168,156,145,0.80);}
.plan_det_btn a::before{content: "<";position: absolute;top:15%;left:5%;display: block;transform: scale(0.5 , 1);font-size: 20px;transition: left 0.3s ease-in-out;}
.plan_det_btn a:hover::before{left:3%;}


}