@charset "UTF-8";
img {width: 100%;}

figure{position: relative;}

sup {
    font-size: 10px;
    vertical-align: top;
}
.cap_half{
right: 52.5%;
}
.cap_under{
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 12px;
bottom: calc(-1em + -8px); 
}
.contents {
    background: #ecebe5;
}


.ttl h3{
color: #918260;
}
.ttl small{
color: #918260;
}
.ttl h3 span{
color: #918260;
}


/* -----------------------------
equipment
----------------------------- */

/* tab_Area */
.tab_Area {
margin: 70px auto;
justify-content:center;
}
.tab_Area:nth-of-type(2) {
margin: 100px auto 0;
}
.tab_Area li{
font-size: 18px;
width: 100%;
max-width: 400px;
margin: 0 15px;
}

.tab_Area li a {
position: relative;
display: block;
width: 100%;
color: #7a6a56;
letter-spacing: 0.16em;
font-feature-settings: "palt";
text-align: center;
padding: 14px 0;
background: rgba(122,106,86,.2);
transition: 0.3s;
box-sizing: border-box;
}
.tab_Area li a:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: url(../images/equipment_tab_bar.jpg) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
}
.tab_Area li a:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 100%;
	background: url(../images/equipment_tab_bar.jpg) no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -1px;
}
.tab_Area li a:hover{
    color: #fff;
	background: #7a6a56;

    transition: 0.3s;
}

.tab_Area li.here{
    position: relative;
}
.tab_Area li.here a{
color: #fff;
pointer-events: none;
background: #7a6a56;
}



