@charset "utf-8";
@media screen and (max-width: 768px) {
  body {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  #contents p {
    font-size: 1.6em;
  }
}
#contents {
  width: 100%;
  padding: 0;
  background: url("../img/plan/haikei_image.jpg");
  background-size: cover;
	background-repeat: no-repeat;
}
h2, h3, h4, h5, th {
  font-weight: 500;
}
#page-title {
  /*margin-bottom: 90px;*/
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #page-title {
    /*margin-bottom: 60px;*/
    margin-bottom: 0;
  }
}
.sp-br {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp-br {
    display: block;
  }
}
.contents-inner {
  max-width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .contents-inner {
    padding: 0 30px;
	  margin-top: 40px;
  }
}
.flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .flex {
    flex-wrap: wrap;
  }
}
/*-------------メイン---------------*/
.main-background {
  background-color: #f2f0eb;
}
.contents-inner.main-section {
  padding-top: 60px;
  padding-bottom: 90px;
}
.contents-inner.main-section .aligncenter:nth-child(1) img {
  aspect-ratio: 160 / 103;
  width: 100%;
}
.main-section .aligncenter:nth-child(1) {
  margin-bottom: 60px;
  position: relative;
}
#contents .main-section .aligncenter:nth-child(1) p.copy {
  width: 100%;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%);
  font-size: 2.0625rem;
}
@media screen and (max-width: 768px) {
  #contents .main-section .aligncenter:nth-child(1) p.copy {
    font-size: .9375rem;
  }
}
#contents .main-section .aligncenter:nth-child(1) p .large {
  font-size: 2.875rem;
}
@media screen and (max-width: 768px) {
  #contents .main-section .aligncenter:nth-child(1) p .large {
    font-size: 1.375rem;
  }
}
#contents .main-section .aligncenter:nth-child(1) p.notes {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
  padding: 5px;
  margin-bottom: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #03093a 25%, #03093a 50%, #03093a 75%, rgba(255, 255, 255, 0));
  width: 73.13%;
}
@media screen and (max-width: 768px) {
  #contents .main-section .aligncenter:nth-child(1) p.notes {
    bottom: 20px;
    background: #03093a;
  }
}
#contents .main-section .aligncenter:nth-child(1) p.notes span {
  font-size: .875rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #contents .main-section .aligncenter:nth-child(1) p.notes span {
    font-size: .625rem;
  }
}
.main-section .aligncenter:nth-child(2) {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .main-section .aligncenter:nth-child(2) {
    width: 90%;
  }
}
/*---------------プラン--------------------*/
/*.contents-inner.plan-section {
  padding-top: 60px;
}*/
.plan-section h2 {
  font-size: 1.7em;
  text-align: center;
  letter-spacing: 0.1em;
	margin-top: 40px;
}
.plan-section h2 .large {
  font-size: 1.3em;
}
@media screen and (max-width: 768px) {
  .plan-section h2 {
    /*font-size: .875rem;*/
    letter-spacing: .15em;
  }
  .plan-section h2 .large {
    font-size: 1.125rem;
  }
}
.plan-wrapper {
  margin: 40px auto 60px auto;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .plan-wrapper {
  margin: 40px auto 40px auto;
}
}
.flex.plan-wrapper {
  gap: 7.29%;
  justify-content: center;
	align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .plan-wrapper {
    width: 100%;
    font-size: 12px;
    flex-direction: column;
  }
}
/*---------------鳥かご--------------------*/
.torikago-wrap {
  text-align: center;
  width: 36%;
  display: grid;
  grid-template: repeat(4, 1fr) repeat(11, 1fr) / 10% 1fr 1fr 1fr;
  gap: 5px;
}
.torikago-wrap .nolink{
	pointer-events: none;
}
#contents .torikago-wrap p {
  margin-bottom: 0;
  line-height: 2.5;
  height: auto;
}
@media screen and (min-width: 768px) {
  #contents .torikago-wrap p {
  line-height: 1.7;
}
}
@media screen and (max-width: 768px) {
  .torikago-wrap {
    width: 100%;
    margin: auto;
    gap: 2px;
  }
  #contents .torikago-wrap p {
    font-size: .875rem;
    line-height: 1.6;
  }
}
.torikago-wrap a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  gap: 5px;
  transition: .2s;
}
.torikago-wrap a:hover {
  opacity: .5;
  transition: .2s;
}

