@charset "UTF-8";
#layer_main .main_img::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0))}
.mark_i01{width: 8em;position: absolute;left: 0;top: 20em;}
.mark_i01 img{animation: fuwafuwa 6s ease-in-out infinite;}
.mark_i02{width: 8em;position: absolute;right: 0;top: 66.5em;}
.mark_i02 img{animation: fuwafuwa 6s ease-in-out infinite;}

article{background: url("../../common/img/tile_bk.webp") repeat center top;padding-bottom: 3.5em;}
/* 一覧ページ */
.plan_index_list{display: flex;justify-content: space-around;flex-wrap: wrap;gap: 1.5em 0;width: 100%;}
.plan_index_list a{background: #4d66a2;padding: 2em 1em;width: 20em;transition: 0.3s all;color: #fff;text-align: center;}
.plan_index_list a::before{content: "";position: absolute;left: 0.35em;top: 0.35em;width: calc(100% - 0.7em);height: calc(100% - 0.7em);border: 1px solid #fff;}
.plan_index_tit{font-size: 0.9em;background: #fff;padding: 0.3em;letter-spacing: 0.05em;color: #000;}
.plan_index_tit big{font-size: 1.78em;line-height: 1;vertical-align: -0.05em;}
.plan_index_tit span{    display: block;
    background: linear-gradient(to left, #8b6900 0%, #bf9102 25%, #ddb658 75%, #8b6900);padding: 0.2em 1em 0.2em;margin: 0.5em auto 0.5em;font-size: 1em;color: #fff;width: fit-content;}
.plan_index_ldk{font-size: 0.9em;letter-spacing: 0.1em;margin-top: 0.7em;}
.plan_index_ldk big{font-size: 1.78em;line-height: 1;vertical-align: -0.05em;}
.plan_index_ldk + .lead{letter-spacing: 0.05em;margin-top: 0.2em;}
.plan_index_fig{margin: 1em auto 0;background: #fff;text-align: center;padding: 1em;width: 90%;}
/* .plan_index_fig img{height: 15em;} */
.detail_btn{font-size: 0.9em;width: 12em;margin: 1em auto 0;text-align: center;background: #fff;color: #000;padding: 0.4em;display: block;}

@media screen and (min-width: 769px){
.plan_index_list a:hover{background: #204389;}
}

@media screen and (max-width: 768px) {
.plan_index_list{justify-content: space-between;flex-direction: column;}
.plan_index_list a{width: 100%;}
.detail_btn{width: 100%;}
}

/* 詳細ページ */
.plan_wrap{padding-bottom: 0!important;}
.plan_wrap .wrap1024{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.plan_wrap .wrap1024 > .item{width: 29.5em;display: flex;flex-wrap: wrap;justify-content: space-between;}
.plan_tit{display: flex;border-bottom: 1px solid #fff;width: 100%;background: #4d66a2;color: #fff;}
.plan_tit::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: -7px;border-bottom: 3px solid #4d66a2;}
.plan_tit small{font-size: 1em;font-family: "EB Garamond", serif;align-self: center;padding: 0 2.5em;line-height: 1;}
.plan_tit big{font-size: 1.5em;padding: 0 1.5em;border-left: 1px solid #fff;letter-spacing: 0.1em;}
.plan_tit big strong{font-size: 1.5em;line-height: 1;}
.plan_tit span{font-size: 1.5em;padding: 0 1.5em;border-left: 1px solid #fff;letter-spacing: 0.1em;}
.plan_tit span strong{font-size: 1.5em;line-height: 1;}
.sitearea{display: flex;flex-wrap: wrap; margin-top: 1em;width: 14em;}
.sitearea small{font-size: 0.8em;}
.sitearea small:first-of-type{width: 100%;}
.sitearea span{font-size: 2em;line-height: 1;}
.sitearea span big{font-size: 1.3em;line-height: 0.7;font-family: "EB Garamond", serif;}
.sitearea span + small{margin-left: 0.5em;}
.etcarea{font-size: 0.8em;align-self: flex-end;}
.etcarea th{text-align-last: justify;}
.etcarea th::after{content: "／";}
.etcarea td{text-align: right;}
.plan_wrap .wrap1024 > figure{width: 20em;}
.features{margin-top: 1em;}
.features p{text-indent: -1em;padding-left: 1em;font-size: 0.9em;}
.fig{display: flex;justify-content: space-between;width: 100%;margin-top: 1.5em;align-items: center;}
.fig dt{width:60%;}
.fig dd{width:36%;}

.landplan_detail .point{
  position: absolute;
    left: 2px;
    top: 2px;
    color: #FFF;
    background: #4e649a;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.7em;
}
.landplan_detail{
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    border: 2px solid #4e649a;
    padding: 0.3em 1em 0.3em 1.5em;
}
#landplan .landplan_detail p{
  text-align: left;
}
.landplan_detail .point_info{
  padding-top: 2px;
}
.landplan_detail .point_info h5{
  font-size: 18px;
  margin: 0 0 0.3em;
}
.landplan_detail .point_info p{
  font-size: 14px;
  line-height: 1.5;
}
.landplan_detail .point_info p strong{
  font-size: 18px;
  color:#204389;
}
.landplan_detail .point_info p.note{
  font-size: 13px;
}
.plan_note{margin-top: 1em;text-align: left;}
.plan_note img{height: 0.7em;}
.index_btn{font-size: 0.9em;width: 12em;margin: 1.5em auto 0;text-align: center;background: #fff;color: #000;padding: 0.4em;display: block;transition: 0.3s all;}
/* #plan0 .fig img{height: 20em;} */


@media screen and (min-width: 769px){
.plan_wrap .wrap1024 > figure{animation-delay: 0.2s;}
.index_btn:hover{opacity: 0.6;}
}

@media screen and (max-width: 768px) {
.mark_i01{width: 6em;left: 0;top: 20em;}
.mark_i02{width: 6em;right: 0;top: 100em;}

.plan_wrap{padding-bottom: 0!important;}
.plan_wrap .wrap1024{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.plan_wrap .wrap1024 > .item{width: 29.5em;display: flex;flex-wrap: wrap;justify-content: space-between;}
.plan_tit{display: flex;border-bottom: 1px solid #555;width: 100%;}
.plan_tit::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: -7px;border-bottom: 3px solid #555;}
.plan_tit small{font-size: 1em;font-family: "EB Garamond", serif;align-self: center;padding: 0 0.5em;}
.plan_tit big{font-size: 1.7em;padding: 0 0.5em;border-left: 1px solid #555;letter-spacing: 0.1em;}
.plan_tit big strong{font-size: 1.1em;line-height: 1;}
.plan_tit span{font-size: 1.7em;padding: 0 0.5em;border-left: 1px solid #555;letter-spacing: 0.1em;}
.plan_tit span strong{font-size: 1.3em;line-height: 1;}
.sitearea{width: 100%;align-items: center;}
.sitearea small{font-size: 0.9em;}
.sitearea small:first-of-type{width: auto;}
.etcarea{font-size: 0.9em;margin-top: 0.7em;}
.plan_wrap .wrap1024 > figure{width: 100%;margin-top: 1em;}
.plan_wrap .wrap1024 > figure img{width: 100%;}
.features{margin-top: 1em;}
.features p{text-indent: -1em;padding-left: 1em;font-size: 0.9em;}
.plan_note img{width: auto!important;}
.fig{flex-wrap: wrap;width: 100%;margin-top: 1.5em;}
/* #plan0 .fig img{height: 20em;} */
.fig dt{width:100%;}
.fig dd{width:100%;margin-top:2em;}
.landplan_detail{margin-bottom:10px;}
.landplan_detail .point{font-size:1em;}
.landplan_detail .point_info{padding-left:1em;}
}