@charset "utf-8";

/* 
===== CONTENTS ===========================================

	1：top_mainimage
	2：logo
	3：info
	4：map
	5：concept
	6：plan
	7：boshu
	8：boshu_under_ten
    9：Insta
   10：photo_tag
   11：new_room
   12：text
   13：column_layout
   14：icon
   15：button
   16：accordion
   17：interview
   18：project
   19：about-project
   20: tabs
   21: 2plan
	 22: renovation
	 23: area-tab
	 24: whole_renovation
	 24: modelroom
	
==========================================================
*/
body{
	-webkit-text-size-adjust: 100%;
}

section {
	margin-bottom: 80px !important;
}

.main_pc{display: block;}
.main_tb{display: none;}
.main_sp{display: none;}

.mb2per{ margin-bottom: 2% !important;}
.mb2-4per{ margin-bottom: 2% !important;}

.all_wrap {
	max-width: 1036px;
}

/*
===== responce =====
*/
@media only screen and (min-width: 1061px){
h1#siteName{ display: block;}	
}
@media only screen and (max-width: 767px){
	section {
		margin-bottom: 60px !important;
	}
}
@media only screen and (max-width: 480px){
.mb2-4per{ margin-bottom: 4% !important;}
}

/*
=========== 1：top_mainimage ===========
*/

figure.top_main{
	margin-top: 0 !important;
	position: relative;  	
}
.top_main_img{
	overflow: hidden;
	z-index: 0;
	height: 80vh;
	background: url(../imgs/top_bg.jpg) center / cover no-repeat;
}
.top_main_img img{
    max-width: none !important;
}

/*
===== responce =====
*/

@media screen and (max-width: 1060px){
	figure.top_main{margin-top: 0 !important;}
}

@media screen and (max-width: 768px) {	
.main_pc{display: none;}
.main_tb{display: block; width: 100%;}
.main_sp{display: none;}
.top_main_img{background: url(../imgs/top_bg_u.jpg) center / cover no-repeat;}
}

@media screen and (max-width: 480px){
.main_pc{display: none;}
.main_tb{display: none;}
.main_sp{display: block; width: 100%;}
.top_main_img{ 
	background: url(../imgs/top_bg_u2.jpg) center / cover no-repeat;
	height: 40vh;
}
}

/*
=========== 2: logo ===========
*/

#top_mainimage_inner{
	max-width: 1024px;
	margin: 0 auto;
	width: 90%;
}
.mujiur_toplogo{
    position: absolute;
    z-index: 1;
    display: inline-block;
    bottom: -60px;
    max-width: 300px;
}

/*
===== responce =====
*/

/* @media screen and (max-width: 768px) {	
.mujiur_toplogo{
	display: none;
}
} */
@media screen and (max-width: 480px) {	
	.mujiur_toplogo{
		width: 50%;
	}
}

/*
=========== 3：info ===========
*/

.mujiur_info{
	background: #F7F7F7;
	margin: 147px 0 0 0 !important;
	padding: 50px 20px;
}
.mujiur_info_inner {
	margin: 0 auto;
	max-width: 760px;
}
.mujiur_info_title {
	font-size: 24px;
	line-height: calc(38 / 24);
	margin: 0;
	text-align: center;
}
.mujiur_info li{
	list-style: none;
}
.mujiur_info_group {
	margin-top: 50px;
}
.mujiur_info_group > h3 {
	border-bottom: solid 1px #ccc;
	font-size: 18px;
	line-height: calc(32 / 18);
	margin: 0;
	padding-bottom: 3px;
}
.mujiur_info_list {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 50px;
}
.mujiur_info_list::after {
	content: unset;
}
.mujiur_info_item {
	display: grid;
	gap: 15px;
	grid-template-columns: auto 1fr;
}
.mujiur_info_item > h4 {
	font-size: 16px;
	font-weight: normal;
	line-height: calc(28 / 16);
	text-decoration: underline;
}
.info_item__text > time {
    color: #808080;
    font-size: 11px;
    line-height: calc(20 / 11);
}
.info_item__text {
	font-size: 16px;
	font-weight: normal;
	line-height: calc(28 / 16);
}
.info_item__text h4{
	font-size: 16px;
	font-weight: normal !important;
	line-height: calc(28 / 16);
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
    .info_item__text {
		font-size: 14px;
        line-height: calc(20 / 14);
		font-weight: normal !important;
    }
    .info_item__text h4{
		font-size: 14px;
		line-height: calc(20 / 14);
		font-weight: normal !important;
    }	
}
.mujiur_info_item_image {
	aspect-ratio: 150 / 100;
	max-width: 150px;
}
.mujiur_info_item_image > img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.mujiur_info_link {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 50px auto 0;
	padding: 12px 48px 12px 24px;
	position: relative;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.mujiur_info_link:hover::after {
	opacity: .6;
}
.mujiur_info_link::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 24px;
	top: calc(50% - 7px);
	width: 7px;
}

.event2017{
	margin: 20px 0;
	position: relative;
}