@media screen and (max-width: 768px) {
  .torikago-wrap a {
    gap: 2px;
  }
  .torikago-wrap a:hover {
    opacity: 1;
  }
}
.floor-wrap {
  grid-area: 1 / 1 / 16 / 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	color: #666;
}
#contents .floor-wrap p {
  color: #000;
}
.type-a {
  grid-area: 1 / 2 / 16 / 3;
}
.type-b {
  grid-area: 1 / 3 / 16 / 4;
}
.type-c {
  grid-area: 1 / 4 / 16 / 5;
}
#contents .torikago-wrap a > p {
  background: #a6b7d9;
  border: 1px solid #a6b7d9;
	color: #fff;
}
#contents .torikago-wrap a > p {
  background: #a6b7d9;
  border: 1px solid #a6b7d9;
	color: #fff;
}
#contents .torikago-wrap a.nolink > p {
  background: #b8bcc1;
  border: 1px solid #b8bcc1;
	color: #fff;
}
.first-floor {
  grid-area: 15 / 2 / 16 / 5;
	z-index: 100;
}
#contents .noroom {
  background: #666;
  height: 100%;
	color: #fff;
}
/*.noroom {
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: space-between;
}
#contents .noroom p {
  background: #aaa;
  border: 1px solid #aaa;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .noroom {
    gap: 2px;
  }
}*/
/*---------------間取り詳細ボタン--------------------*/
.plan-list {
  width: 39.58%;
}
#contents .plan-list li {
  margin-bottom: 10px;
}
#contents .plan-list li[disabled] {
  position: relative;
}
#contents .plan-list li[disabled]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, .8);
  width: 100%;
}
.plan-list li a, .plan-list li a:hover {
  transition: .4s;
}
.plan-list li a:hover {
  opacity: .4;
}
#contents .plan-list .plan-spec .plan-area {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  #contents .plan-list .plan-spec .plan-area {
  font-size: 1.2rem;
}
}
#contents .plan-list .plan-spec .plan-area span {
  font-size: 2em;
}
@media screen and (max-width: 768px) {
  .plan-list {
    width: 100%;
    height: 100%;
    margin-top: 40px;
  }
  .plan-list li a:hover {
    opacity: 1;
  }
}
/*#contents .plan-list .plan-type {
  background:url("../img/plan/type_bg_image.jpg");
  color: #1573b2;
}
#contents .plan-list .plan-type span {
  margin-bottom: 5px;
}
#contents .plan-list .plan-spec {
  background: #fff;
  padding: 15px 20px 8.5px;
}
#contents .plan-list .btn {
	margin: 0;
    padding: 10px 0;
    background:url("../img/plan/more_bg_image.jpg");
	background-size: cover;
	border-radius: 0;
    color: #fff;
}
#contents .plan-list .commingsoon{
	margin-top: 30px;
	color: #666;
}
#contents .plan-list .commingsoon::after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: url("../img/plan/select_h3_bg_image.jpg");
	margin-bottom: 10px;
}
#contents .plan-list .plan-layout{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}*/
#contents .plan-list li {
    margin-bottom: 20px;
	border: 4px solid transparent;
    border-image: url("../img/plan/more_bg_image.jpg") 30 stretch;
    text-align: center;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
#contents .plan-list .plan-type {
    display: block;
    width: 100%;
	background: none;
	color: inherit;
	padding: 0 10px;
}
#contents .plan-list .plan-type span {
    display: inline;
    margin-right: 0;
}
#contents .plan-list .plan-hd {
    display: block;
    width: 100%;
    line-height: 1;
	background: url("../img/plan/type_bg_image.jpg");
	background-size: cover;
	padding: 10px;
}
@media screen and (max-width: 768px) {
  #contents .plan-list .plan-hd {
	padding: 7px;
}
}
#contents .plan-list .plan-layout{
	width: 85%;
	margin: 0 auto;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  #contents .plan-list .plan-layout{
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
}
}
@media screen and (max-width: 768px) and (min-width: 480px) {
  #contents .plan-list .plan-layout{
	width: 60%;
}
}
#contents .plan-list .plan-small{
	font-size: 1.7em;
}
@media screen and (max-width: 768px) {
 #contents .plan-list .plan-small{
	font-size: 1.2em;
}
}
#contents .plan-list .plan-large{
	font-size: 1.8em;
}
@media screen and (max-width: 768px) {
  #contents .plan-list .plan-large{
	font-size: 1.5em;
}
}
#contents .plan-list .center{
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.12em;
}
@media screen and (max-width: 768px) {
  #contents .plan-list .center{
	line-height: inherit;
}
}
#contents .plan-list .plan-type {
    font-size: 30px;
	letter-spacing: 0.12em;
	color: #1573b2;
}
#contents .plan-list .plan-type span {
    font-size: 55px;
	letter-spacing: 0.12em;
}
/*#contents .plan-list .plan-area span{
    font-size: 1.7em;
	font-weight: 400;
}*/
@media screen and (max-width: 768px) {
  #contents .plan-list .plan-area .small{
	font-size: 0.7em;
}
}

