@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.5em 0 0.9em 0;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 .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%;}

#plan07 .plan_tit big,
#plan12 .plan_tit big,
#plan13 .plan_tit big,
#plan66 .plan_tit big,
#plan68 .plan_tit big,
#plan69 .plan_tit big,
#plan72 .plan_tit big,
#plan73 .plan_tit big{width:50%;text-align:center;}
#plan07 .plan_tit span,
#plan12 .plan_tit span,
#plan13 .plan_tit span,
#plan66 .plan_tit span,
#plan68 .plan_tit span,
#plan69 .plan_tit span,
#plan72 .plan_tit span,
#plan73 .plan_tit span{width:50%;text-align:center;}

.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 .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;}
}

.bgw{
	background: #FFF;
}
article .layer section.plan_wrap{
	padding-bottom: 3.5em;
}
.modelhouse_slider01,.modelhouse_slider02 {
  position: relative;
}
.modelhouse_slider01 .modelslide,.modelhouse_slider02 .modelslide{
	background: #000;
	aspect-ratio: 128 / 85;
	text-align: center;
}
.modelhouse_slider01 .modelslide img,.modelhouse_slider02 .modelslide img {
	height: 100%;
	width: auto;
	display: inline-block;
}
.modelhouse_slider01 .slide-arrow,.modelhouse_slider02 .slide-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.modelhouse_slider01 .main-prev,.modelhouse_slider02 .main-prev {
  left: 1em;
}
.modelhouse_slider01 .main-next,.modelhouse_slider02 .main-next {
  right: 1em;
}
.slide-arrow img {
  display: block;
  width: 31px;
  height: auto;
}
.modelhouse_thm_slider01,.modelhouse_thm_slider02 {
  position: relative;
  padding: 0 20px;
  margin-top: 25px;
}
.modelhouse_thm_slider01 .thm-arrow,.modelhouse_thm_slider02 .thm-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.modelhouse_thm_slider01 .thm-prev,.modelhouse_thm_slider02 .thm-prev {
  left: 0;
}
.modelhouse_thm_slider01 .thm-next,.modelhouse_thm_slider02 .thm-next {
  right: 0;
}
.thm-arrow img {
  display: block;
  width: 10px;
  height: auto;
}
.modelslide{
	position: relative;
}
.modelslide .imagelead{
	position: absolute;
	left: 2.5em;
	bottom: 2em;
	color: #FFF;
	text-align: left;
}
.modelslide .imagelead p{
	font-size: 0.9em;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8), 1px 1px 3px rgba(0, 0, 0, 1);
}
.modelslide .imagelead p.leadttl{
	font-size: 1.8em;
}
.modelslide img {
  display: block;
  width: 100%;
  height: auto;
}
.modelhouse_thm_slider01 .slick-list,.modelhouse_thm_slider02 .slick-list {
  margin: 0 -5px;
}
.modelhouse_thm_slider01 .slick-slide,.modelhouse_thm_slider02 .slick-slide {
  margin: 0 5px;
  box-sizing: border-box;
}
.modelhouse_thm_slider01 .modelslide,.modelhouse_thm_slider02 .modelslide{
	aspect-ratio: 128 / 85;
	background: #000;
	text-align: center;
}
.modelhouse_thm_slider01 .modelslide img,.modelhouse_thm_slider02 .modelslide img {
	height: 100%;
	width: auto;
  opacity: 0.4;
	transition: .3s;
	display: inline-block;
}
.modelhouse_thm_slider01 .slick-current img,.modelhouse_thm_slider02 .slick-current img {
  opacity: 1;
}
@media screen and (max-width: 768px) {
	.modelslide .imagelead{
		left: 1.5em;
		bottom: 1em;
	}
	.modelhouse_slider01 .main-prev, .modelhouse_slider02 .main-prev {
		left: 0.5em;
	}
	.modelhouse_slider01 .main-next, .modelhouse_slider02 .main-next {
		right: 0.5em;
	}
}