.event2017 .event_img{
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	border: 1px solid #ccc;
    overflow: hidden;
	z-index: 1;
}
/**/
.event2017 .event_bb{
	position: absolute;
	z-index: 2;
	width: 40%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background: #fff;
	opacity: .9;
	left: 0;
	right: 0;
	bottom: -20px;
	margin: auto;
}
.event2017 .event_bb a{
	display: block;
}
.event2017 .event_bb a:hover{
	opacity: 1;
}
.event2017 .event_bb p{
	text-align: center;
	margin-bottom: 0;
	font-weight: bold;
}
.event2017 .event_bb p span.event_detail_bb_tx{
	font-size: 12px;
	padding-left: 20px;
}
.event2017 .event_bb p span.event_detail_bb_tx:after{
	content: " >>";
}
/**/
.mt30{
	margin-top: 30px !important;
}
.event2017 .event_days{
    position: absolute;
	display: table;
    table-layout: fixed;
    z-index: 3;
    width: 80%;
    left: 0;
    right: 0;
    top: 43%;
    margin: auto;
    font-weight: bold;
}
.event2017 .event_days p.cell1{
	display: table-cell;
	width: 40%;
}
.event2017 .event_days p.cell2{
	display: table-cell;
	width: 60%;
}
/**/
.event2017 .event_title{
position: absolute;
    z-index: 3;
    text-align: center;
    margin: auto;
    top: 12%;
    left: 0;
    right: 0;
    font-size: 24px !important;
    font-weight: bold;
    line-height: 1.2;
}

/*
== responce ==
*/

@media screen and (max-width: 768px) {
.mujiur_info {
	padding: 50px 0;
}
.mujiur_info_inner {
	width: 90%;
}
.mujiur_info_title {
	font-size: 18px;
	line-height: calc(30 / 18);
}
.mujiur_info_group > h3 {
	font-size: 16px;
	line-height: calc(28 / 16);
}
.mujiur_info_list {
	grid-template-columns: auto;
	margin-top: 20px;
}
.mujiur_info_item > h4 {
	font-size: 14px;
	line-height: calc(20 / 14);
	margin: 0;
}
.mujiur_info_link {
	margin-top: 30px;
}
/**/
.event2017 .event_days{
    z-index: 0;
    display: block;
    position: static;
    margin-top: 20px;
    width: 90%;
}
.mt30{
	margin-top: 20px !important;
}
.event2017 .event_days p.cell1{
	display: block;
	width: 90%;
	margin: 0;
    line-height: 1.2;
}
.event2017 .event_days p.cell2{
	display: block;
	width: 90%;
	margin: 0;
}
/**/
.event2017 .event_bb {
    position: static;
    z-index: 0;
    width: 90%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 20px auto 0 auto;
	opacity: 1.0;
}
.event2017 .event_title{
    font-size: 24px !important;
    line-height: 1.2;
}
}
@media screen and (max-width: 480px) {	
.mujiur_info {
	width: 100%;
}
.event2017 .event_title{
    font-size: 16px !important;
    line-height: 1.2;
}	
}

/*
=========== 4：map ===========
*/

#mujiur_map{
	margin: 0 auto 0 auto !important;
}
/**/
#mujiur_map p.sub_title{
    font-size: 12px !important;
    line-height: 1 !important;
}
#mujiur_map p.sub_title img{
	margin:0;
	padding: 0 10px;
	vertical-align: middle;
	width : auto;
}
/**/
.shopName a{
	color: #000;
	padding: 10px 0 !important;
	font-weight: bold !important;
	font-size: 18px;
	text-decoration: underline !important;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
}
.address{font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;}
.apointl{
	color: #7f0019 !important;
	padding-left: 20px;
	font-size: 12px;
	font-weight:bold;
}
#danchilist{
    max-width: 1024px;
    padding: 0 15px;
}
#danchilist select.wide{
    width: 100%;
    margin: 15px 0 0 0;
    padding: 5px;
	font-size: 1em;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;	
}
.gmap{
    max-width: 100%;
    margin: 0;
}

/*
== responce ==
*/
@media screen and (max-width: 768px) {	
.gmap{
	max-height: 380px;
}
}
@media screen and (max-width: 480px) {	
.gmap{
	max-height: 300px;
}
}

/*
=========== 5：concept ===========
*/

#mujiur_concept{
	margin-bottom: 15px !important;
}
#mujiur_concept .concept_logo img{
	width: 500px;
	padding: 30px 0;
}
#mujiur_concept p.risou{
    font-weight: bold;
    padding: 0 0 15px 0;
    margin: 0;
	font-size: 16px;
}

/*
=========== 6：plan ===========
*/

.mujiur_madori{
	margin: 50px 0 0 !important;
}
.mujiur_madori h4{
margin: 0 0 1em 0;
}
.mujiur_madori p.plan_theme_title{
	font-weight: bold;
	margin: 20px 0 10px 0;
	font-size: 14px;
}
.mujiur_madori div.cols a{
	display: block;
}