/* common */
#content_Wrap figure {
    position: relative;
}
.copy {
  text-align: center;
  font-size: 26px;
  color: #333;
  padding-bottom: 20px;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.sub_copy {
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
  padding-bottom: 60px;
  letter-spacing: 0.08em;
}

.in-box {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
    box-sizing: border-box;
}
.Txt_note {
    font-size: 12px !important;
    letter-spacing: 0;
    padding-top: 6px;
}


.con_box {
}
.flex_space-between{
justify-content: space-between;
}
.layout-column{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.con_box h4 {
    font-size: 20px;
    color: #053345;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
}
.con_box h4 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
}
.con_box h4 span.notes {
font-feature-settings: "palt";
padding: 0;
}
.con_box h4 span a {
    color: #053345;
}
.con_box h4 span.sub {
    font-size: 13px;
    color: #fff;
    margin-right: 0.5em;
    padding: 4px 4px 3px;
    background: #595757;
    vertical-align: text-bottom;
}
.con_box h5 {
    font-size: 18px;
    margin-bottom: 10px;
}
.con_box h6 {
    font-size: 18px;
    color: #053345;
    padding-bottom: 10px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-feature-settings: "palt";
}

.con_box .ttl_borderbtm {
    font-size: 20px;
    color: #333;
    padding-bottom: 8px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
		border-bottom:1px solid #333;
		margin-bottom: 20px;
}

.column2 ul li .notes_list li {
    width: 100% !important;
    font-size: 12px;
    line-height: 1.5;
    margin-right: 0 !important;
}

@media only screen and (max-width: 767px) {
    .column2 ul li .notes_list li {
        margin-bottom: 0 !important;
    }
}


.con_box p {
    font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
.con_box p a {
    color: #053345;
}
.con_box .padding_none {
padding:0;
}
.con_box p.line-h {
    line-height: 1.4 !important;
}
.con_box p.narrow {
letter-spacing: 0.012em;
}
.con_box p.ta_j{ text-align: justify;}

.con_box p.align_R {
    text-align: right;
}
    .under_P {
        padding: 8px 0 0;
    }
.con_box .notes {
    margin-top: 10px;
    font-size: 10px !important;
    padding: 0 0;
    text-indent: 0em;
}
.con_box .notes.pdd-T {
    margin-top: 0!important;
    font-size: 10px !important;
    padding-bottom: 0;
}
.con_box .notes.mh5 {
    min-height: 5rem;
}

.sm_txt {
    font-size: 12px !important;
    padding-left: 0 !important;
}

.con_box p.sm_txt {
    font-size: 12px !important;
    padding-left: 0 !important;
}
.cap_L_top {
    left: 5px;
    text-align: left;
    bottom: auto;
    top: 10px;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
}
.cap_L_top02 {
    left: 0px;
    text-align: left;
    bottom: auto;
    top: -13px;
    font-size: 13px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
}
.column .in-box{
z-index: 1;
}
.flex-column{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.column1 {
    margin-bottom: 60px;
}

.column1.cat_last {
    margin-bottom: 100px;
}
.column1 .notes_list {
    margin-top: 10px;
}
.column1 .notes_list li {
    width: 100%;
    font-size: 12px;
    line-height: 1.5;
}

.column2 {
    margin-bottom: 60px;
}

.column2.moving {
    margin-bottom: 20px;
}

.column2.cat_last {
    margin-bottom: 100px;
}

.column2 ul.flex {
    justify-content: space-between;
    justify-content: space-between;
}

.column2 ul li {
    width: calc((100% - 4%) / 2);
    max-width: 480px;
}
.column2.flex-column ul li {
display: flex;
justify-content: space-between;
flex-direction: column;
}

.column3 {
    margin-bottom: 60px;
}

.column3 ul.flex {
    justify-content: space-between;
}

.column3 ul li {
    width: calc((100% - 4%) / 3);
    max-width: 324px;
}

.column3 ul li h4 {
    letter-spacing: 0.05em;
    /* padding-top: 20px; */
}


.column4 {
    margin-bottom: 60px;
}

.column4 ul.flex {
    justify-content: space-between;
}

.column4 ul li {
    width: calc((100% - 6.4%) / 4);
    max-width: 234px;
}

.column4 ul li p.Txt_p {
    font-size: 13px !important;
    letter-spacing: 0.05em;
    padding-top: 6px;
}

.column4 ul li h4 {
    letter-spacing: 0.05em;
    /* padding-top: 20px; */
}


/* 個別 */
.column2.led{

}
.column2.led ul.flex{
width: 100%;
}
.column2.moving ul li:nth-child(1) {
    width: 100%;
    max-width: 760px;
    margin-right: 3.90625%;
}
.column2.moving ul li:nth-child(2) {
    width: 100%;
    max-width: 228px;
}
.column3.other > ul{
flex-wrap: wrap;
}
.column3.other > ul li{
display: flex;
justify-content: space-between;
flex-direction: column;
}
.column3.other > ul li:nth-child(-n+3){
margin-bottom: 40px;
}
.column3.other > ul li h4{
padding: 14px 0 4px;
font-size: 18px;
}
.column3-1  {
    width: 32%;
    max-width: 320px;
    margin-bottom: 40px;
}
.column3-2  {
    width: 66%;
    max-width: 660px;
    display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 60px;
}
.column3-2 > ul {
justify-content: space-between;
}
.column3-2 > ul li{
width: 48.484848484848485%;
}

.column4.restroom{
}
.column4.restroom > ul{
}
.column4.restroom > ul li{
}
.column4.restroom > ul li h4{
padding: 14px 0 4px;
font-size: 18px;
}
.column60-40{
margin-bottom: 60px;
}
.column60-40.bath > ul {
justify-content: space-between;
}
.column60-40.bath > ul li:nth-child(1){
width: 58%;
}
.column60-40.bath > ul li:nth-child(2){
width: 40%;
}

.column60-40.bath > ul ul.sw-head li {
}
.column60-40.bath > ul ul.sw-head li:nth-child(1) {
width: 65%;
}
.column60-40.bath > ul ul.sw-head li:nth-child(2) {
width: 32.5%;
}
.column60-40.strage > ul.flex{
justify-content: space-between;
}
.column60-40.strage > ul li {
display: flex;
justify-content: space-between;
flex-direction: column;
}
.column60-40.strage > ul li:nth-child(1) {
width: 60.7%;
}
.column60-40.strage > ul li:nth-child(2) {
width: 37.2%;
}

.column30-70{
margin-bottom: 60px;
}
.column30-70.knife{
padding-bottom:1.2em; 
}
.column30-70 > ul {
justify-content: space-between;
}
.column30-70 > ul li:nth-child(1){
width: 32.4%;
}
.column30-70 > ul li:nth-child(2){
width: 64.6%;
}

.column70-30{
margin-bottom: 60px;
}
.column70-30.cat_last{
margin-bottom: 100px;
}
.column70-30 > ul {
justify-content: space-between;
}
.column70-30 > ul li:nth-child(1){
width: 64.6%;
}
.column70-30 > ul li:nth-child(2){
width: 32.4%;
}

.kitchen-cabi {
position: absolute;
bottom: 45.497630331753555%;
left: 100%;
width: 111.728395061728395%;
z-index: 1;
}

.sub_box:not(:last-of-type) {
    margin-bottom: 40px;
}
.zumen_box {
    padding: 2% 3.5%;
    background: #fff;
}
.zumen_box h5 {
    padding: 12px 0 8px;
    font-size: 14px !important;
}
.zumen_box p {
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: 0;
}
.sw-head {
justify-content: space-between;
}

/* ecology */
.red_icon {
    font-size: 20px !important;
    color: #961d12 !important;
    padding-left: 0 !important;
    padding-right: 4px;
}

.eco_j .eco_j_in {
    display: flex;
}

.eco_j .eco_j_in p {
    width: 75.5102%;
    margin-right: 4.1666666666667%;
}

.eco_j .eco_j_in figure {
    width: 22.75%;
}

.flex .layout1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex .layout1 > div:nth-of-type(2){
display: flex;
    justify-content: space-between;
width: 100%;
}
.flex .layout1 .layout1_01 {
    width: 45.83333333%;
    margin-right: 2.91666666666667%;
}
.flex .layout1 .layout1_02 {
    width: 51.25%;
}
.flex .layout1 .layout1_02 figure:nth-child(2) {
    margin-top: 6.46%;
}

.mark {
    font-size: 10px;
    position: relative;
    top: -5px;
}
p.f-10 {
    font-size: 10px;
}

.space_3em { height:3.2em;}
.space_2em { height:2.2em;}
.space_1em { height:1.5em;}

.border_Box {
flex-direction: column;
    justify-content: space-between;
    align-items:stretch;
}
.border_Box div {
    border:1px solid #000;
    padding:5px 5px;
    width:100%;
}
.border_Box div:first-child {
text-align: center;
    border-bottom:none;
}
.border_Box div:first-child p{
  padding: 0;
}

.mrgB10 { margin-bottom: 10px;}

#eco_wc,
#greening {
padding-top: 140px;
margin-top: -140px;
}

/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (max-width: 1024px) {



}


/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
	#content_Wrap .cap_Txt_fontS {
	    position: absolute;
	    font-size: 9px;
	    bottom: 10px;
	    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ",sans-serif;
	    transform: rotate(0.028deg);
	}

	.cap_L_top {
	    top: 5px;
	    font-size: 12px;

	}
	.lower_ttl{
      padding-top: 30%;
      margin-bottom: 30px;
  }

	/* tab_Area */
    .tab_Area {
        width:98%;
        justify-content: space-between;
        margin: 0 auto 30px;
    }
    .tab_Area:nth-of-type(2) {
        margin: 70px auto 0;
    }
    .tab_Area li{
    position: relative;
    font-size: 12px;
    font-feature-settings: "palt";
    width: 48%;
    max-width: 100%;
    margin: 0;
    }

    .tab_Area li:last-child{
        margin: 0;
    }
    .tab_Area li a{
        line-height: 1.2;
    }
    .tab_Area li:first-child a{
        padding: 21.5px 0;
    }


    .copy {
        font-size: 22px;
        padding-bottom: 30px;
        line-height: 1.5;
    }

    .sub_copy {
        width: 100%;
        margin: 0 auto;
        text-align: left;
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 50px;
    }


    .con_box h4 {
        font-size: 16px;
        padding-bottom: 4px;
        line-height: 1.4;
    }

    .con_box h4.font_s17 {
        font-size: 16px;
    }

    .con_box h4.font_s14 {
        font-size: 15.6px;
    }

    .con_box h4 span {
        padding-left: 0px;
    }

    .con_box.flat35 h5 {
        font-size: 15px;
        margin: 8px 0 6px;
    }
    .con_box h6 {
        font-size: 15px;
    }
    .con_box p {
        letter-spacing: 0;
        line-height: 1.6;
    }
    .column1 {
        margin-bottom: 40px;
    }
    .column1.cat_last {
        margin-bottom: 60px;
    }
    .column2 {
        margin-bottom: 40px;
    }

    .column2.cat_last {
        margin-bottom: 60px;
    }
    .column2.cat_last > ul > li:not(:last-child){ margin-bottom: 0;}

    .column2 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .column2 ul li {
        width: 100%;
        max-width: none;
    }
    .column2 ul li:not(:last-child) {
        margin-bottom: 40px;
    }
    .column2.secblock ul li:not(:last-child) {
        margin-bottom: 10px;
    }
    .column2.moving ul li:nth-child(1) {
        margin: 0;
    }
    .column2.moving ul li:nth-child(2) {
        margin: 0 auto;
    }
    .ecology_Area .column2:nth-of-type(2) ul li:nth-child(1) {
    margin-bottom: 20px;
    }
    /* .column2 ul li p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    }
    .column2 p.Txt_p {
        font-size: 14px !important;
        letter-spacing: 0.05em;
        padding-top: 6px;
    } */

    .column3 {
        margin-bottom: 40px;
    }

    .column3 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .column3 ul li {
        width: 100%;
        max-width: 100%;
    }

    .column3 ul li:not(:last-child) {
        margin-bottom: 30px;
    }


    .column4 {
        margin-bottom: 40px;
    }

    .column4 ul.flex {
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .column4 ul li {
        width: 48.5%;
        max-width: 100%;
    }


    /* 個別 */
    .flex_space-between {
flex-wrap: wrap;
}
.column3-1 {
    width: 100%;
    max-width: unset;
}
.column3-2 {
    width: 100%;
    max-width: unset;
    margin-bottom: 40px;
}
.column3-2 > ul {
flex-wrap: wrap;
}
.column3-2 > ul li {
    width: 100%;
}
.column3.other > ul li h4 {
    font-size: 16px;
}
.column3.other > ul li figure {
   width: 80%;
   margin: 0 auto;
}
.column4.restroom > ul li h4 {
    font-size: 16px;
}
    .column60-40.bath > ul {
flex-wrap: wrap;
}
.column60-40.bath > ul li:nth-child(1) {
    width: 100%;
}
.column60-40.bath > ul li:nth-child(2) {
    width: 100%;
}
.column60-40.strage > ul.flex {
flex-wrap: wrap;
}
.column60-40.strage > ul li:nth-child(1) {
    width: 100%;
    margin-bottom: 40px;
}
.column60-40.strage > ul li:nth-child(2) {
    width: 100%;
}
.column30-70 {
    margin-bottom: 60px;
}
.column30-70.knife{
padding-bottom:0; 
}
.column30-70 > ul {
flex-wrap: wrap;
}
.column30-70 > ul li:nth-child(1) {
    width: 100%;
    margin-bottom: 30px;
}
.column30-70 > ul li:nth-child(2) {
    width: 100%;
}
.column30-70.knife > ul li:nth-child(1) figure{
margin:0 0 1.2em; 
}
.column70-30{
margin-bottom: 60px;
}
.column70-30.cat_last {
    margin-bottom: 60px;
}
.column70-30 > ul {
flex-wrap: wrap;
}
.column70-30 > ul li:nth-child(1){
width: 100%;
    margin-bottom: 30px;
}
.column70-30 > ul li:nth-child(2){
width: 100%;
}


    /* ecology */
    .space_3em { height:unset;}
    .space_2em { height:inherit;}
    .space_1em { height:0.7em;}

    .border_Box {
        flex-direction:column;
    }
    .border_Box div {
        border:1px solid #000;
        padding:5px 5px;
        width:100%;
    }
    .border_Box div:first-child {
        border:1px solid #000;
        border-bottom:none;
        width:100%;
    }
    .border_Box div:first-child p {
        padding: 0;
    }
    #eco_wc,
#greening {
padding-top: 100px;
margin-top: -100px;
}


}



