@charset "UTF-8";

.plan_sec01{max-width: 1280px;margin: 60px auto;}
.plan_sec0101{margin-bottom: 40px;}
.plan_list ul{display: flex;justify-content:center;flex-wrap: wrap;}
.plan_list li{width: 32%;margin-bottom: 2%;margin-right: 2%;}
.plan_list li:nth-child(3n){width: 32%;margin-bottom: 2%;margin-right: 0;}
.plan_list li:last-child{width: 32%;margin-bottom: 2%;margin-right: 0;}
.plan_list li a{display: block;background: linear-gradient(0deg, #302f2a 0%, #4f4e46 100%);padding: 25px 0;border: 8px solid #302f2a;text-align: center;transition: opacity 0.3s ease-in-out;}
.plan_list li a:hover{opacity: 0.9;}
.pl_ttl{background: #302f2a;color: #dcd69a;font-family: "EB Garamond";font-size: 30px;padding: 5px 0;line-height: 1;letter-spacing: 0.05em;}
.pl_txt01{color: #dcd69a;font-family: "EB Garamond";font-size: 24px;margin: 15px 0;line-height: 1;letter-spacing: 0.05em;}
.pl_txt02{color: #FFF;font-family: "EB Garamond" , YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;  font-size: 14px;margin: 15px 0 0;line-height: 1;letter-spacing: 0.05em;}

.plan_sec02{display: flex;max-width: 1020px;margin: 60px auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.plan_sec0201{width: 47%;}
.plan_sec0202{width: 49%;position: relative;}
.plan_sec03{max-width: 1280px;margin: 20px auto;padding-bottom: 100px;font-size: 14px;text-align: right;}
.plan_sec0202b{display: flex;max-width: 1020px;margin: 0 auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.plan_sec0202bimg{width: 30%;position: relative;}
.plan_sec0202b ul{width: 67%;color: rgba(35,35,35,1.00);}
.plan_sec0202b li{width: 100%;margin-bottom: 20px;letter-spacing: 0.05em;font-size: 16px;}
.plan_sec0202b li:first-child{font-size: 20px;}
.plan_sec0202b li::before{content: "■";color: rgba(87,87,87,1.00);}
.plan_sec0202b li:last-child::before{content: "";color: rgba(87,87,87,1.00);}
.plan_sec0202bimg_und{font-size: 12px;text-align: right;color: rgba(35,35,35,1.00);margin: 5px 0 0 0;}

/*プラン詳細*/
.plan_adj{padding: 30px 0;}

.pd_adj{padding-bottom: 100px;}
.plan_detail{max-width: 1280px;margin: 60px auto 0;position: relative;}
.pd_txt{position: absolute;display: block;background: linear-gradient(0deg, #302f2a 0%, #4f4e46 100%);text-align: center;transition: opacity 0.3s ease-in-out;top:-30px;width: 360px;padding-bottom: 20px;}
.pd_ttl{background: #302f2a;color: #dcd69a;font-family: "EB Garamond";font-size: 30px;padding: 10px 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt01{color: #dcd69a;font-family: "EB Garamond";font-size: 24px;margin: 15px 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt02{color: #FFF;font-family: "EB Garamond" , YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;  font-size: 14px;margin: 15px 0 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt_more{position: absolute;top:160px;left:6%}
.pd_hanrei{position: absolute;bottom:260px;left:6%;width: 450px;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;}
.pd_hanrei01{background: #f3ebe1;display: block;width: 60px;height: 25px;margin-right: 8px;}
.pd_hanrei01txt{font-size: 14px;margin-right: 16px;line-height: 1;}
.pd_hanrei02{background: #d6c8b4;display: block;width: 60px;height: 25px;margin-right: 8px;}/*通常の間取りに差し替えた際は#d6c8b4*/
.pd_hanrei02txt{font-size: 14px;margin-right: auto;line-height: 1;}
.pd_hanrei03txt{font-size: 12px;width: 100%;margin: 15px 0 0 0;text-align: left;line-height: 1.4;}
.pd_torikago{position: absolute;bottom:20px;left:6%;width: 360px;}
.pd_torikago img{width: 100%;}
.pd_txt03{color: #333;line-height: 2;font-size: 14px;}
.pd_img{background: #FFF;width: 96%;margin: 0 0 0 auto;}
.pd_plan{width: 60%;margin: 0 0 0 auto;}

.pd_button{width: 400px;margin: 30px auto 0;}
.pd_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: center;color: #FFF;font-size: 16px;letter-spacing: 0.05em;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.pd_button a::after{content: "";background-image: url("../../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);left: 20px;top: 27%;transition: left 0.3s ease-in-out;transform: rotate(180deg);}
.pd_button a:hover{background-color: #576464;}
.pd_button a:hover::after{left: 15px;}


@media screen and (max-width: 1600px) {
.plan_sec01{max-width: 1280px;margin: 60px auto;padding: 0 3%;}
}

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

.plan_sec01{max-width: 1280px;margin: 40px 5% 20px;padding: 0;}
.plan_sec0101{margin-bottom: 40px;}
.plan_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.plan_list li{width: 100%;margin-bottom: 2%;margin-right: 0;}
.plan_list li:nth-child(3n){width: 100%;margin-bottom: 2%;margin-right: 0;}
.plan_list li:last-child{width: 100%;margin-bottom: 2%;margin-right: 0;}
.plan_list li a{display: block;background: linear-gradient(0deg, #302f2a 0%, #4f4e46 100%);padding: 20px 0;border: 8px solid #302f2a;text-align: center;transition: opacity 0.3s ease-in-out;}
.plan_list li a:hover{opacity: 0.9;}
.pl_ttl{background: #302f2a;color: #dcd69a;font-family: "EB Garamond";font-size: 8vw;padding: 5px 0;line-height: 1;letter-spacing: 0.05em;}
.pl_txt01{color: #dcd69a;font-family: "EB Garamond";font-size: 5vw;margin: 10px 0;line-height: 1;letter-spacing: 0.05em;}
.pl_txt02{color: #FFF;font-family: "EB Garamond" , YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;  font-size: 3.5vw;margin: 10px 0 0;line-height: 1;letter-spacing: 0.05em;}

.plan_sec02{display: flex;max-width: 1020px;margin: 40px 5%;justify-content: space-between;flex-wrap: wrap;}
.plan_sec0201{width: 100%;margin-bottom: 15px;}
.plan_sec0202{width: 100%;}
.plan_sec03{max-width: 1280px;margin: 10px 5% 0;padding-bottom: 40px;font-size: 3vw;text-align: left;}
.plan_sec0202b{display: flex;max-width: 1020px;margin: 0 auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.plan_sec0202bimg{width: 75%;position: relative;margin: 10px auto 0;order: 2;}
.plan_sec0202b ul{width: 100%;color: rgba(35,35,35,1.00);order: 1;margin-top: 30px;}
.plan_sec0202b li{width: 100%;margin-bottom: 10px;letter-spacing: 0.05em;line-height: 1.6;text-indent: -1em;padding-left: 1em;font-size: 3vw;}
.plan_sec0202b li:first-child{font-size: 4vw;}
.plan_sec0202b li::before{content: "■";color: rgba(87,87,87,1.00);}
.plan_sec0202bimg_und{font-size: 10px;text-align: right;color: rgba(35,35,35,1.00);margin: 5px 0 0 0;}


/*プラン詳細*/
.plan_adj{padding: 0;}
.pd_adj{padding-bottom: 40px;}
.plan_detail{max-width: 1280px;margin: 40px auto 0;position: relative;}
.pd_txt{position: absolute;display: block;background: linear-gradient(0deg, #302f2a 0%, #4f4e46 100%);text-align: center;transition: opacity 0.3s ease-in-out;top:-30px;width: 88%;padding-bottom: 20px;margin: 0 6% -5%;z-index: 2;}
.pd_ttl{background: #302f2a;color: #dcd69a;font-family: "EB Garamond";font-size: 7vw;padding: 10px 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt01{color: #dcd69a;font-family: "EB Garamond";font-size: 5vw;margin: 15px 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt02{color: #FFF;font-family: "EB Garamond" , YakuHanMP, 'Noto Serif JP', YuMincho, 'Hiragino Mincho ProN', 'Yu Mincho', 'MS PMincho', serif;  font-size: 3vw;margin: 15px 0 0;line-height: 1;letter-spacing: 0.05em;}
.pd_txt_more{position: absolute;top:13.5%;left:8%;width: 92%;z-index: 2}
.pd_txt03{color: #333;line-height: 2;font-size: 3vw;}
.pd_hanrei{position: absolute;bottom:18%;left:6%;width: 88%;display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: center;z-index: 2;}
.pd_hanrei01{background: #f3ebe1;display: block;width: 40px;height: 15px;margin-right: 8px;}
.pd_hanrei01txt{font-size: 10px;margin-right: 16px;line-height: 1;}
.pd_hanrei02{background: #d6c8b4;display: block;width: 40px;height: 15px;margin-right: 8px;}/*通常の間取りに差し替えた際は#d6c8b4*/
.pd_hanrei02txt{font-size: 10px;margin-right: auto;line-height: 1;}
.pd_hanrei03txt{font-size: 10px;width: 100%;margin: 7px 0 0 0;text-align: left;line-height: 1.4;}
.pd_torikago{position: absolute;bottom:20px;left:15%;width: 70%;}
.pd_torikago img{width: 100%;}
.pd_img{background: #FFF;width: 94%;margin: 15% 3% 0 3%;position: relative;z-index: 0;}
.pd_plan{width: 100%;margin: 0;padding: 70% 0 90%;}

.pd_button{width: 80%;margin: 30px auto 0;}
.pd_button a{background-color: #96A8A9;padding: 15px 50px;display: block;text-align: center;color: #FFF;font-size: 4vw;letter-spacing: 0.05em;line-height: 1;position: relative;transition: background-color 0.3s ease-in-out;}
.pd_button a::after{content: "";background-image: url("../../common/imgs/obj_yajirushi01.svg");width: 12px;height: 22px;display: block;position: absolute;transform: translate(0, -50%);left: 20px;top: 27%;transition: left 0.3s ease-in-out;transform: rotate(180deg);}
.pd_button a:hover{background-color: #576464;}
.pd_button a:hover::after{left: 15px;}

}