.mujiur_madori p.caption{
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
}
/**//**/
.mujiur_madori .cols_wrap1{
	margin-top: 20px;
}
.mujiur_madori .cols_wrap2{
	margin-top: 20px;
}
.mujiur_madori .cols_wrap3{
	margin-top: 20px;
}
.mujiur_madori .cols_wrap4{
	margin-top: 20px;
}
.mujiur_madori .cols_wrap1 a.cols_a{
	margin-top: 10px;
}
.mujiur_madori .cols_wrap2 a.cols_a{
	margin-top: 10px;
}
.mujiur_madori .cols_wrap3 a.cols_a{
	margin-top: 10px;
}
.mujiur_madori .cols_wrap4 a.cols_a{
	margin-top: 10px;
}
/**/
.mujiur_madori .cols_wrap1 .cols div.col:nth-child(n):before{
	content: "\3000";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap2 .cols div.col:nth-child(n):before{
	content: "\3000";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap3 .cols div.col:nth-child(n):before{
	content: "\3000";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap4 .cols div.col:nth-child(n):before{
	content: "\3000";
	font-weight: bold;
	font-size: 14px;
}
/**/
.mujiur_madori .cols_wrap1 .cols div.col:nth-child(1):before{
	content:"もうひとつの空間";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap1 .cols div.col:nth-child(5):before{
	content:"コンパクトライフ";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap2 .cols div.col:nth-child(1):before{
	content:"風通しの良い一室空間";
	font-weight: bold;
	font-size: 14px;
}
/**/
.mujiur_madori .cols_wrap2 .cols div.col:nth-child(5):before{
	content:"キッチン中心の暮らし";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap3 .cols div.col:nth-child(1):before{
	content:"土間とつながる";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap3 .cols div.col:nth-child(3):before{
	content:"メゾネット";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap3 .cols div.col:nth-child(5):before{
	content:"効率的な家事動線";
	font-weight: bold;
	font-size: 14px;
}
/**/
.mujiur_madori .cols_wrap4 .cols div.col:nth-child(1):before{
	content:"ウッドデッキ";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap4 .cols div.col:nth-child(2):before{
	content:"シェアルーム";
	font-weight: bold;
	font-size: 14px;
}
.mujiur_madori .cols_wrap4 .cols div.col:nth-child(3):before{
	content:"ペイント";
	font-weight: bold;
	font-size: 14px;
}

@keyframes planItemShow {
	from { opacity: 0; }
	to { opacity: 1; }
}
.plan__item {
	display: none;
}
.plan__item--show {
	display: block;
	animation: planItemShow .6s;
}
.plan__item .plan__title {
	font-size: 16px;
	line-height: calc(21 / 16);
}
.plan__item .top__icon--new {
	padding: 3px 5px;
}
.plan__name {
	vertical-align: middle;
}
.plan__add-btn {
	border-bottom: solid 1px #CCC;
    border-top: solid 1px #CCC;
    padding: 15px 0;
    text-align: center;
}
.plan__add-btn:hover {
	cursor: pointer;
}
.plan__add-btn_text {
	font-weight: 600;
	position: relative;
}
.plan__add-btn_text::after {
	content: '';
	border-left: solid 2px #1A1311;
    height: 10px;
	position: absolute;
	left: -20px;
	transform: rotate(-45deg);
	top: 3px;
}
.plan__add-btn_text::before {
	content: '';
	border-right: solid 2px #1A1311;
    height: 10px;
	position: absolute;
	left: -14px;
	transform: rotate(45deg);
	top: 3px;
}

/*
== responce ==
*/
@media screen and (max-width: 920px) {	
.mujiur_madori div.col-6{
	width: 23.5%;
	margin: 0 2% 2% 0;
}
.mujiur_madori div.col-6:nth-child(3n){
width: 23.5%;
margin: 0 2% 2% 0;
}
.mujiur_madori div.col-6:nth-child(4n){
width: 23.5%;
margin: 0 0 2% 0;
}
}

@media screen and (max-width: 768px) {	
.mujiur_madori {
	margin: 30px 0 0 !important;
	width: 100%;
}
.mujiur_madori p.caption{
    font-size: 12px !important;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
}
.mujiur_madori p.plan_title {
	font-size: 14px;
}
.mujiur_madori p.plan_theme_title{
	font-weight: bold;
	margin: 0 0 10px 0;
}
.mujiur_madori .cols_wrap1{
margin-top: 0;
}
.mujiur_madori .cols_wrap2{
margin-top: 0;
}
.mujiur_madori .cols_wrap3{
margin-top: 0;
}
.mujiur_madori .cols_wrap4{
margin-top: 0;
}
}
@media screen and (max-width: 768px) {	
.mujiur_madori .col-6{
	width: 49% !important;
	margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(2n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(3n){
width: 49% !important;
margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(4n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(6n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
/**/
.mujiur_madori p.caption{
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
}
}
@media screen and (max-width: 768px) {	
.mujiur_madori .col-6{
	width: 49% !important;
	margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(2n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(3n){
width: 49% !important;
margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(4n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(6n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
/**/
.mujiur_madori p.caption{
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
}
}
@media screen and (max-width: 480px) {	
.mujiur_madori .col-6{
	width: 49% !important;
	margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(2n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(3n){
width: 49% !important;
margin: 0 2% 0 0 !important;
}
.mujiur_madori .col-6:nth-child(4n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
.mujiur_madori .col-6:nth-child(6n){
	width: 49% !important;
	margin: 0 0 0 0 !important;
}
/**/
.mujiur_madori p.caption{
    font-size: 12px;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
	height: 55px;
}
}


@media screen and (max-width: 530px) {	
.mujiur_madori p.plan_theme_title{
	font-weight: bold;
	margin: 10px 0 10px 0;
	font-size: 12px !important;
}
}


/*
=========== 7：boshu ===========
*/
#boshu_danchi span.end{
    font-size: 11px;
    color: #fff;
    background: #7f0019;
    padding: 0 3px;
}
#boshu_danchi{
	margin: 0;
}
#boshu_danchi h4{
	margin-bottom: 20px;
}
/**/
#boshu_danchi div.acMenu_wrap{
	width: 100%;
	margin: 0;
}
#boshu_danchi dl{
    width: 32%;
    font-size: 14px;
	margin: 0 2% 0 0;
	 float: left;
}
#boshu_danchi dl:nth-child(3n){
    width: 32%;
	margin: 0 0 0 0;
	float: left;
}
/**/
#boshu_danchi dl dt{
    float: left;
    clear: left;
    width: 40px;
    display: block;
    line-height: 2;
}
#boshu_danchi dl dd{
    margin-left: 45px;
    line-height: 2;
}
/**/
#boshu_danchi dd a{
	text-decoration: underline;
}

/*
== responce ==
*/

@media screen and (max-width: 768px) {	
#boshu_danchi span.end{
    font-size: 11px;
    color: #fff;
    background: #7f0019;
    padding: 2px;
}
#boshu_danchi dl{
    width: 100%;
	margin: 0 0 0 0;
	float: none;
}
#boshu_danchi dl:nth-child(3n){
    width: 100%;
	margin: 0 0 0 0;
	float: none;
}
/**/
#boshu_danchi dl dt{
    float: none;
    width: 100%;
    display: block;
    /*line-height: 2;*/
    height: 35px;
    padding: 4px 10px;
	/*margin-bottom: 10px;*/
}

#boshu_danchi dl dd{
    margin: 10px 0;
    width: 100%;
    height: 20px;
    padding: 0px 15px;
}
/**/
#acMenu dt{
    border-bottom:#ccc 1px solid;
    cursor:pointer;
    }
#acMenu dd{
    display:none;
    }
}

/*
=========== 8：boshu_under_ten ===========
*/

#boshu_area_under_ten{
	margin: 150px 0 0 !important;
}
#boshu_area_under_ten h4{
	margin-bottom: 15px;
}
#boshu_area_under_ten > p{
	display: flex;
	justify-content: center;
	margin: 50px 0 0;
}
#boshu_area_under_ten > p > br{
	display: none;
}
#boshu_area_under_ten .plan_name_photo22 {
	margin-top: 30px;
}
/**/
#boshu_area_under_ten .col-5{
	width: 18.4%;
	margin: 0 2% 0 0;
}
#boshu_area_under_ten .col-5:nth-child(5n){
	width: 18.4%;
	margin: 0 0 0 0;
}
/**/
#boshu_area_under_ten p.plan_title {
    font-size: 14px !important;
}
#boshu_area_under_ten p.plan_title2 {
    font-size: 14px !important;
}
#boshu_area_under_ten p.caption {
    font-size: 12px !important;
    color: #999;
    margin: 0;
    line-height: 1.5;
    overflow: hidden;
}
#boshu_area_under_ten .lead {
	margin-bottom: 10px;
}
#boshu_area_under_ten .lead .top__icon--new {
	margin-right: 10px;
}
/*
== responce ==
*/
@media screen and (max-width: 768px) {
	#boshu_area_under_ten{
		margin: 80px 0 0 !important;
	}
	#boshu_area_under_ten .plan_name_photo22 {
		margin-top: 50px;
	}
	#boshu_area_under_ten > p {
		margin-top: 30px;
	}
	#boshu_area_under_ten > p > br{
		display: block;
	}
}
@media screen and (max-width: 480px) {	
	#boshu_area_under_ten {
		width: 100%;
	}