@media only screen and (max-width: 499px) {
.column3.other > ul li h4 {
    font-size: 15.4px;
}
.column4.restroom > ul li h4 {
    font-size: 13px;
}


}


/*20230915*/
a {
	text-decoration: none;
}
section {
	width: 100%;
	padding: 0;
	margin-bottom: 150px;
}
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.inner_1000 {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}
.pagettl {
	padding: 40px 0;
	background: url(../images/equipment_ttl.jpg);
	background-size: cover;
}
.pagettl p {
    color: #bdad91;
	font-size: 28px;
    line-height: 1;
}
.pagettl p img {
	width: auto;
}
.pagettl p span {
	display: block;
	color: #fff;
	font-size: 14px;
	padding-top: 20px;
}

.pankuzu a {
    color: #999999;
    font-size: 12px;
    text-decoration: none;
}
.pankuzu li {
    display: inline-block;
    margin-right: 6px;
    color: #999;
}
.pankuzu li:last-child a {
    color: #999999;
    font-size: 12px;
}

h3.equipment_ttl_h3 {
    font-size: 20px;
	font-weight: bold;
    color: #5a5349;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
	border-bottom: 1px solid rgba(90,83,73,.5);
	margin-bottom: 20px;
}
h3.equipment_ttl_h3 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
    background: #a30000;
}
.equipment_box {
	margin-bottom: 60px;
}
.equipment_box h4 {
	display: flex;
	align-items: center;
	color: #5a5349;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.equipment_box h4 span {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 100%;
	background: #a30000;
	padding: 3px 5px;
	margin-left: 10px;
}
.flex48-48 {
	justify-content: space-between;
}
.flex48-48 li {
	display: flex;
	width: 48%;
	justify-content: space-between;
	flex-direction: column;
}