/*-------main visual---------*/
.relative {
    position: relative;
}
#mv{
  width: 100%;
  height: calc(100vh - 50px);
  overflow: hidden;
  background: url(../img/plan/main.jpg);
  background-position: center left;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #mv{
  background: url(../img/plan/main-sp.jpg);	  
  background-position: bottom center;
  background-size: cover;
}
}
#mv .mv_img{
  object-fit: cover;
  object-position: center center;
}
#mv .mv_ttl{
  position: absolute;
  width: 41.33vw;
  top: 14.13vw;
}
#mv .mv_copy{
  position: absolute;
  width: 40.13vw;
  bottom: 10.13vw;
  right: 4.4vw;
}
@media screen and (min-width: 480px) {
#mv .mv_copy{
  width: 40.13vw;
}
}
@media screen and (min-width: 768px) {
  .img_note{
		font-size: 1.21vw;
  }

  #mv{
    height: calc(100vh - 105px);
    background: url(../img/plan/main.jpg);
    background-position: center left;
    background-size: cover;
  }
  #mv .mv_ttl{
    width: 15.71vw;
    top: 6.85vw;
  }
  #mv .mv_copy{
    position: absolute;
    width: 51.78vw;
    bottom: 15px;
    right: 3.92vw;
  }
}
@media screen and (min-width: 1400px) {
  .img_note{
		font-size: 17px;
  }

  #mv .mv_ttl{
    width: 220px;
    top: 96px;
  }
  #mv .mv_copy{
    width: 325px;
    right: 55px;
  }
}
@media screen and (max-height: 700px) and (min-width: 768px) {
  #mv .mv_copy {
    width: 40.78vh;
  }
}
@media screen and (min-height: 700px) and (min-width: 768px) {
  #mv .mv_copy {
    width: 25.78vh;
  }
}
@media screen and (max-width: 768px) and (min-width: 520px) {
  #mv{
    background-position: center center;
  }
}
/*--- 資料請求ボタン ---*/
#entry{
	padding-top: 9.33vw;
	border-top: 1px solid #c9caca;
	text-align: center;
	/*margin-bottom: 40px;*/
	padding-bottom: 40px;
}
#entry .entry_txt{
	font-size: 3.2vw;
	font-weight: 500;
	color: #747374;
	margin-bottom: 2em;
}
#entry .entry_btn{
	display: block;
	width: 73.33vw;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px) {
	#entry{
		padding-top: 6.42vw;
	}
	#entry .entry_txt{
		font-size: 1.21vw;
		margin-bottom: 1.3em;
	}
	#entry .entry_btn{
		width: 42.85vw;
	}
}
@media screen and (min-width: 1400px) {
	#entry{
		padding-top: 90px;
	}
	#entry .entry_txt{
		font-size: 17px;
	}
	#entry .entry_btn{
		width: 600px;
	}
}
/*-------プレイズセレクト---------*/
.musho{
	font-size: 0.8em;
}
.select-title-wrapper{
	/*background-color: #958244;*/
	/*background: url("../img/plan/select_bg_image.jpg");
	color: #fff;*/
	background-color: #30271e;
	color: #958244;
	background-size: cover;
	background-position: center center;
	/*width: 100vw;*/
	margin: 0 -30px;
	padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .select-title-wrapper{
	background-color: #30271e;
	color: #958244;
	background-size: cover;
	background-position: center center;
	/*width: 100vw;*/
	margin: 0 -30px;
	margin: 90px -50vw 60px;
	padding: 15px 0;
}
}
.select-title-wrapper h2{
	text-align: center;
	letter-spacing: 0.25em;
	font-size: 2em;
}
/*.select-title-wrapper h2 .gold-large{
	font-size: 1.5em;
}*/
@media screen and (max-width: 768px) {
  .select-title-wrapper h2 .gold-large{
	font-size: 1.5em;
}
}
.select-contents-wrapper li{
	margin-top: 60px;
	text-align: center;
	font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  .select-contents-wrapper li{
	font-size: 1em;
}
}
  .select-contents-wrapper li h3{
	font-size: 2em;
}
.select-contents-wrapper li .select-type{
	display: block;
	background: url("../img/plan/select_bg_image.png");
	background-position: center;
	background-size: cover;
	color: #fff;
	margin: 25px 0;
	padding: 10px;
	font-size: 1.5em;
}
@media screen and (max-width: 768px) {
  .select-contents-wrapper li .select-type{
	 padding: 0;
	  margin: 15px 0;
}
}
.select-contents-wrapper li img{
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}
.select-contents-wrapper li:nth-child(3) img{
	width: 40%;
}
@media screen and (max-width: 768px) {
  .select-contents-wrapper li:nth-child(3) img{
	width: 60%;
}
}
#contents p.plan-note{
	margin-top: 0;
	font-size: 10px;
}
.select-number{
	font-size: 1.5em;
}