#boshu_area_under_ten .col-5{
	width: 48%;
	margin: 0 2% 2% 0;

}
#boshu_area_under_ten .col-5:nth-child(5n){
	width: 48%;
	margin: 0 2% 2% 0;
}
#boshu_area_under_ten .col-5:nth-child(2n){
	width: 48%;
	margin: 0 0 2% 0;
}
}

/*
=========== 9：Insta ===========
*/
@media only screen and (max-width: 480px){
#Instagram_area .col-4{	width:100%; margin:0 0 2% 0;}
#Instagram_area .col-4:nth-child(2n){width:100%; margin:0 0 2% 0;}	
}
/*
=========== 10：photo_tag ===========
*/

.photo_tag2 {
    position: relative;
    display: inline-block;
    padding: 0 3px 4px 0;
    overflow: hidden;
	/*vertical-align: bottom;*/
}
.photo_tag2 p {
	font-size: 0.75em !important;
    display: inline;
	color: #fff !important;  
	line-height: 1.6;
}
.photo_tag2 p span {
    position: absolute;
    display: inline-block;
    right: -70px;
    /*box-shadow: 0px -2px 5px rgba(0,0,0,0.6), inset 0px 5px 20px rgba(255,255,255,0.2);*/
	/*box-shadow: 0px -2px 5px rgba(0,0,0,0.6);*/
    text-align: center;
    bottom: 20px;
    background: #7f0019;
    width: 200px;
    padding: 0 auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*3d*/
.photo_tag2 p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 65px;
    right: -10px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
.photo_tag2 p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -20px;
    z-index: -1;
    right: 55px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}