.flex35-65 {
	
}
.flex35-65 .flex-column {
	width: 35%;
	justify-content: flex-start;
}
.flex35-65 .flex-column .wrap {
	margin-bottom: 30px;
}
.flex35-65 .flex-img {
	width: 65%;
	text-align: right;
}

.flex65-35 {
	justify-content: space-between;
}
.flex65-35 .text_wrap {
	width: 63%;
}
.flex65-35 .img_wrap {
	width: 33%;
}

.flex75-25 {
	justify-content: space-between;
}
.flex75-25 li:first-child {
	width: 73%;
}
.flex75-25 li:last-child {
	width: 23%;
}

.flex65-31 {
	justify-content: space-between;
}
.flex65-31 li:first-child {
	width: 65%;
}
.flex65-31 li:last-child {
	width: 31%;
}




p.text {
	font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
.comment {
	font-size: 12px;
	padding-top: 5px;
}


.bath01-01 {
	margin-bottom: 30px;
}

.bath02 {
	
}
.bath02-01 {
	justify-content: space-between;
	margin-bottom: 60px;
}
.bath02-01 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bath02-01 li:nth-child(1) {
	width: 42%;
	margin-right: 3%;
}
.bath02-01 li:nth-child(2) {
	width: 31%;
	margin-right: 3%;
}
.bath02-01 li:nth-child(3) {
	width: 20%;
}
.bath02-02 {
	justify-content: space-between;
	margin-bottom: 60px;
}
.bath02-02 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 31%;
}
.bath02-03 {
	justify-content: space-between;
}
.bath02-03 li {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between
}
.bath02-03 li:first-child {
	width: 30%;
}
.bath02-03 li:last-child {
	width: 66%;
}
.bath02-03 li h3 {
	width: 100%;
}

