/* ------------------------------------------------------------
    select
------------------------------------------------------------ */
.select_plan {
	padding-bottom: 80px;
	overflow: hidden;
}
.select_plan .select_plan_inner {
	position: relative;
	margin: auto;
	width: 90%;
	max-width: 1519px;
	z-index: 2;
}
.select_plan .lead_txt {
	padding: 160px 0 60px;
}
.step03 {
	padding-bottom: 150px;
	background: url(../images/plan/bg.png);
}
.stepbox .ttlarea {
	position: relative;
	margin-bottom: -8px;
	background: url(../images/plan/bg.png);
}
.stepbox.step01 .ttlarea {
	padding-top: 110px;
}
.stepbox.step02 .ttlarea {
	padding-top: 160px;
}
.stepbox.step03 .ttlarea {
	padding-top: 130px;
}
.stepbox .ttlarea::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 145px;
	background: #f9e98f;
	content: "";
	z-index: 1;
}
.stepbox .mainarea {
	position: relative;
	padding-bottom: 100px;
	background: #f9e98f;
}
.stepbox .mainarea::after {
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	margin: auto;
	width: 111px;
	height: 37px;
	background: url(../images/plan/arrw_btm_org.svg) no-repeat center / contain;
	content: "";
	z-index: 1;
}
.step03 .mainarea::after {
	content: none;
}
.stepbox .whitebox {
	position: relative;
	padding: 110px 160px 90px;
	background: #fff;
	border-radius: 80px 0 80px 10px;
}
.stepbox.step01 .whitebox {
	padding: 110px 110px 80px;
}
.stepbox.step01 .illust01 {
	position: absolute;
	top: 50px;
	left: -10px;
}
.stepbox.step01 .illust02 {
	position: absolute;
	bottom: -10px;
	right: -110px;
}
.stepbox.step01 .mainarea .cap{
    text-align: right;
}
.stepbox.step01 .mainarea .cap span{
    display: inline-block;
}
.stepbox.step02 .illust01 {
	position: absolute;
	top: 50px;
	right: -40px;
}
.stepbox.step02 .illust02 {
	position: absolute;
	bottom: -10px;
	left: -130px;
}
.stepbox.step03 .illust01 {
	position: absolute;
	top: 50px;
	left: -40px;
}
.stepbox.step03 .illust02 {
	position: absolute;
	bottom: -20px;
	right: -120px;
}
.stepbox .clip {
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 53px;
}
.stepbox .ttl {
	text-align: center;
}
.stepbox .ttl dt {
	display: inline-block;
	margin-bottom: 30px;
	padding: 5px 30px;
	background: #f8a109;
	border-radius: 5px;
	color: #fff;
	font-size: 3rem;
	letter-spacing: .2rem;
	text-indent: .2rem
}
.stepbox .ttl dd {
	margin-bottom: 40px;
	font-size: 2.2rem;
}
.step02 input[type="radio"] {
	display: none;
}
.step02 .tab_area {
	padding-bottom: 50px;
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.step02 .tab_area label {
	position: relative;
	margin: 0 5px;
	padding: 15px 20px;
	border-radius: 10px;
	max-width: 273px;
	width: 30%;
	font-size: 2rem;
	text-align: center;
	line-height: 1.2;
	cursor: pointer;
	transition: ease 0.2s opacity;
}
.step02 .tab_area label span {
	font-size: 1.6rem;
}
.step02 .tab_area label.tab1_label {
	color: #514336;
	border: 1px solid #514336;
}
.step02 .tab_area label.tab2_label {
	color: #70665b;
	border: 1px solid #70665b;
}
.step02 .tab_area label.tab3_label {
	color: #a1866b;
	border: 1px solid #a1866b;
}
.step02 .tab_panel {
	display: none;
}
.step02 .tab_area label:hover {
	opacity: 0.8;
}
.step02 #tab1:checked ~ .tab_area .tab1_label {
	background: #514336;
	color: #fff;
}
.step02 #tab1:checked ~ .tab_area .tab1_label::after {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 52px;
	height: 29px;
	background: url(../images/plan/arrw_step02_01.svg) no-repeat center / contain;
	content: "";
	z-index: 1;
}
.step02 #tab1:checked ~ .panel_area #panel1 {
	display: block;
}
.step02 #tab2:checked ~ .tab_area .tab2_label {
	background: #70665b;
	color: #fff;
}
.step02 #tab2:checked ~ .tab_area .tab2_label::after {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 52px;
	height: 29px;
	background: url(../images/plan/arrw_step02_02.svg) no-repeat center / contain;
	content: "";
	z-index: 1;
}
.step02 #tab2:checked ~ .panel_area #panel2 {
	display: block;
}
.step02 #tab3:checked ~ .tab_area .tab3_label::after {
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 52px;
	height: 29px;
	background: url(../images/plan/arrw_step02_03.svg) no-repeat center / contain;
	content: "";
	z-index: 1;
}
.step02 #tab3:checked ~ .tab_area .tab3_label {
	background: #a1866b;
	color: #fff;
}
.step02 #tab3:checked ~ .panel_area #panel3 {
	display: block;
}
.step03 .ttl_select {
	padding: 100px 0 30px;
	display: flex;
	align-items: center;
}
.step03 .ttl_select .ico {
	padding-right: 10px;
}
.step03 .ttl_select p {
	width: calc(100% - 450px);
	font-size: 3.6rem;
	line-height: 1;
	letter-spacing: 0;
}
.step03 .ttl_select p span {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #000;
	font-size: 1.6rem;
}
.step03 .ttl_select .img {
	position: absolute;
	right: 100px;
}
.step03 .ttl_sub_select {
	position: relative;
	display: flex;
	align-items: flex-end;
}
.step03 .ttl_sub_select .ico {
	position: relative;
	margin-right: -30px;
}
.step03 .ttl_sub_select p {
	padding: 20px 80px;
	background: #fdf8dd;
	border-radius: 50px 20px 10px 50px;
	font-size: 2.2rem;
	line-height: 1.4;
	letter-spacing: 0;
}
.step03 .ttl_sub_select p span {
	color: #f8a109;
	font-size: 2.6rem;
}
.step03 .ttl_sub_select .img {
	margin: 0 -50px -10px;
}
.step03 .bustype {
	padding: 30px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.step03 .bustype figure {
	position: relative;
	width: 31%;
	text-align: center;
}
.step03 .bustype figcaption {
	position: relative;
	font-size: 1.6rem;
}
.step03 .bustype figcaption::before {
	position: absolute;
	left: 0;
	bottom: 36px;
	padding: 3px 20px;
	color: #fff;
	border-radius: 0px 5px 5px 0;
	background: #f8a109;
	font-size: 1.4rem;
}
.step03 .bustype .plan1 figcaption::before {
	content: "コントラスト推奨"
}
.step03 .bustype .plan2 figcaption::before {
	content: "グレージュ推奨"
}
.step03 .bustype .plan3 figcaption::before {
	content: "ミディアム推奨"
}
.step03 .arrow_green {
	position: absolute;
	top: 20px;
	left: -120px;
}
.step03 .ttl_sub_select.ptn02 {
	margin: 30px auto 0;
	max-width: 800px;
}
.step03 .ttl_sub_select.ptn02 p {
	padding: 20px 100px 20px 80px;
}
.step03 .bustype.ptn02 {
	margin: 0 auto;
	max-width: 80%;
}
.step03 .bustype.ptn02 figure {
	width: 48%;
}
.step03 .kitchen {
	padding: 30px 0 60px;
	text-align: center;
}
.step03 .woodtype {
	margin: 30px -10px 50px;
	display: flex;
	flex-wrap: wrap;
}
.step03 .woodtype figure {
	position: relative;
	padding: 0 10px 20px;
	width: 16.66%;
	text-align: center;
}
.step03 .woodtype figure img {
	width: 100%;
}
.step03 .woodtype figcaption {
	position: relative;
	font-size: 1.6rem;
	letter-spacing: -.1rem;
}
.step03 .woodtype figcaption::before {
	position: absolute;
	left: 0;
	bottom: 36px;
	padding: 3px 20px;
	color: #fff;
	border-radius: 0px 5px 5px 0;
	background: #f8a109;
	font-size: 1.4rem;
}
.step03 .woodtype .plan1 figcaption::before {
	content: "コントラスト推奨"
}
.step03 .woodtype .plan2 figcaption::before {
	content: "グレージュ推奨"
}
.step03 .woodtype .plan3 figcaption::before {
	content: "ミディアム推奨"
}
@media only screen and (max-width: 1600px) {
	.step03 .woodtype figure {
		width: 20%;
	}
}
@media only screen and (max-width: 1400px) {
	.stepbox .whitebox {
		padding: 110px 100px 90px;
	}
	.step03 .ttl_select p {
		width: 90%;
	}
	.step03 .ttl_select .img {
		display: none;
	}
	.step03 .ttl_sub_select.ptn02 {
		margin: 20px auto 0;
	}
	.step03 .woodtype figure {
		width: 25%;
	}
}
@media only screen and (max-width: 1100px) {
	.step03 .woodtype figure {
		width: 33.33%;
	}
}
@media only screen and (max-width: 900px) {
	.step03 .woodtype figure {
		width: 50%;
	}
}
@media only screen and (max-width: 768px) {
	.select_plan {
		padding-bottom: 40px;
	}
	.select_plan .lead_txt {
		padding: 50px 0 10px;
	}
	.step03 {
		padding-bottom: 50px;
		background: url(../images/plan/bg.png);
		background-size: 25%;
	}
	.stepbox .ttlarea {
		position: relative;
		margin-bottom: -8px;
		background: url(../images/plan/bg.png);
		background-size: 25%;
	}
	.stepbox.step01 .ttlarea {
		padding-top: 60px;
	}
	.stepbox.step02 .ttlarea {
		padding-top: 100px;
	}
	.stepbox.step03 .ttlarea {
		padding-top: 100px;
	}
	.stepbox .ttlarea .c_show_sp {
		position: absolute;
		bottom: -45px;
	}
	.stepbox .ttlarea .c_show_sp img {
		max-width: 65%;
	}
	.stepbox .ttlarea::after {
		content: none;
	}
	.stepbox .mainarea {
		padding: 60px 0 40px;
	}
	.stepbox .mainarea::after {
		bottom: -60px;
		width: 80px;
		height: 27px;
	}
	.stepbox .whitebox {
		padding: 80px 5% 40px;
	}
	.stepbox.step01 .whitebox {
		padding: 80px 5% 40px;
	}
	.stepbox.step01 .illust01 {
		position: absolute;
		top: -10px;
		left: -5%;
		max-width: 100px;
	}
    .stepbox.step01 .mainarea .cap span{
        display: none;
    }
	.stepbox.step02 .illust01 {
		position: absolute;
		top: -50px;
		right: -5%;
		max-width: 80px;
	}
	.stepbox.step03 .illust01 {
		position: absolute;
		top: -20px;
		left: -5%;
		max-width: 100px;
	}
	.stepbox .clip {
		top: -8px;
		width: 25px;
	}
	.stepbox .ttl {
		text-align: center;
	}
	.stepbox .ttl dt {
		margin-bottom: 20px;
		padding: 5px 10px;
		font-size: 1.8rem;
	}
	.stepbox .ttl dd {
		margin-bottom: 40px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.step02 .tab_area {
		padding-bottom: 20px;
	}
	.step02 .tab_area label {
		margin: 0 2px;
		padding: 10px 5px;
		width: 31.5%;
		border-radius: 10px;
		font-size: 1.2rem;
	}
	.step02 .tab_area label span {
		font-size: 1.2rem;
	}
	.step02 #tab1:checked ~ .tab_area .tab1_label::after,
	.step02 #tab2:checked ~ .tab_area .tab2_label::after,
	.step02 #tab3:checked ~ .tab_area .tab3_label::after {
		bottom: -10px;
		width: 36px;
		height: 21px;
	}
	.step03 .ttl_select {
		flex-wrap: wrap;
		padding: 0 0 30px;
	}
	.step03 .ttl_select .ico {
		margin: auto;
		padding-right: 0;
		max-width: 50px;
	}
	.step03 .ttl_select p {
		width: 100%;
		font-size: 1.8rem;
		line-height: 1.2;
		text-align: center;
	}
	.step03 .ttl_select p span {
		font-size: 1.2rem;
		letter-spacing: .2rem;
		text-indent: .2rem;
	}
	.step03 .ttl_sub_select {
		flex-wrap: wrap;
		align-items: flex-end;
	}
	.step03 .ttl_sub_select .ico {
		margin: 0;
		max-width: 60px;
	}
	.step03 .ttl_sub_select p {
		width: 90%;
		padding: 20px 40px;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.step03 .ttl_sub_select p span {
		font-size: 1.8rem;
	}
	.step03 .ttl_sub_select .img {
		margin: 0;
		position: absolute;
		bottom: -10px;
		right: -4%;
		max-width: 80px;
	}
	.step03 .bustype {
		padding: 30px 10px 0;
	}
	.step03 .bustype figure {
		padding-bottom: 30px;
		width: 100%;
	}
	.step03 .bustype figure:nth-child(3) {
		padding-bottom: 0;
	}
	.step03 .bustype figcaption {
		font-size: 1.4rem;
	}
	.step03 .bustype figcaption::before {
		bottom: 32px;
		font-size: 1.3rem;
	}
	.step03 .bustype .plan1 figcaption::before {
		content: "コントラスト推奨"
	}
	.step03 .bustype .plan2 figcaption::before {
		content: "グレージュ推奨"
	}
	.step03 .bustype .plan3 figcaption::before {
		content: "ミディアム推奨"
	}
	.step03 .arrow_green {
		position: absolute;
		top: -20px;
		left: 0;
		right: 0;
		margin: auto;
		max-width: 40px;
	}
	.step03 .ttl_sub_select.ptn02 p {
		padding: 20px 40px;
	}
	.step03 .bustype.ptn02 {
		max-width: 95%;
	}
	.step03 .bustype.ptn02 figure {
		padding-bottom: 20px;
		width: 100%;
	}
	.step03 .kitchen {
		padding: 20px 0 50px;
	}	
	.step03 .woodtype {
		margin: 30px -8px 0;
	}
	.step03 .woodtype figure {
		padding: 0 8px 15px;
	}
	.step03 .woodtype figcaption {
		padding-top: 5px;
		font-size: 1.4rem;
		line-height: 1.4;
		letter-spacing: -.1rem;
	}
	.step03 .woodtype figcaption::before {
		padding: 2px 10px;
		bottom: 32px;
		font-size: 1.3rem;
	}
	.step03 .woodtype figure:nth-child(4) figcaption::before {
		bottom: 52px;
	}
}

/* 眺望追加 */

/*アニメーション部分*/
.view {
  padding: 0 0 20px;
  margin: 0 0 40px 0;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .view {
    background: #EDEFE4;
    padding: 40px 0 6px;
    margin: 0 0 40px 0;
  }
}
.view_sec_wrap {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

.view_sec {
  overflow: hidden;
  cursor: -webkit-grab;
  cursor: grab;
  margin-bottom: 50px;
  /*	height: 480px;*/
}

.view-notion {
  display: none;
}

.view_sec > span {
  float: right;
  font-size: 15px;
  margin-right: 10px;
  letter-spacing: 0.1em;
}

.view_swipe {
  position: absolute;
  width: 50px;
  top: 50%;
  left: 50%;
  z-index: 99;
  margin: -38px 0 0 -25px;
  display: none;
}

.view_sec img {
  position: relative;
  top: 0;
  left: 0;
  max-width: none;
  display: block;
}

.next_btn {
  position: absolute;
  right: 20px;
  top: 0px;
  width: 90px;
  height: 100%;
  z-index: 99;
  background: url("../images/view/view_next.png") center center no-repeat;
  /*	background-color: rgba(51, 51, 51, 0.4);*/
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.prev_btn {
  position: absolute;
  left: 20px;
  top: 0px;
  width: 90px;
  height: 100%;
  background: url("../images/view/view_prev.png") center center no-repeat;
  /*	background-color: rgba(51, 51, 51, 0.4);*/
  z-index: 99;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

@media screen and (max-width: 768px) {
  .view_sec_wrap {
    height: 300px;
  }
  .sp_slide {
    position: relative;
    text-align: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
  .sp_slide img {
    position: relative;
    top: 0;
    left: 0;
    max-width: none;
    display: block;
  }
  .view-notion {
    margin: 0 5% 20px;
    font-size: 12px;
    text-align: right;
    display: block;
  }
  .sp_slide .finger {
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    top: 50%;
    left: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 1;
    -webkit-animation: horizontal 1s ease-in-out infinite alternate;
            animation: horizontal 1s ease-in-out infinite alternate;
  }
  .sp_slide img {
    max-width: none !important;
    width: 418%;
  }
  .sp_slide .finger img {
    width: 90px !important;
    height: 90px !important;
    max-width: 100% !important;
  }
  .sp_slide.scrolled .finger {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
  }
  .next_btn {
    right: 0;
    width: 40px;
  }
  .prev_btn {
    left: 0;
    width: 40px;
  }
  .sp_slide .finger img {
    width: 40px !important;
    height: 40px !important;
    max-width: 100% !important;
  }
}
@-webkit-keyframes horizontal {
  0% {
    -webkit-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
  }
  100% {
    -webkit-transform: translate(-70%, -50%);
            transform: translate(-70%, -50%);
  }
}
@keyframes horizontal {
  0% {
    -webkit-transform: translate(-30%, -50%);
            transform: translate(-30%, -50%);
  }
  100% {
    -webkit-transform: translate(-70%, -50%);
            transform: translate(-70%, -50%);
  }
}
img {
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  width: auto;
}

.view h2 {
  text-align: center;
  font-size: 45px;
  margin: 0 0 45px 0;
}

.c_heading_l .txt_jp {
  font-size: 80%;
}
.c_heading_l .txt_en .c_txt_l {
  font-size: 120%;
}
.c_heading_l .txt_jp .c_txt_en {
  font-size: 180%;
  margin-right: 0.05em;
}

.view_text {
  text-align: center;
  padding: 0 0 100px 0;
  font-size: 22px;
}

@media only screen and (max-width: 768px) {
  .view h2 {
    text-align: center;
    font-size: 35px;
    margin: 0 0 25px 0;
  }
  .view_text {
    text-align: center;
    padding: 0 0 50px 0;
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) {
  .c_has_bg::after {
    width: 70%;
  }
}
@media only screen and (min-width: 1200px) {
  .c_has_bg::after {
    width: 65%;
  }
}

.p_plan_list_item.new{
	position: relative;
  }
  .p_plan_list_item.new::before{
	content: '';
	display: block;
	background-image: url(../images/plan/plan_new.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 90px; height: 90px;
	position: absolute;
	right: 0; top: 0;
  }


  /* リニューアルデザイン */


  /* 下層ページ共通タイトルstyle */

.page_ttl{
    max-width: 1920px;
    margin: auto;
    position: relative;
    padding-bottom: 1svw;
}
.page_ttl .inner{
    padding: 0 4svw;
    max-width: inherit;
}
.page_ttl h1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.page_ttl h1 span:nth-of-type(1){
    font-family: 'Bebas Neue', sans-serif;
    font-size: 10svw;
    font-weight: 500;
    line-height: 1;
}
.page_ttl h1 span:nth-of-type(2){
    font-family: 'Shippori Antique', sans-serif;
    font-size: 2svw;
}
.page_ttl .page_ttl_img{
    max-width: 1920px;
    margin: auto;
    margin-right: 4svw;
    position: relative;
}
.page_ttl .page_ttl_img span{
    display: block;
    position: absolute;
    top: -16%; right: 1svw;
}
.page_ttl .page_ttl_txt{
    text-align: center;
    position: relative;
    font-weight: bold;
    padding-top: 2%;
}
.page_ttl .page_ttl_txt::before{
    position: absolute;
    right: 0;
    bottom: -5vw;
    display: block;
    width: 87.66vw;
    height: 21vw;
    content: "";
    background: #cbfc6a;
    z-index: -1;
}
.page_ttl .page_ttl_txt dt{
    font-size: 2.8rem;
}
.page_ttl .page_ttl_txt dd:nth-of-type(1){
    font-size: 1.8rem;
}
.page_ttl .page_ttl_txt dd:nth-of-type(2){
    position: absolute;
    right: 1.5svw; bottom: 0;
}
.common-sec-ttl {
    position: relative;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    top: -3svw;
}
.common-sec-ttl .ttl-bg {
    display: block;
    font-size: 11svw;
    letter-spacing: 5px;
    line-height: .85;
    color: #f3f4f4;
    font-family: 'Bebas Neue', sans-serif;
    white-space: nowrap;
}
.common-sec-ttl .ttl {
    display: block;
    position: absolute;
    top: 21%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.common-sec-ttl .ttl .en {
    font-size: 5svw;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 5px;
}
.common-sec-ttl .ttl .ja {
    margin-top: 3px;
    font-size: 20px;
    letter-spacing: .05em;
    font-weight: 500;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}
.common-sec-ttl .ttl span {
    display: block;
}

@media screen and (max-width: 768px) {
    /* 下層ページ共通タイトルstyle */

.page_ttl{
    max-width: 100%;
    padding-top: 12%;
}
.page_ttl h1{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.page_ttl h1 span:nth-of-type(1){
    font-family: 'Bebas Neue', sans-serif;
    font-size: 9svw;
    font-weight: 500;
}
.page_ttl h1 span:nth-of-type(2){
    font-family: 'Shippori Antique', sans-serif;
    font-size: 3.4svw;
}
.page_ttl .page_ttl_img{
    max-width: 100%;
}
.page_ttl .page_ttl_img span{
    top: 81%;
    right: -2svw;
    width: 41%;
}
.page_ttl .page_ttl_txt{
    padding-top: 10%;
}
.page_ttl .page_ttl_txt::before{
    position: absolute;
    right: 0;
    bottom: -11vw;
    height: 64vw;
}
.page_ttl .page_ttl_txt dt{
    font-size: 1.8rem;
    line-height: 1.4;
}
.page_ttl .page_ttl_txt dd:nth-of-type(1){
    font-size: 1.5rem;
    line-height: 1.4;
    padding: 0 5%;
    margin-top: 3%;
}
.page_ttl .page_ttl_txt dd:nth-of-type(2){
    position: absolute;
    right: 1.5svw; bottom: 0;
}
    .common-sec-ttl {
        top: -11svw;
    }
    .common-sec-ttl .ttl-bg {
        font-size: 102px;
        line-height: 1;
    }
    .common-sec-ttl .ttl .en {
        font-size: 30px;
        letter-spacing: 2px;
    }
    .common-sec-ttl .ttl .ja {
        margin-top: 3px;
        font-size: 12px;
    }
}

/* 一覧 */

.rev_plan_list{
    padding: 0 50px;
	margin-top: 3%;
}
.rev_plan_list .inner{
    max-width: 1380px;
    margin: 0 auto;
}

.rev_plan_box{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.rev_plan_box li{
	flex-basis: 32.5%;
	margin-top: 6%;
}
.rev_plan_box li.contract{position: relative;}
.rev_plan_box li.contract::before{
	content: '成約御礼';
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.8);
	font-size: 5rem;
	font-weight: 600;
	color: #d73649;
}
.rev_plan_box li.contract a:hover{opacity:1 !important;}
.rev_plan_box li a:hover{opacity: .7;}
.rev_plan_box li a{
	position: relative;
	transition: .3s;
}
.rev_plan_box li a::before{
	content: '';
	display: block;
	width: 95%;
	height: 100%;
	position: absolute;
	z-index: -1;
	bottom: -5%;
	left: 5%;
}
.rev_plan_box li.ldk_4 a::before{background-color: #D7E1E1;}
.rev_plan_box li.ldk_3 a::before{background-color: #F2EEE5;}
.rev_plan_box li.ldk_2 a::before{background-color: #F2EEE5;}

.rev_plan_spec{
	padding: 2svw;
	width: 95%;
	position: relative;
	z-index: -1;
}
.ldk_4 .rev_plan_spec{background-color: #F2EEE5;}
.ldk_3 .rev_plan_spec{background-color: #D7E1E1;}
.ldk_2 .rev_plan_spec{background-color: #F9F9F7;}

.rev_plan_spec.new::before{
	content: 'NEW';
	position: absolute;
	top: 0; right: 11px;
	font-family: 'Bebas Neue', sans-serif;
	font-size: 4rem;
	line-height: 1;
	color: #fff;
	background-color: #d73649;	
	padding: 5px 8px 0px;
	transform: scaleX(1.3);
}
@media screen and (max-width: 768px) {
	.rev_plan_spec.new::before{
		font-size: 2.0rem;
		top: 0; right: 8px;
		padding: 3px 6px;
	}
}

.rev_plan_spec.model::before{
	content: '';
	position: absolute;
	top: 12px; right: 108px;
	background-image: url(../images/_rev_plan/model_wappen.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 88px; height: 88px;
}
@media screen and (max-width: 768px) {
	.rev_plan_spec.model::before{
		width: 32%; height: 32%;
		top: 6px; right: 6px;
	}
}
.rev_plan_spec.movie::after{
	content: '';
	position: absolute;
	top: 12px; right: 12px;
	background-image: url(../images/_rev_plan/movie_wappen.svg);
	background-size: contain;
	background-repeat: no-repeat;
	width: 88px; height: 88px;
}
@media screen and (max-width: 768px) {
	.rev_plan_spec.model::before{
		width: 26%; height: 26%;
		top: 2px; right: 0px;
	}
	.rev_plan_spec.movie::after{
		width: 26%; height: 26%;
		top: 2px; right: 42px;
	}
}

.rev_plan_spec .spec{
	display: block;
	align-items: center;
}
.rev_plan_spec .spec p:nth-of-type(1){
	background-color: #000;
	color: #fff;
	font-size: 3.2rem;
	display: inline-block;
	padding: 8px 15px;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	line-height: .8;
}
.rev_plan_spec .spec p:nth-of-type(1) span{
	font-size: 130%;
}
.rev_plan_spec .spec p:nth-of-type(1) small{
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 50%;
	font-weight: 600;
	background-color: #fff;
	color: #000;
	letter-spacing: 0;
	vertical-align: 6px;
	margin-left: 6px;
	padding: 2px 5px;
}
.rev_plan_spec .spec p:nth-of-type(2){
	font-size: 5.4rem;
	font-family: 'Bebas Neue', sans-serif;
	margin-left: 0px;
	line-height: 1;
	margin-top: 10px;
}
.rev_plan_spec .spec p:nth-of-type(2) span{
	font-size: 160%;
}
.menseki{
	font-size: 1.5rem;
	font-weight: 600;
	margin-top: 10px;
}
.menseki_num{
	display: flex;
	align-items: flex-end;
	margin-bottom: 5px;
}
.menseki_num p:nth-of-type(1) {
	font-size: 3.0rem;
	font-weight: 600;
	line-height: 1;
	margin-top: 5px;
}
.menseki_num p:nth-of-type(1) span{
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 500;
}
.menseki_num p:nth-of-type(1) span:nth-of-type(1){font-size: 7rem;}
.menseki_num p:nth-of-type(1) span:nth-of-type(2){font-size: 5rem;}
.menseki_num p:nth-of-type(2){font-size: 1.5rem; padding-bottom: 5px; margin-left: 5px; font-weight: 600;}
/* .sub_menseki{
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.6;
}
.rev_plan_img{
	background-color: #fff;
	padding: 2svw 3svw;
	width: 90%;
	margin: -9svw auto 8%;
	min-height: 516px;
	display: flex;
	flex-direction: column;
	justify-content: center;
} */
.rev_plan_btn p{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 54px;
    margin: 30px auto 0;
    background: url(../images/_rev_common/arw_btn_w.svg) no-repeat right 20px center;
    background-size: 10px;
    border-radius: 50px;
    font-size: 2.6rem;
    font-weight: 300;
    color: #fff;
    transition: .3s;
	font-family: 'Bebas Neue', sans-serif;
	background-color: #000;
}


/* 10階からの眺望 */
.view{
	padding: 0;
	margin: 0;
}
.c_has_bg::after{display: none;}
.c_swrap_first{position: relative; margin-top: 12%;}
.c_swrap_first::before{
	content: '';
	display: block;
	background-color: #F5FEE1;
	width: 90%;
	height: 400px;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 5%;
}
.c_swrap_first .inner{
	max-width: 1300px;
	padding: 0 50px;
	margin: 0 auto 1%;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.c_swrap_first .inner h3{flex-basis: 55%;}
.c_swrap_first .inner p{
	font-size: 1.6rem;
	font-weight: 600;
	margin-left: 3%;
}



/* 詳細 */

.rev_plan_ttl{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 17svw;
	line-height: .8;
	text-align: right;
	color: #F2F2F2;
	position: absolute;
	right: 0; top: -7%;
	z-index: -1;
}

.rev_plan_wrap{
	position: relative;
	margin-top: 18%;
	padding-top: 5svw;
}
.rev_plan_wrap::before{
	content: "";
	display: block;
	background-color: #CBFC6A;
	position: absolute;
	top: 0; left: 0;
	width: 70%;
	height: 40svw;
	z-index: -1;
}
.rev_plan_wrap::after{
	content: "";
	display: block;
	background-color:#F5FEE1;
	position: absolute;
	top: 8%; right: 0;
	width: 70%;
	height: 90%;
	z-index: -1;
}

.select_plan_wrap{
    display: flex;
    justify-content: center;
	max-width: 1300px;
	margin: auto;
	background-color: #fff;
	padding: 3svw;
	align-items: center;
}
.select_plan_txt{
    min-width: 38%;
    margin-top: 80px;
	margin-right: 10px;
}
.select_plan_txt .select_plan_ttl{
    position: relative;
    background: linear-gradient(transparent 48%, #CBFC6A 48%);
    display: inline-block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 2rem;
}
.select_plan_txt .select_plan_ttl span:nth-of-type(2){font-weight: 600;font-size: 1.6rem;}
.select_plan_txt .select_plan_ttl .select_plan_en{
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-size: 6rem;
    line-height: .9;
}
.select_plan_txt .select_plan_ttl .select_plan_en span{
    font-size: 8rem;
}
.select_plan_txt .select_plan_ttl .select_plan_ja{
    text-align: right;
    padding-bottom: 11px;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: 600;
}
.select_plan_txt .select_plan_spec{
    font-family: 'Bebas Neue', sans-serif;
    font-size: 4.2rem;
    padding: 0 2rem;
    line-height: 1;
    margin-top: 4rem;
}
.select_plan_txt .select_plan_spec .select_plan_spec_ldk{
    font-size: 6rem;
}
.select_plan_txt .select_plan_spec .select_plan_spec_ldk span{
    font-size: 7.5rem;
}
.select_plan_txt .select_plan_area{
    padding: 0 2rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 2rem;
}
.select_plan_txt .select_plan_area2{
    padding: 0 2rem;
    font-size: 1.3rem;
    font-weight: 600;
}
.select_plan_txt .select_plan_area span:nth-of-type(1){
    font-family: 'Bebas Neue', sans-serif;
    font-size: 4.4rem;
    font-weight: 300;
}
.select_plan_txt .select_plan_area span:nth-of-type(2){
    font-size: 1.6rem;
}
.select_plan_txt .point_wrap{
    margin-top: 5rem;
}
.select_plan_txt .point_wrap dl{
    border-top: 1px dashed #000;
    padding: 3rem 2rem;
}
.select_plan_txt .point_wrap dl:last-child{
    border-bottom: 1px dashed #000;
}
.select_plan_txt .point_wrap dt{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1;
    background-color: #CBFC6A;
    padding: 2px 4px 0;
    display: inline-block;
}
.select_plan_txt .point_wrap dt span{
    font-size: 2.2rem;
}
.select_plan_txt .point_wrap dd{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 10px;
}
.select_plan_img{
    flex-basis: 42%;
    text-align: center;
    position: relative;
}
.plan_hanrei .heat {
    background-color: #f5e3b6;
}


/* 詳細下リンク */

.p_plan_nav_list_item a{
	font-family: 'Bebas Neue', sans-serif;
	line-height: 1;
	font-size: 140%;
	color: #fff;
}
.type_box{
	background-color: #000;
	padding: 12px 7px 0px;
	margin-right: 5px;
	color: #fff;
}
.p_plan_nav_list_item a:not(.current) .type_box{
	background-color: #CBFC6A;
	color: #000;
}
.p_plan_nav_list_item a:not(.current){
	color: #000;
}
.p_plan_nav_list_item a .s_l {
    font-size: 140%;
	font-family: "Oswald", sans-serif;
	font-weight: 500;
}
.p_plan_nav_list_item a .s_l span {font-size: 60%;}
.p_plan_nav_list{
	text-align: left;
}
.p_plan_nav_list_item a.current{
	color: #000;
}

.c_block_90 .rev_plan_btn{
	margin: 5% auto 0;
	max-width: 400px;
}
.c_block_90 .rev_plan_btn p{
	font-family: YakuHanJP_Noto, "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothicM", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
	/* 一覧 */

.rev_plan_list{
    padding: 0;
}
.rev_plan_box{
	display: flex;
}
.rev_plan_box li{
	width: 49%;
	position: relative;
	flex-basis: 49%;
	margin-top: 10%;
}
.rev_plan_box li a{
	position: relative;
	display: block;
}
.rev_plan_box li a::before {
	bottom: -3%;
}
.rev_plan_box li.contract::before{
	content: '成約御礼';
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.8);
	font-size: 2.4rem;
	font-weight: 600;
	color: #d73649;
}
.rev_plan_spec{
	padding: 5svw 3svw 3svw;
}
.rev_plan_spec .spec p:nth-of-type(1){
	font-size: 1.6rem;
	padding: 5px;
}
.rev_plan_spec .spec p:nth-of-type(1) span{
	font-size: 160%
}
.rev_plan_spec .spec p:nth-of-type(2){
	font-size: 2.4rem;
	margin-top: 5px;
}
.rev_plan_spec .spec p:nth-of-type(2) span{
	font-size: 160%;
}
.menseki{
	margin-top: 5px;
	font-size: 1.1rem;
}
.menseki_num{
	margin-bottom: 5px;
	display: block;
}
.menseki_num p:nth-of-type(1) {
	font-size: 2rem;
}
.menseki_num p:nth-of-type(1) span{
	font-family: 'Bebas Neue', sans-serif;
}
.menseki_num p:nth-of-type(1) span:nth-of-type(1){font-size: 5.4rem;}
.menseki_num p:nth-of-type(1) span:nth-of-type(2){font-size: 3.4rem;}
.menseki_num p:nth-of-type(2){font-size: 1.2rem; line-height: 1;}
/* .sub_menseki{
	font-size: 1.0rem;
}
.rev_plan_img{
	background-color: #fff;
	padding: 6svw;
	margin: -25svw auto 8%;
} */
.rev_plan_btn p{
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 30px;
    margin: 12px auto 0;
    background: url(../images/_rev_common/arw_btn_w.svg) no-repeat right 10px center;
    background-size: 5px;
    border-radius: 50px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    transition: .3s;
	font-family: 'Bebas Neue', sans-serif;
	background-color: #000;
	padding-top: 4px;
}

/* 10階からの眺望 */
.view{
	background: none;
}
.c_has_bg::after{display: none;}
.c_swrap_first{position: relative; margin-top: 35%;}
.c_swrap_first::before{
    width: 75%;
    height: 260px;
    top: -10%;
}
.c_swrap_first .inner{
	padding: 0 20px;
	margin: 0 auto 6%;
	display: block;
}
.c_swrap_first .inner h3{flex-basis: 55%;}
.c_swrap_first .inner p{
	font-size: 1.3rem;
	font-weight: 600;
	margin-left: 0;
	margin-top: 10px;
	text-align: center;
}


/* 詳細 */

.select_plan_wrap{
    display: flex;
    flex-direction: column-reverse;
    margin: 0 3svw 7%;
	background-color: #fff;
	padding: 3svw 3svw 10svw;
}

.rev_plan_ttl{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 32svw;
	line-height: .8;
	text-align: right;
	color: #F2F2F2;
	position: absolute;
	right: 0; top: -7%;
	z-index: -1;
}

.rev_plan_wrap{
	position: relative;
	margin-top: 40%;
	padding-top: 13svw;
}
.rev_plan_wrap::before{
	content: "";
	display: block;
	background-color: #CBFC6A;
	position: absolute;
	top: 0; left: 0;
	width: 85%;
    height: 90svw;
	z-index: -1;
}
.rev_plan_wrap::after{
	content: "";
    display: block;
    background-color: #F5FEE1;
    position: absolute;
    top: inherit;
    bottom: -35px;
    right: 0;
    width: 70%;
    height: 40%;
    z-index: -1;
}

.select_plan_txt{
    min-width: 100%;
    margin-left: auto;
    margin-top: 20px;
	margin-right: 0;
}
.select_plan_txt .select_plan_ttl{
    position: relative;
    background: linear-gradient(transparent 30%, #CBFC6A 30%);
    display: inline-block;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 2rem;
}
.select_plan_txt .select_plan_ttl .select_plan_en{
    /* font-family: 'Bebas Neue', sans-serif;
    font-weight: 300; */
    font-size: 4rem;
    line-height: .9;
}
.select_plan_txt .select_plan_ttl .select_plan_en span{
    font-size: 5rem;
}
.select_plan_txt .select_plan_ttl .select_plan_ja{
    text-align: right;
    padding-bottom: 11px;
    line-height: 1;
    font-size: 1.3rem;
    font-weight: 600;
}
.select_plan_txt .select_plan_spec{
    font-size: 3rem;
    margin-top: 1.5rem;
}
.select_plan_txt .select_plan_spec .select_plan_spec_ldk{
    font-size: 3rem;
}
.select_plan_txt .select_plan_spec .select_plan_spec_ldk span{
    font-size: 4.5rem;
}
.select_plan_txt .select_plan_area{
    font-size: 2rem;
    margin-top: 1rem;
}
.select_plan_txt .select_plan_area2{
    padding: 0 2rem;
    font-size: 1.3rem;
    font-weight: 600;
}
.select_plan_txt .select_plan_area span:nth-of-type(1){
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3rem;
    font-weight: 300;
}
.select_plan_txt .select_plan_area span:nth-of-type(2){
    font-size: 1.3rem;
}
.select_plan_txt .point_wrap{
    margin-top: 2rem;
}
.select_plan_txt .point_wrap dl{
    border-top: 1px dashed #000;
    padding: 1.5rem 2rem;
}
.select_plan_txt .point_wrap dl:last-child{
    border-bottom: 1px dashed #000;
}
.select_plan_txt .point_wrap dt{
    font-family: 'Bebas Neue', sans-serif;
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 1;
    background-color: #CBFC6A;
    padding: 2px 4px 0;
    display: inline-block;
}
.select_plan_txt .point_wrap dt span{
    font-size: 2.2rem;
}
.select_plan_txt .point_wrap dd{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 10px;
}
.select_plan_img{
    max-width: 85%;
	margin: 6% auto 0;
}
.p_plan_nav_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p_plan_nav_list_item {
	padding: 10px 5px;
}
/* .p_plan_nav_list li{
	flex-basis: 50%;
} */
.p_plan_nav_list_item a{
	display: block;
}
.planlist_sp_wrap{
	display: none;
}
.planlist_sp{
	position: fixed;
	bottom: 64px; left: 0;
	max-width: 76%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
	z-index: 1;
}
.planlist_prev a,.planlist_next a{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	background-color: #E5FEB5;
	padding: 5px;
	border: 1px solid #fff;
}
.planlist_next a{
	flex-direction: row-reverse;
}
.planlist_arrow{
	flex-basis: 38%;
}
.planlist_type{
	flex-basis: 40%;
	background-color: #fff;
	font-family: 'Bebas Neue', sans-serif;
	color: #000;
	font-size: 5svw;
	letter-spacing: 0;
	text-align: center;
	padding: 3px 3px 0;
}
.planlist_type span{
	font-size: 7svw;
}
.planlist_type span small{font-size: 60%;}

}

.rev_plan_wrap .plan_tab_cont{
	max-width: 1300px;
}
.rev_plan_wrap .tab_item {
	width: calc(100% / 2);
}
.rev_plan_wrap .tab_container {
	margin: 5% auto 0;
}
.tab_container input:checked + .tab_item{
	background-color: #000 !important;
    color: #CBFC6A !important;
}
.tab_container input:checked + .tab_item,
.tab_container input + .tab_item {
	border: 3px solid #fff;
}
.rev_plan_wrap .tab_content {
	padding: 0;
}
.rev_plan_wrap .select_plan_wrap {
	align-items: flex-start;
}



.contents-slider-area3{
	max-width: 1340px;
	margin: 0 auto 6%;
	position: relative;
  }
  .contents-slider-area3 .pic_cap{
	font-size: 1rem;
	line-height: 1;
	text-align: right;
	margin-right: 15px;
	margin-top: 5px;
  }
  .contents-slider-area3 h4{
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin: 24px auto 18px;
  }
  .contents-slider3.slick-slider{
	  margin-bottom: 0;
  }
  .contents-slider3 .slider-item{
	  padding-right: 20px;
  }
  .contents-slider3 .slick-prev,
  .contents-slider3 .slick-next{
	  top: -45px;
	  transform: translateY(-100%);	
	  width: 68px;
	  height: 68px;
	  background-repeat: no-repeat;
	  background-size: 100% auto;
  }
  .contents-slider3 .slick-prev{	
	  left: auto;
	  right: 100px;
	  background-image: url(../images/_rev_common/btn_slider_prev.svg);
  }
  .contents-slider3 .slick-next{
	  right: 20px;
	  background-image: url(../images/_rev_common/btn_slider_next.svg);
  }
  .contents-slider3 .slick-prev:hover,
  .contents-slider3 .slick-next:hover{
	  opacity: .7;
  }
  .contents-slider3 .slick-dots{
	  bottom: -40px;
  }
  .contents-slider3 .slick-dots li{
	  width: calc(100% / 6);
	  height: 3px;
	  margin: 0;
	  background: #e5e5e5;
	  line-height: 0;
  }
  .contents-slider3 .slick-dots li button{
	  width: 100%;
	  height: 3px;
	  padding: 0;
  }
  .contents-slider3 .slick-dots li button::before{
	  display: none;
  }
  .contents-slider3 .slick-dots li:hover button,
  .contents-slider3 .slick-dots .slick-active button{
	  background: #000;
  }
  
  @media only screen and (max-width: 768px) {
  
	.contents-slider-area3 h4{
		font-size: 18px;
	  }
  .contents-slider-area2{
	overflow: hidden;
	width: 100%;
	padding: 0 0 50px;
  }
  .contents-slider3.slick-slider{
	margin-bottom: 0;
  }
  .contents-slider3 .slider-item{
	padding-right: 0;
  }
  
  .contents-slider3 .slick-dots{
	bottom: -25px;
	width: calc(100vw - 40px);
  }
  .contents-slider3 .slick-dots li{
	width: calc(100% / 4);
	height: 3px;
	margin: 0;
	background: #e5e5e5;
	line-height: 0;
  }
  .contents-slider3 .slick-dots li button{
	width: 100%;
	height: 3px;
	padding: 0;
  }
  .contents-slider3 .slick-dots li:hover button,
  .contents-slider3 .slick-dots .slick-active button{
	background: #000;
  }
  .s_modelroom .sec01 .cont01 .pic img {
	border-radius: 0 10px 30px 0;
  }
  }


  .sold_info{
	text-align: center;
	margin: 56px auto 0;
	max-width: 1100px;
	background-color: #fff;
	border: 2px solid #fc6a6a;
	padding: 24px 8px 16px;
	display: flex;
	align-items: center;
  }
  .sold_info .inner{
	padding: 0 20px;
  }
  .sold_info .sold_info_txt{
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
	text-align: left;
	padding-left: 32px;
  }
  .sold_info p span{
	display: inline-block;
	padding: 0 8px;
	color: #000;
	margin: 0 6px;
	font-size: 110%;
	line-height: 1.3;
	font-weight: 600;
  }
  .sold_info_ttl{
	text-align: center;
	font-size: 2rem;
	padding: 0 32px;
	font-family: 'Bebas Neue', sans-serif;
	border-right: 1px solid #000;
  }
  @media only screen and (max-width: 768px) {
	.sold_info{
		margin: 32px auto 0;
		display: block;
		padding: 16px;
		max-width: 90%;
	}
	.sold_info_ttl{
		border: none;
		padding: 0 0 4px;
		position: relative;
		font-size: 1.6rem;
	}
	.sold_info_ttl::after{
		content: '';
		display: block;
		background-color: #000;
		width: 26px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 50%;
    	transform: translateX(-50%);
	}
	.sold_info .sold_info_txt{
		font-weight: bold;
		font-size: 1.4rem;
		color: #000;
		padding: 8px 0 0;
		text-align: center;
	  }
	  .sold_info p span {
		margin: 0 3px;
		padding: 0 4px;
	  }
  }

  .marker{
	background: no-repeat linear-gradient(transparent 80%, #fc6a6a 80%);
	transition-duration: 1s;
	background-size: 0% 100%;
  }
  .marker.mv{background-size: 100% 100%;}


  /* タブ切り替え */


  .tab-nav{margin-top: 70px;}
.tab-nav ul{
	display: flex;
}
.tab-nav ul li{
	margin-right: 5px;
	padding: 0;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	background: var(--brown2);
	color: #000;
	letter-spacing: .04em;
	background-color: #CBFC6A;
	flex-grow: 1;
}
.tab-nav ul li.current{
	opacity: 1;	
	background-color: #000;
}
.tab-nav ul li span{
	position: relative;
	display: block;
	padding: 18px 0 20px;
	font-size: 1.6rem;
	color: #000;
	font-weight: 600;
}
.tab-nav ul li span::after{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 0;
	height: 4px;
	content: "";
	background: #fc6a6a;
	transform-origin: center bottom;
	transition: .3s;
}
.tab-nav ul li.current span{
	color: #fff;
}
.tab-nav ul li.current span::after{
	width: 100%;
}

.tab-contents{
	display: none;
}
.tab-contents:nth-of-type(2){
	display: block;
}

@media only screen and (max-width: 768px) {
	.modelroom .tab-nav{
		width: 100%;
		padding-left: 20px;
	}
	.modelroom .tab-nav .inner{
		padding: 0;
		overflow-x: auto;
	}
	.modelroom .tab-nav ul{
		display: flex;
		margin-right: 20px;
	}
	.modelroom .tab-nav ul li{
		flex-shrink: 0;
		padding: 0 10px;
		cursor: pointer;
	}
	.modelroom .tab-nav ul li:hover{
		opacity: .6;
	}
	.modelroom .tab-nav ul li span{
		font-size: 1.4rem;
	}
	.modelroom .tab-contents{
		display: none;
		padding: 30px 0 60px;
	}
	.modelroom .tab-contents:nth-of-type(2){
		display: block;
	}
}


/* 建物内モデルルーム公開中ワッペン追加 */

.select_plan_wrap{
	position: relative;
}
.model_wppen{
	position: absolute;
	top: -50px;
	left: -50px;
	width: 160px;
	height: 160px;
}
.movie_wppen{
	position: absolute;
	top: -50px;
	left: 120px;
	width: 160px;
	height: 160px;
}

@media only screen and (max-width: 768px) {
	.model_wppen{
		position: absolute;
        top: 1px;
        left: auto;
        right: 16px;
        width: 80px;
        height: 80px;
        z-index: 1;
	}
	.movie_wppen{
	        position: absolute;
        top: 1px;
        left: auto;
        right: 102px;
        width: 80px;
        height: 80px;
        z-index: 1;
}
}


.select_plan_wrap .price{
	padding: 24px 2rem 0;
}
.select_plan_wrap .price dt{
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 600;
	margin-bottom: 12px;
	padding: 6px 12px;
	background: #d73649;
}
.select_plan_wrap .price dd{
	max-width: 380px;
}


.planmovie{
	max-width: 90%;
	margin: auto;
	padding: 56px 16px;
	background-color: #E5FEB5;
}
.movie-area a{
	display: block;
	max-width: 360px;
	margin: auto;
}
.fukidashi-01-07 {
  position: relative;
  width: fit-content;
  padding: 8px 32px;
  border: 2px solid #000;
  text-align: center;
  display: block;
  margin: 0 auto 40px;
  font-size: 2.8rem;
  font-weight: 600;
  background-color: #fff;
}
.fukidashi-01-07::after {
  content: "";
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  width: 30px;
  height: 2px;
  box-sizing: border-box;
  background-color: #000;
  box-shadow: 0 2px 0 #E5FEB5, 0 -2px 0 #E5FEB5; /* 背景色と同じ色を指定 */
  rotate: 50deg;
}
.modal-video-movie-wrap{
	width: 31.64% !important;
}
.modal-video-body {
  max-width: 100% !important;
}
@media only screen and (max-width: 768px) {
	.planmovie{
	max-width: 100%;
}
.movie-area a{
	display: block;
	max-width: 264px;
}
.fukidashi-01-07 {
  padding: 8px 24px;
  margin: 0 auto 32px;
  font-size: 1.6rem;
}
	.modal-video-movie-wrap {
    width: 79.2% !important;
    height: 500px !important;
}
}


.roansimulation{
	max-width: 700px;
	margin: auto;
	padding-top: 124px;
	
}
.roansimulation a{transition: .3s;}
.roansimulation a:hover{
	opacity: .7;
}
.roansimulation2{
	max-width: 700px;
	margin: auto;
	padding: 32px 8px;
	
}
.roansimulation2 a{transition: .3s;}
.roansimulation2 a:hover{
	opacity: .7;
}

@media only screen and (max-width: 768px) {
	.roansimulation{
	max-width: 700px;
	margin: auto;
	padding: 16px 20px 0;
	
}
.roansimulation a{transition: .3s;}
.roansimulation a:hover{
	opacity: .7;
}
.roansimulation2{
	max-width: 700px;
	margin: auto;
	padding: 0 8px 16px;
	
}
.tab-nav {
    margin-top: 24px;
}
}