/*
=========== 11：new_room ===========
*/
#new_room .alpha {
	display: block;
}
#new_room .top__pg {
	line-height: calc(17 / 12);
}
#new_room .top__plan-link {
	background: #808080;
	border: solid 1px #808080;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 10px;
	padding: 1px 5px;
}
#new_room .top__plan-link.is-parts {
	background: #ccc;
	border: solid 1px #ccc;
	color: #808080;
}
#new_room .top__btn {
	margin-top: 50px;
}
.new_room {
	margin-top: 50px !important;
	margin-bottom: 0 !important;
}
.new_room__title {
	align-items: center;
	display: flex;
	font-size: 24px;
	gap: 10px;
	justify-content: center;
	line-height: calc(38 / 24);
	margin: 0;
}
.new_room__list {
	display: grid;
	column-gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 24px;
	row-gap: 40px;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.new_room__title {
		font-size: 18px;
		gap: 8px;
		line-height: calc(30 / 18);
	}
	.new_room__list {
		column-gap: 15px;
		grid-template-columns: repeat(2, 1fr);
		margin-top: 50px;
		row-gap: 20px;
	}
}
@media screen and (max-width: 480px) {
	#new_room .top__caption--gray:after {
		content: "\A" ;
		white-space: pre ;
	}
	#new_room .top__btn {
		text-align: center;
		width: 100%;
	}
}
/*
=========== 12：text ===========
*/
.top__head {
	font-size: 24px;
	font-weight: 600;
	line-height: calc(38 / 24);
	margin: 0;
	text-align: center;
}
.top__head#mujiur_madori {
	margin-top: 150px;
}
.top__title {
	font-size: 16px;
	font-weight: 600;
	line-height: calc(21 / 16);
}
.top__title_svg {
	vertical-align: middle;
	height: 20px;
    width: auto;
}
.top__pg {
	font-size: 14px;
	line-height: calc(24 / 14);
	margin-bottom: 0;
}
.top__caption {
	font-size: 12px;
	line-height: calc(17 / 12);
}
.top__caption--gray {
	color: #808080;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.top__head {
		font-size: 18px;
		line-height: calc(30 / 18);
	}
	.top__head#mujiur_madori {
		margin-top: 70px;
	}
}
@media screen and (max-width: 480px) {
	.top__title_svg {
		height: 16px;
	}
}
/*
=========== 13：column_layout ===========
*/
.top__cols {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.top__cols::before{
    content: '';
    display: block;
    width: 23.5%;
    height: 0;
    order: 1;
}
.top__cols::after{
    content: '';
    display: block;
    width: 23.5%;
    height: 0;
}

.top__col-4 {
	width: 23.5%;
}

.top__col-4_img {
	margin-bottom: 10px;
	padding-top: 77.9%;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.top__col-4 {
		margin-top: 15px;
		width: 49%;
	}
	.top__col-4[data-index='0'], .top__col-4[data-index='1'] {
		margin-top: 0;
	}
}
/*
=========== 14：icon ===========
*/
.top__icon--new {
	background: #7f0019;
	border-radius: 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: 300;
	padding: 5px;
	vertical-align: middle;
}

.icon--new {
	color: #7f0019;
	font-size: 16px;
	font-weight: 300;
	line-height: calc(38 / 16);
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.icon--new {
		font-size: 14px;
		line-height: calc(38 / 14);
	}
}
/*
=========== 15：button ===========
*/
.top__btn {
	background: #800000;
	border: none;
	border-radius: 5px;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: auto;
	text-align: center;
	width: 332px;
}
.top__btn:hover {
	cursor: pointer;
}
.top__btn_text {
	color: #FFF;
	display: block;
	line-height: calc(36 / 16);
	padding: 7px 0;
	text-align: center;
}
.top__btn_text:hover {
	color: #FFF;
}
/*
=========== 16：accordion ===========
*/
.ac_wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	margin: 0 auto;
	max-width: 1076px;
	padding: 0 20px;
}
.ac_wrapper.visible {
	opacity: 1;
	visibility: visible;
	margin-top: 47px;
	max-height: fit-content;
	transition: opacity .3s ease-in-out;
}
.ac_left, .ac_right {
	width: 49%;
}
.ac_left .ac__item:first-of-type,
.ac_right .ac__item:first-of-type {
	border-top: solid 1px #CCC;
}
.ac__item {
	border-bottom: solid 1px #CCC;
}
.ac__item_title {
	font-size: 16px;
	font-weight: 600;
	padding: 10px 10px 10px 40px;
	position: relative;
}
.ac__icon {
    left: 0;
	position: absolute;
	top: 50%;
	transform: rotate(0.1deg);
	transform-origin: 16px 1px;
	-webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
	transition: transform .4s;
}
.ac__item--open .ac__icon {
	transform: rotate(45deg);
	-webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
	transition: transform .4s;
}
.ac__icon::before {
    border-right: 2px solid #1A1311;
    content: '';
    height: 15px;
    position: absolute;
    left: 0;
    top: calc(50% - 7.5px);
    transform-origin: center;
	width: 15px;
}
.ac__icon::after {
    border-right: 2px solid #1A1311;
    content: '';
    height: 15px;
    position: absolute;
    left: 0;
    top: calc(50% - 7.5px);
    transform: rotate(90deg) translate(-7.5px, -7.5px);
    transform-origin: center;
	width: 15px;
}
.ac__item_title:hover {
    cursor: pointer;
}
.ac__item_num {
	background: #F7F7F7;
	border-radius: 15px;
	color: #808080;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 6px 8px;
	position: absolute;
	right: 11px;
	top: 11px;
}
.ac__item_num.new::after {
	background: #7F0019;
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	position: absolute;
	right: -2px;
	top: -2px;
	width: 10px;
}
.ac__item_num--2digit {
	padding: 7px 4px;
    right: 10px;
}
.ac__item_content{
	display: none;
}
.ac__item_group {
	background: #F7F7F7;
}
.ac__item_group:not(:first-child) {
	margin-top: 10px;
}
.ac__item_group_name {
	color: #808080;
	font-size: 13px;
	font-weight: 600;
	line-height: calc(23 / 13);
	padding: 15px 15px 0;
}
.ac__child-item {
	border-bottom: 2px solid #FFF;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 10px 15px;
	width: 47%;
}
.ac__child-item__title {
	font-size: 14px;
	font-weight: 600;
	line-height: calc(16 / 14);
}
.ac__child-item__title.new::after {
	content: 'NEW';
	color: #7F0019;
	font-size: 12px;
	font-weight: normal;
	margin-left: 1em;
}
.ac__child-item__sub-title {
	font-size: 13px;
	line-height: calc(23 / 13);
} 
.ac__item_content_row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ac__item_content_row:last-of-type .ac__child-item {
	border-bottom: 0;
}
.ac__child-item__plan {
	color: #808080;
	font-size: 12px;
	line-height: calc(16 / 14);
	display: flex;
	align-items: center;
	gap: 4px;
	flex-wrap: wrap;
}
.ac__child-item__plan_name.new::after {
	background: #7F0019;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 10px;
	margin-left: 4px;
	width: 10px;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.ac_wrapper { 
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.ac_left, .ac_right {
		width: 100%;
	}
	.ac_right .ac__item:first-of-type {
		border-top: none;
	}
	.ac__item_content_row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.ac__child-item {
		text-align: center;
		width: 100%;
	}
	.ac__item_content_row:last-of-type .ac__child-item:first-of-type {
		border-bottom: 2px solid #FFF;
	}
	.ac__child-item__plan {
		justify-content: center;
	}
}
/*
=========== 17：interview ===========
*/
.interview {
	width: 90%;
	max-width: 760px;
	margin-top: 100px auto !important;
}
.interview__inner {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	max-height: 320px;
}
.interview__title {
	width: calc(264 / 1036 * 100%);
	padding: 40px 0 40px 40px;
}
.interview__title_svg {
	width: calc(88 / 264 * 100% + 20px);
}
.interview__imgs {
	max-height: 320px;
	width: calc(774 / 1036 * 100%);
}
.interview__imgs_row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width: 100%;
	height: 50%;
}
.interview__img {
	height: 100%;
	max-height: 160px;
	width: 25%;
}
.interview__imgs_row:first-of-type .interview__img:nth-of-type(1) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2018/12/18150840/thum_190115_21_632_632.jpg) center / cover no-repeat;
}
.interview__imgs_row:first-of-type .interview__img:nth-of-type(2) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/12/08110115/thum_171212_20_632_632-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:first-of-type .interview__img:nth-of-type(3) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/02193828/thum_170220_19_632_632-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:first-of-type .interview__img:nth-of-type(4) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/02193831/thum_170220_18_316_391-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:last-of-type .interview__img:nth-of-type(1) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/02195141/thum_161104_632_632-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:last-of-type .interview__img:nth-of-type(2) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/03052321/thum_151225_632_632-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:last-of-type .interview__img:nth-of-type(3) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/03052642/thum_151125_632_632-300x300.jpg) center / cover no-repeat;
}
.interview__imgs_row:last-of-type .interview__img:nth-of-type(4) {
	background: url(https://house.muji.com/wp-content/uploads/sites/5/2017/08/03075532/thum_14_632_632-300x300.jpg) center / cover no-repeat;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.interview__inner{
		min-height: 155px;
	}
	.interview__title {
		width: calc(100% / 3);
		padding: 20px 0 20px 20px;
	}
	.interview__imgs {
		width: calc(100% / 3 * 2);
	}
	.interview__imgs_row .interview__img:nth-of-type(3),
	.interview__imgs_row .interview__img:nth-of-type(4) {
		display: none;
	}
	.interview__img {
		width: 50%;
	}
}
@media screen and (max-width: 480px) {
	.interview { 
		overflow: visible;
	}
}
/*
=========== 18：project ===========
*/
.project {
	border-top: 1px solid #CCCCCC;
	overflow: visible;
}
.project__inner {
	overflow: visible;
	margin: 0 auto;
	max-width: 1150px;
}
.project__lead {
	margin: 93px auto 0;
	max-width: 760px;
}
.project__title {
	font-size: 24px;
	font-weight: bold;
	line-height: calc(38 / 24);
	margin: 0;
	text-align: center;
}
.project__tx {
	margin: 36px auto 0;
	width: fit-content;
}
.project__list {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(3, 1fr);
	margin: 62px 20px 0;
}
.project__list::after {
	content: none;
}
.project__item_link {
	align-items: center;
	gap: 15px;
	display: grid;
}
.project__item_link h4 {
	font-size: 18px;
	line-height: calc(32 / 18);
	margin: 0;
}
.project__item_link h4 > span {
	color: #808080;
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: calc(26 / 16);
	margin: -12px 0 0;
}
.project__item_link span {
	grid-column: 2 / 3;
	font-weight: bold;
}
.project__archives {
	margin: 85px auto 0;
	max-width: 760px;
}
.project__archives_inner {
	margin: 0 20px;
}
.project__archives_inner h3 {
	border-bottom: 1px solid #CCCCCC;
	font-size: 18px;
	line-height: calc(32 / 18);
	margin: 0;
	padding-bottom: 3px;
}
.project__archives_list {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
}
.project__archives_item > a {
	line-height: calc(30 / 16);
	text-decoration: underline;
}
/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.project__lead {
		margin: 44px auto 0;
		width: 90%;
	}
	.project__title {
		font-size: 18px;
		line-height: calc(30 / 18);
	}
	.project__tx {
		margin-top: 32px;
	}
	.project__tx br {
		display: none;
	}
	.project__list {
		gap: 24px;
		grid-template-columns: auto;
		margin: 42px 0 0;
	}
	.project__item_link h4 {
		font-size: 16px;
		line-height: calc(26 / 16);
		margin: 0 auto;
		width: 90%;
	}
	.project__item_link h4 > span {
		margin-top: 10px;
	}
	.project__item_link {
		gap: 5px;
	}
	.project__archives_inner h3 {
		font-size: 16px;
		line-height: calc(26 / 16);
	}
	.project__archives_list {
		gap: 0;
		grid-template-columns: auto;
	}
	.project__archives_item > a {
		line-height: calc(34 / 14);
	}
}