.bath03 {
	
}
.bath03 li:first-child .comment {
	position: relative;
	top: -2rem;
}


.bath04 {
	
}
.bath04 .flex {
	justify-content: space-between;
}
.bath04 .flex li {
	display: block;
	justify-content: space-between;
	flex-direction: column;
}
.bath04 .flex li:first-child {
	width: 59%;
}
.bath04 .flex li:last-child {
	width: 36%;
}


.bath05 {
	
}
.bath05-01 {
    display: flex;
    flex-wrap: wrap;
	justify-content: start;
}
.bath05-01 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 31%;
    margin-bottom: 40px;
    margin-right: 3.5%;
}
.bath05-01 li:nth-child(3) {
    margin-right: 0;
}
.bath05-02 {
	justify-content: space-between;
}
.bath05-02 li {
	display: flex;
	justify-content: space-between;
	width: 48%;
}
.bath05-02 li .img {
	width: 48%;
}
.bath05-02 li .text_wrap {
	width: 48%;
}
.bath05-02 li .text_wrap h4 {
	color: #8c5d0a;
}



.other01 {
	
}
.other01-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other01-01 li {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 31%;
	margin-bottom: 60px;
}

.other02 h3 span,.kitchen03 h3 span,.equipment_ttl_h3 span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    padding: 3px 5px;
    margin-left: 10px;
}

