@charset "UTF-8";
/* CSS Document */

body main { overflow: visible; }

/* mainvisual ==================== */
.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/plan/plan_mv.jpg") no-repeat center center; background-size: cover;}

/* 個別ページ内　共通スタイル ==================== */
.bg_texture_forest { background-image: url("../img/plan/bg_texture_forest.jpg"); background-position: center top; background-size: cover; padding: clamp(50px, 6vw, 100px) 0; }
/* 個別ページ内　共通スタイル ==================== */



/* planList_sec01 ==================== */
.planList_sec01 + .planList_sec01 { margin-top: clamp(100px, 15vw, 285px); }
.planlist_title { margin-bottom: 80px; }
.planlist_title h3 { border-bottom: 1px solid #fff; font-size: clamp(18px, 1.9vw, 35px); font-weight: normal; color: #fff; }
.planlist_title span { display: inline-block; color: #000; padding: 0 9vw; margin-right: 15px; }
/* */
@media only screen and (max-width: 850px) { 
	.planlist_title { margin-bottom: 0; }
  .planlist_title span { display: block; text-align: center; margin-right: 0; margin-bottom: 10px; } 
}

/* shikihai・juko ==================== */
.shikihai, .juko { padding: 60px 30px; }
.shikihai img, .jukoImg img { width: 100%; }
/* */
@media only screen and (max-width: 850px) { 
  .shikihai, .juko { padding: 40px 0px 60px; }
}

/* planList_contents ==================== */
.planList_contents { /*margin-left: -5%;*/ display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 5%; row-gap: 60px; }
.planList_contents > li { /*width: 28.1%;*/ position: relative; background: #fff; /*margin-left: 5%;*/ margin-top: 30px; padding: 30px; display: flex; flex-direction: column; height: 100%; }
.planList_contents > li .item_bottom { margin-top: auto; }
.planList_contents > li .madori { max-width: 300px; margin: 0 auto; }
/* */
@media only screen and (max-width: 850px) { 
	.planList_contents { grid-template-columns: 1fr 1fr; row-gap: 30px; }
  .planList_contents > li { /*width: 45%;*/ padding: 25px 12px 12px; } 
}

ul.label{position: absolute; top: 0; right: 0; display: flex;}
ul.label li {flex: 0 0 auto; display: flex; align-items: center; padding-inline: 10px; white-space: nowrap; color: #fff; font-size: clamp(8px, 1vw, 14px);}
ul.label li.direction {background: #0D404B;}
ul.label li.merit {background: #C7AC8D;}

.specWrap { color: #41584E; margin-bottom: 20px; }
.specWrap .type { font-size: clamp(14px, 1vw, 18px); }
.specWrap .type b { display: block; font-size: 56px; font-size: clamp(36px, 2.9vw, 56px); font-weight: normal; line-height: 1; }
.specWrap .ldk { font-size: clamp(11px, 1.2vw, 22px); }
.specWrap .ldk b { font-size: clamp(19px, 2.9vw, 56px); font-weight: normal; line-height: 1; }
.specWrap .ldk small { font-size: clamp(8px, 1vw, 14px); }
.specWrap .text01 { font-size: clamp(8px, 1vw, 14px); }
.specWrap .text01 span { font-size: clamp(12px, 1.3vw, 26px); font-weight: normal; line-height: 1; }
.specWrap .text01 b { font-size: clamp(18px, 2vw, 37px); font-weight: normal; line-height: 1; }
.specWrap .left { width: 28%; border-right: 2px solid #D3DACE; }
.specWrap .right { width: 72%; padding-left: 7%; }
.specWrap .merit {width: 100%; margin-top: 10px; padding-inline: 10px; background: #C7AC8D; color: #fff; text-align: center;}
/* */
@media only screen and (max-width: 850px) { 
	.specWrap .type { text-align: center; }
  .specWrap .left { width: 100%; border-right: none; border-bottom: 2px solid #D3DACE; padding-bottom: 8px; margin-bottom: 10px; }
  .specWrap .right { width: 100%; } 
}
.linkBtn { max-width: 180px; width: 100%; margin: 0 auto; }
.linkBtn a { display: block; background: #DDC8A1; font-size: 13px; text-align: center; padding: 12px 0; }

/* 凡例 */
.planCap { max-width: 300px; margin: 10px auto 0; font-size: clamp(8px, 1vw, 11px); }
.planCap div + span { margin-left: 1em; }
.planCap .hanreiBox { display: flex; flex-wrap: wrap; align-items: center; }
.planCap .hanreiBox li + li { margin-left: 8px; }
.planCap .tsufuText figure, .planCap .saikoText figure { display: inline-block; margin-right: 0.5em; }
.planCap .tsufuText figure img, .planCap .saikoText figure img { vertical-align: baseline; width: 35px; }
.planCap .storageText span, .planCap .yukadanText span { display: inline-block; height: 10px; width: 20px; margin-right: .5em; }
.planCap .storageText span { background: #d9cca5; }
.planCap .yukadanText span { background: #ede6d2; }
/* */
@media only screen and (max-width: 850px) { 
	.planCap .hanreiBox li { min-width: 20%; }
  .planCap .tsufuText figure img, .planCap .saikoText figure img { width: 20px; } 
}

#function {padding: clamp(50px, 6vw, 100px) 0;}







@media only screen and (min-width: 768px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}