@media screen and (max-width: 480px) {
	.project {
		width: 100%;
	}
}
/*
=========== 19：about-project ===========
*/
.about-project {
	padding: 100px 20px;
}
.about-project__inner {
	margin: 0 auto;
	max-width: 1150px;
}
.about-project__title {
	font-size: 24px;
	line-height: calc(38 / 24);
	margin: 0;
	text-align: center;
}
.about-project__image {
	margin-top: 30px;
}
.about-project__text {
	margin: 30px auto 0;
	max-width: 760px;
}
.about-project__links {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
	margin: 40px auto 0;
	max-width: 760px;
}
.about-project__links a {
	align-items: center;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	font-size: 16px;
	font-weight: 600;
	line-height: calc(18 / 16);
	min-height: 60px;
	justify-content: center;
	position: relative;
	text-align: center;
}
.about-project__links a:after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 20px;
	top: calc(50% - 7px);
	width: 7px;
}
.about-project__links a:hover::after {
	opacity: .6;
}

/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.about-project {
		padding: 30px 0;
	}
	.about-project__title {
		display: flex;
		font-size: 16px;
		justify-content: center;
		line-height: calc(28 / 16);
		margin: 0 auto;
		text-align: left;
		width: 90%;
	}
	.about-project__image {
		margin-top: 20px;
	}
	.about-project__text {
		width: 90%;
	}
	.about-project__links {
		grid-template-columns: auto;
		margin-top: 30px;
		max-width: 370px;
		width: 90%;
	}
}