.service_Area {
	margin-bottom: 60px;
}
.other05 {
	
}
.other05 .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other05 .flex .text_wrap {
	width: 53%;
}
.other05 .flex .img_wrap {
	width: 44%;
}

.other05 .other05-01 {
	justify-content: space-between;
}
.other05 .other05-01 li:first-child {
	width: 58%;
}
.other05 .other05-01 li:last-child {
	width: 38.5%;
}
.other05 .other05-01 li .comment {
	display: inline-block;
	padding-bottom: 5px;
}

.other05 .other05-02 {
	justify-content: space-between;
}
.other05 .other05-02 li:first-child {
	width: 58%;
}
.other05 .other05-02 li:last-child {
	width: 38.5%;
}
.other05 .other05-02 li .comment {
	display: inline-block;
	padding: 10px 0;
}

.other05 h4 {
	color: #8c5d0a;
	margin-top: 25px;
}



.hikkoshi {
	
}
.hikkoshi ul {
	margin-bottom: 20px;
}
.hikkoshi h4 {
	color: #5a5349;
	font-size: 14px;
	margin-bottom: 0;
}
.hikkoshi h6 {
	color: #8c5d0a;
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
}
.hikkoshi p.text {
	color: #5a5349;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
.hikkoshi p.comment {
	color: #5a5349;
	font-size: 12px;
	font-weight: bold;
}


#notes_Area {
	padding: 80px 0;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.notes.inner p {
	font-size: 12px;
	font-weight: bold;
}




.ecology01 {
	
}
.flex .layout1 > div:nth-of-type(2) {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.ecology02 {
	
}
.ecology02 .text_wrap {
	display: flex;
	justify-content: space-between;
}
.ecology02 .text_wrap .logo {
	margin-left: 10px;
}
.ecology02 li {
	justify-content: flex-start;
	align-content: space-between;
}

.flex .layout1 .layout1_01 {
    width: 43%;
    margin-right: 3%;
}
.flex .layout1 .layout1_02 {
    width: 53%;
}
.ecology03 .flex48-48 li:last-child {
	justify-content: flex-end;
}
.ecology03 .comment {
	display: block;
	width: 100%;
	text-align: right;
}


.ecology04 {
	
}
.ecology04 .text_wrap {
	display: flex;
	justify-content: space-between;
}



.ecology05 {
	
}
.ecology05 h4 {
	color: #5a5349;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid rgba(90,83,73,.5);
}
.ecology05 h5 {
	color: #8c5d0a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ecology05 h6 {
	color: #5a5349;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #5a5349;
	padding: 5px 0;
}
.ecology05 .text {
	color: #5a5349;
	font-size: 14px;
}
.ecology05 ul {
	align-items: center;
}
.ecology05 li:last-child {
	height: 100%;
}


.balcony01 li {
	justify-content: flex-start;
}

.balcony02 li {
	justify-content: flex-start;
}






@media screen and (max-width: 767px) {
section {
	margin-bottom: 80px;
}
.tab_Area {
	display: flex !important;
}
h3.equipment_ttl_h3 {
    font-size: 18px;
	font-weight: bold;
    color: #5a5349;
    padding-bottom: 14px;
    letter-spacing: 0.09em;
    line-height: 1.4;
    font-feature-settings: "palt";
	border-bottom: 1px solid rgba(90,83,73,.5);
	margin-bottom: 20px;
}
/* h3.equipment_ttl_h3 span {
    font-size: 12px;
    color: #000;
    padding-left: 20px;
} */
.equipment_box {
	margin-bottom: 60px;
}
.equipment_box h4 {
	color: #8c5d0a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 0%;
}
.equipment_box h4.sub_copy {
	margin-bottom: 6%;
}
.flex {
	display: block;
}
.flex48-48 {
	justify-content: space-between;
}
.flex48-48 li {
	display: flex;
	width: 100%;
	justify-content: space-between;
	flex-direction: column;
	margin-bottom: 10%;
}
.flex48-48 li.mb0 {
	margin-bottom: 0;
}

.flex35-65 {
	
}
.flex35-65 .flex-column {
	width: 100%;
	justify-content: flex-start;
}
.flex35-65 .flex-column .wrap {
	margin-bottom: 3%;
}
.flex35-65 .flex-img {
	width: 100%;
	text-align: left;
}

.flex65-35 {
	justify-content: space-between;
}
.flex65-35 .text_wrap {
	width: 100%;
}
.flex65-35 .img_wrap {
	width: 100%;
	text-align: center;
}
.flex65-35 .img_wrap img {
	width: auto;
}

.flex75-25 {
	justify-content: space-between;
}
.flex75-25 li:first-child {
	width: 100%;
}
.flex75-25 li:last-child {
	width: 100%;
	text-align: center;
}

.flex65-31 {
	justify-content: space-between;
}
.flex65-31 li:first-child {
	width: 100%;
}
.flex65-31 li:last-child {
	width: 100%;
}

.mb0 {
	margin-bottom: 0;
}
.mb40 {
	margin-bottom: 6%;
}


p.text {
	font-size: 14px;
    padding-bottom: 15px;
    letter-spacing: 0.06em;
    font-feature-settings: "palt";
    line-height: 1.8;
}
p.comment {
	color: #000;
}
.comment {
	font-size: 12px;
	padding-top: 5px;
}


.kitchen05 li {
	margin-bottom: 3%;
}

.bath01 {
	
}
.bath01 img {
	width: auto;
	max-width: 100%;
}
.bath01-01 {
	margin-bottom: 30px;
}
.bath01-01 li img {
	width: auto;
}

.bath02 {
	
}
.bath02-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 6%;
}
.bath02-01 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.bath02-01 li:nth-child(1) {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 6%;
}
.bath02-01 li:nth-child(2) {
	width: 58%;
	margin-right: 0%;
}
.bath02-01 li:nth-child(2) h4 {
	height: 60px;
	margin-bottom: 0;
}
.bath02-01 li:nth-child(3) {
	width: 38%;
}
.bath02-01 li:nth-child(3) h4 {
	height: 60px;
	margin-bottom: 0;
}

.bath02-02 {
	justify-content: space-between;
	margin-bottom: 10%;
}
.bath02-02 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
.bath02-03 {
	justify-content: space-between;
}
.bath02-03 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.bath02-03 li:first-child {
	width: 100%;
}
.bath02-03 li:last-child {
	width: 100%;
}

.bath03 {
	
}
.bath03 li:first-child .comment {
	position: relative;
	top: -2rem;
}


.bath04 {
	
}
.bath04 .flex {
	justify-content: space-between;
}
.bath04 .flex li {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.bath04 .flex li:first-child {
	width: 100%;
}
.bath04 .flex li:last-child {
	width: 100%;
}


.bath05 {
	
}
.bath05-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 0px;
}
.bath05-01 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 48%;
	margin-bottom: 3%;
    margin-right: 0;
}
.bath05-02 {
	display: flex;
	justify-content: space-between;
}
.bath05-02 li {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 48%;
}
.bath05-02 li .img {
	width: 100%;
	margin-bottom: 3%;
}
.bath05-02 li .text_wrap {
	width: 100%;
}
.bath05-02 li .text_wrap h4 {
	color: #8c5d0a;
	margin-bottom: 3%;
}
.bath05 .comment {
	padding-top: 0;
}



.other01 {
	margin-bottom: 0;
}
.other01-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other01-01 li {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	margin-bottom: 60px;
}

.other02 h3 span {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 100%;
    padding: 3px 5px;
    margin-left: 10px;
}

.other03 .comment {
	padding-top: 0;
	padding-bottom: 3%;
}
.other04 .comment {
	padding-top: 0;
	padding-bottom: 3%;
}
.service_Area {
	margin-bottom: 60px;
}
.other05 {
	
}
.other05 .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other05 .flex .text_wrap {
	width: 100%;
}
.other05 .flex .img_wrap {
	width: 100%;
}

.other05 .other05-01 {
	justify-content: space-between;
}
.other05 .other05-01 li:first-child {
	width: 58%;
}
.other05 .other05-01 li:last-child {
	width: 38.5%;
}
.other05 .other05-01 li .comment {
	display: inline-block;
	padding-bottom: 5px;
}

.other05 .other05-02 {
	justify-content: space-between;
	margin-bottom: 3%;
}
.other05 .other05-02 li {

}
.other05 .other05-02 li:first-child {
	width: 58%;
}
.other05 .other05-02 li:last-child {
	width: 38.5%;
	display: flex;
	justify-content: flex-end;
}
.other05 .other05-02 li .comment {
	display: inline-block;
	padding: 10px 0;
}

.other05 h4 {
	color: #8c5d0a;
	margin-top: 25px;
}
.other05 .img img {
	width: auto;
	max-width: 100%;
}

.other06 img {
	width: auto;
	max-width: 100%;
}


.hikkoshi {
	
}
.hikkoshi ul {
	margin-bottom: 20px;
}
.hikkoshi ul li {
	margin-bottom: 3%;
}
.hikkoshi h4 {
	color: #5a5349;
	font-size: 18px;
	margin-bottom: 0;
}
.hikkoshi h6 {
	color: #8c5d0a;
	font-size: 16px;
	font-weight: bold;
	margin-top: 3%;
}
.hikkoshi p.text {
	color: #5a5349;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
.hikkoshi p.comment {
	color: #5a5349;
	font-size: 12px;
	font-weight: bold;
}


#notes_Area {
	padding: 80px 0;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}
.notes.inner p {
	font-size: 12px;
	font-weight: bold;
}
#notes_Area {
	padding: 10% 3%;
}
.notes.inner {
	max-width: 1000px;
	margin: 0 auto;
}