/*
=========== 20: tabs ===========
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
input[name="tab_item"] {
  display: none;
}
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}
#all:checked ~ #all_content,
#plusS:checked ~ #plusS_content {
  display: block;
}
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}
*/

/*
=========== 21: 2plan ===========
*/
p.plan_name_title22{
font-size: 24px;
    font-weight: bold;
    margin: 40px 0 0 0;
    padding: 0;
}
img.plan_name_photo22{
	width: 100%;
	margin: 0;
	height: 650px;
	object-fit: cover;
	vertical-align: bottom;
}
img.plan_name_tx{
	grid-row: 1 / 4;
	height: 73px;
	margin-top: 6px;
	width: fit-content;
}
p.plan_catch22{
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: calc(28 / 16);
}
p.plan_tx22{
	margin: 0;
	grid-column: 2 / 3;
}
p.plan_catch22 + p.plan_tx22 {
	margin-top: 18px;
}
p.plan_tx22 + p.plan_tx22 {
	margin-top: 18px;
}
.plan_contents {
	grid-template-columns: calc(336 / 1036 * 100%) minmax(auto, 565px);
	margin-top: 50px;
}
.relatedLink22 {
	display: block;
	margin-top: 36px;
	grid-column: 2 / 3;
	text-align: right;
}
.relatedLink22 a {
	display: block;
	background: url(../img/arrow_right.png) no-repeat 14px 50%;
	text-decoration: none !important;
	font-size: 16px;
	line-height: calc(30 / 16);
	font-weight: bold;
	margin-left: auto;
	position: relative;
	padding-right: 16px;
	width: fit-content;
}

.relatedLink22 a::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 0;
	top: calc(50% - 7px);
	width: 7px;
}

.relatedImgLink {
	align-items: center;
	background: #F7F7F7;
	column-gap: 12px;
	display: grid;
	font-size: 24px;
	font-weight: bold;
	grid-column: 2 / 3;
	grid-template-columns: calc(150 / 545 * 100%) 1fr;
	line-height: calc(32 / 24);
	margin-top: 43px;
	padding: 20px;
}

.relatedImgLink__img {
	aspect-ratio: 150 / 100;
	width: 100%;
}

.relatedImgLink__img img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.relatedImgLink__text {
	display: grid;
	justify-content: center;
	margin-left: 36px;
}

.relatedImgLink__text > span {
	font-size: 12px;
	font-weight: normal;
	margin-top: 10px;
}


/*
===== responce =====
*/
@media screen and (min-width: 769px) {
	.plan_contents {
		display: grid;
		grid-template-columns: 336px minmax(auto, 565px);
	}
}

@media screen and (max-width: 768px) {
	img.plan_name_photo22{
		height: auto;
	}
	img.plan_name_tx{
		margin-top: -20px;
		margin-bottom: 24px;
	}
	p.plan_catch22{
		font-size: 16px !important;
	}
	p.plan_catch22 + p.plan_tx22 {
		margin-top: 8px;
	}
	p.plan_tx22 + p.plan_tx22 {
		margin-top: 8px;
	}
	.plan_contents {
		margin-top: 0;
		overflow: visible;
		width: 90%;
	}
	.relatedLink22 {
		margin-top: 18px;
	}
	.relatedLink22 a {
		font-size: 14px;
		line-height: calc(26 / 14);
	}

	.relatedImgLink {
		column-gap: calc(20 / 275 * 100%);
		grid-template-columns: calc(105 / 275 * 100%) 1fr;
		margin-top: 20px;
	}

	.relatedImgLink__text {
		justify-content: start;
		margin-left: 0;
	}

	.relatedImgLink__text_head {
		column-gap: .25em;
		display: flex;
		flex-wrap: wrap;
	}

	.relatedImgLink__text > span {
		font-size: 11px;
		display: flex;
		flex-wrap: wrap;
	}
}

/*
=========== 22: renovation ===========
*/
.renovation {
	margin: 20px auto 80px auto !important;
}

.renovation::after {
	content: none;
}

.renovation__link {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: auto;
	padding: 12px 48px 12px 24px;
	position: relative;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.renovation__link:hover::after {
	opacity: .6;
}

.renovation__link::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 24px;
	top: calc(50% - 7px);
	width: 7px;
}

.renovation__text {
	margin-bottom: 30px;
}

.renovation__right {
	padding: 0;
}

.renovation__right h4 {
	font-size: 1.8rem;
}

.renovation__left {
	border-radius: 8px;
}

/*
===== responce =====
*/
@media screen and (min-width: 769px) {
	.renovation {
			align-items: center;
			display: flex;
			justify-content: space-between;
			margin: 30px auto 110px auto !important;
	}

	.renovation__left, .renovation__right {
			width: 49%;
	}

	.renovation__right {
		padding: 0 20px;
	}

	.renovation__text {
		margin-top: 20px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.renovation__right {
			margin-top: 20px;
	}
}

/*
=========== 23: area-tab ===========
*/
.tab_buttons {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	margin: 50px auto 0;
	max-width: 1076px;
	padding: 0 20px;
}

.tab_buttons::after {
	content: none;
}

.tab_button {
	align-items: center;
	background: #F7F7F7;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	justify-content: center;
	line-height: calc(20 / 14);
	padding: 17px 0;
	text-align: center;
}

.tab_button:first-of-type {
	border-left: none;
}

.tab_button.active {
	background: #FFF;
	border-bottom: none;
	border-top: 1px solid #D9D9D9;
}

.tab_button:not(.active) {
	cursor: pointer;
}

.tab_button .note {
	display: block;
	font-size: 11px;
	line-height: calc(20 / 11);
}

/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.tab_buttons {
		margin-top: 30px;
	}
	.tab_button {
		padding: 9px 0;
	}
	.tab_button_tx {
		display: flex;
		flex-direction: column;
	}
}

/*
=========== 24: whole_renovation ===========
*/
.whole_renovation {
	margin-top: 100px !important;
}

.whole_renovation .plan_name_photo22 {
	margin-top: 50px;
}

.whole_renovation > p {
	margin: 50px auto 0;
	max-width: 760px;
}

.whole_renovation__link {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 50px auto 0;
	padding: 12px 48px 12px 24px;
	position: relative;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.whole_renovation__link:hover::after {
	opacity: .6;
}

.whole_renovation__link::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 24px;
	top: calc(50% - 7px);
	width: 7px;
}

/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.whole_renovation {
		margin-top: 50px !important;
	}
	.whole_renovation .plan_name_photo22 {
		margin-top: 30px;
	}
	.whole_renovation > p {
		margin-top: 30px;
		width: 90%;
	}
}

@media screen and (max-width: 480px) {
	.whole_renovation {
		width: 100%;
	}
}

/*
=========== 24: modelroom ===========
*/
.modelroom {
	margin-top: 100px !important;
}

.modelroom .plan_name_photo22 {
	margin-top: 50px;
}

.modelroom > p {
	margin: 50px auto 0;
	max-width: 760px;
}

.modelroom__link {
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 50px auto 0;
	padding: 12px 48px 12px 24px;
	position: relative;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.modelroom__link:hover::after {
	opacity: .6;
}

.modelroom__link::after {
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="8.061" height="14.707" viewBox="0 0 8.061 14.707"><path fill="%230" d="M.707,14.707,0,14,6.646,7.353,0,.707.707,0,8.061,7.353Z" /></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 14px;
	position: absolute;
	right: 24px;
	top: calc(50% - 7px);
	width: 7px;
}

/*
===== responce =====
*/
@media screen and (max-width: 768px) {
	.modelroom {
		margin-top: 50px !important;
	}
	.modelroom .plan_name_photo22 {
		margin-top: 30px;
	}
	.modelroom > p {
		margin-top: 30px;
		width: 90%;
	}
}

@media screen and (max-width: 480px) {
	.modelroom {
		width: 100%;
	}
}