.ecology01 {
	
}

.ecology02 {
	margin-bottom: 0;
}
.ecology02 .text_wrap {
	display: flex;
	justify-content: space-between;
}
.ecology02 .text_wrap .logo {
	margin-left: 10px;
}
.ecology02 li {
	justify-content: flex-start;
	align-content: space-between;
}

.flex .layout1 > div:nth-of-type(2) {
	flex-wrap: wrap;
}
.flex .layout1 > div:nth-of-type(2) .comment {
	width: 100%;
	text-align: right;
	padding-top: 5px;
}

.flex .layout1 .layout1_01 {
    width: 43%;
    margin-right: 3%;
}
.flex .layout1 .layout1_02 {
    width: 53%;
}
.ecology03 .flex48-48 li:last-child {
	justify-content: flex-end;
}



.ecology04 {
	
}
.ecology04 .text_wrap {
	display: flex;
	justify-content: space-between;
}



.ecology05 {
	
}
.ecology05 h4 {
	color: #5a5349;
	font-size: 20px;
	font-weight: bold;
}
.ecology05 h5 {
	color: #8c5d0a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.ecology05 h6 {
	color: #5a5349;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #5a5349;
	padding: 5px 0;
	margin-top: 4%;
}
.ecology05 .text {
	color: #5a5349;
	font-size: 14px;
}
.ecology05 ul {
	align-items: center;
}
.ecology05 li:last-child {
	height: 100%;
}


.balcony01 li {
	justify-content: flex-start;
}

.balcony02 li {
	justify-content: flex-start;
}

}





/*20230927*/

@media screen and (max-width: 767px) {
.kitchen_Area h4.sub_copy {
	color: #8c5d0a;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    padding-bottom: 0%;
}
}



/*20231017*/
#service01,#service02,#service03 {
    padding-top: 120px;
    margin-top: -120px;
}
@media screen and (max-width: 767px) {
    #service01,#service02,#service03 {
        padding-top: 80px;
        margin-top: -80px;
    }
}


/*20240607*/
.mb40 {
    margin-bottom: 40px;
}
.mb60 {
    margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
    .mb40 {
        margin-bottom: 10%;
    }
    .mb60 {
        margin-bottom: 6%;
    }
}