.bg{
padding-bottom:60px;
background:#fbf8f5;
}
.page-catch{
margin-bottom:30px;
text-align:center;
font-size:2rem;
letter-spacing:.04em;
}

@media screen and (min-width: 751px),print{
.page-catch{
margin-bottom:60px;
font-size:3rem
}
}
.page-lead{
margin-bottom:60px;
text-align:center
}

@media screen and (min-width: 751px),print{
.page-lead{margin-bottom:120px}
}





.snav__parent{
display:block;
flex-wrap:wrap;
gap:3px .74%
}

@media screen and (min-width: 751px),print{
.snav__parent{
display:flex;
gap:0;
justify-content:space-between
}
}
.snav__item{
width:32.84%
}

@media screen and (min-width: 751px),print
{
.snav__item{
width:30%
}
}

.snav__item a{
width:100%;
display:flex;
align-items:center;
justify-content:center;
padding:8px 20px 8px 0;
border:solid 1px #958759;
color:#958759;position:relative;
text-align:center;
font-size:1.5rem;
background:#fff;
}
@media screen and (max-width: 751px),print
{
.snav__item a{
font-size:2rem;
}
}

@media screen and (min-width: 751px),print
{
.snav__item a{
height:100%;
padding:10px 30px 10px 0;
font-size:2rem;
font-size:clamp(1.6rem,2vw,2rem);
line-height:1.2
}
.snav__item a:hover{
background:#faf8ec;
}
}
.snav__item a::before{
content:"";
display:block;
width:0;
height:0;
border-style:solid;
border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
border-width:7px 5px 0px 5px;
right:4px;
position:absolute;
top:calc(50% - 4px);
z-index:10;
transition:.4s;
}

@media screen and (min-width: 751px),print{
.snav__item a::before{border-width:10px 7px 0px 7px;right:7px}
}

@media screen and (min-width: 751px),print{
.snav__item a:hover::before{top:55%}
}
.snav__item a::after{
content:"";
display:block;
width:20px;
height:100%;
background:#cac3ac;
position:absolute;
top:0;
right:0
}

@media screen and (min-width: 751px),print{
.snav__item a::after{width:30px}
}

.snav__item a{letter-spacing:.1em}

@media screen and (min-width: 751px),print{
.snav__item
{width:30%}
}

.snav__item a{
letter-spacing:.1em;
padding: 15px;
}

/*-snav btn-*/
.snav__item{
width:90%;
margin: 20px auto}
@media screen and (min-width: 751px),print{
.snav__item{width:30%}
}


/*--Quality-------------*/
.card-wrapper {
width: 100%;
max-width: 1000px;
margin: 100px auto;
display: flex;
justify-content: space-between;
}
.card {
  width: 30%;
  display: flex;
 flex-direction: column;
}
.card-2 {
  width: 64%;
  display: flex;
 flex-direction: column;
}
.card-3 {
  width: 30%;
  display: flex;
 flex-direction: column;
}

@media screen and (max-width: 751px),print{
/*-----------------------------------------*/
.traffic{
margin-top: 70px;
}

.card-wrapper {
width: 100%;
display: block;
padding: 0 20px;
margin: 0 auto ;
}
.card,
.card-2,
.card-3{
  width: 100%;
  margin-bottom: 20px;
}
}




.card h4,
.card-2 h4{
font-size: 1.2em;
line-height: 120%;
height: 20px;
margin: 20px 0;
}


.card-3 h4{
font-size: 1.2em;
line-height: 120%;
height: 20px;
margin: 20px 0;
}


.card-text {
margin-bottom: 20px;
}

.card-content {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 751px),print{
/*-----------------------------------------*/


.card h4,
.card-2 h4{
font-size: 1.4em;
line-height: 120%;
height: 20px;
margin: 20px 0;
}


.card-3 h4{
font-size: 1.4em;
line-height: 120%;
height: 20px;
margin: 20px 0;
}


.card-text {
margin-bottom: 10px;
}

.card-content {
  display: block;
margin-bottom: 50px;
}
}



.space{
letter-spacing: -1px;
}
.space2{
letter-spacing: -2px;
}

.c-fig--r-Q figcaption{
left: 9em!important;
}

@media screen and (min-width: 751px),print{


}




/*----共通　コンテンツ　タイトル----------------------------------------------------------------------------*/

.quality {
width: 100%;
max-width: 1000px;
margin: 150px auto;
}


@media screen and (max-width: 751px),print{
.quality {
width: 100%;
margin: 0px auto;
}
}

.quality h2{
letter-spacing: 5px;
text-align: center;
font-size: 2em;
margin-bottom: 50px;
}

.head-border {
display: flex;
align-items: center;
}
.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #666;
}
.head-border:before {
margin-right: 2rem;
margin-left: 1rem;
}
.head-border:after {
margin-right: 1rem;
margin-left: 2rem;
}


.block-l{
position: relative;
}
.content-header__ttl {
font-size: 2.4em;
letter-spacing: 3px;
line-height: 130%; 
  width: 100%;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: center;
  font-family: "Cormorant",serif;
}

.content-header__ttl span{
letter-spacing: 1;
font-size: 2.2rem;
}

@media screen and (max-width: 751px),print{
.content-header__ttl {
font-size: 3em;
letter-spacing: 1px;
line-height: 70%; 
  width: 100%;
  color: #fff;
  text-shadow: 0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 5px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  text-align: left;
  font-family: "Cormorant",serif;
  padding-left: 20px;
}

.content-header__ttl span{
letter-spacing: 1;
font-size: 1.8rem;
}

}
.quality h3{
font-size: 2em;
text-align: center;
margin: 50px 0;
}
@media screen and (max-width: 751px),print{
.quality h3{
width: 90%;
font-size: 1.4em;
text-align: left;
margin: 30px 20px;
}
}

/*----標準仕様----------------------------------------------------------------------------*/



.std-wrapper {
width: 1000px;
max-width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
margin-bottom: 100px;
}

@media screen and (max-width: 751px),print{
.std-wrapper {
max-width: 90%;
margin: 0 auto;
display: block;
margin-bottom: 50px;
}
}


.std {
  width: 65%;
  display: flex;
  flex-wrap:wrap;
}
.std-2 {
  width: 30%;
  display: flex;
 flex-direction: column;
}
.std-wrapper2 {
width: 100%;
max-width: 100%;
margin: 100px auto;
display: flex;
justify-content: space-between;
}
.std-3 {
  width: 45%;
  display: flex;
 flex-direction: column;
}

.std h4,
.std-2 h4{
font-size: 1.2em;
line-height: 120%;
height: 50px;
margin: 20px 0;
}

.std-2 h4,
.std-3 h4{
font-size: 1.2em;
line-height: 120%;
height: 20px;
margin: 20px 0;
}

.std-text {
margin-bottom: 20px;
}
.std-content {
  display: flex;
  flex-direction: column;
}

.h4-std{margin-top: 20px;}













/*--キッチン--*/
.kitcen {
  display: grid;
  gap: 30px;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: auto;
}
.item {
}

.item p,
.item-1 p,
.item-2 p,
.item-3 p,
.item-4 p,
.item-5 p{
margin-top: 5px;
font-size: 1.2em;
color: #928366;
line-height: 130%;
}
.box-big {
  grid-column: 3 / 4;
}
.box-big {
  grid-row: 1 / span 3;
}



@media screen and (max-width: 751px),print{

.kitcen {
  display: grid;
  gap: 20px;
  grid-template-columns:1fr 1fr;
  grid-template-rows: auto;
  }
  .item {}

.item p,
.item-2 p,
.item-3 p,
.item-4 p,
.item-5 p{
margin-top: 5px;
font-size: 1.1em;
color: #928366;
line-height: 130%;
position:relative;
letter-spacing: -1px;
}
.box-big {
  grid-column: 2 / 2;
}
.box-big {
  grid-row: 3 / span 3;
}
}


.service .item p,
.service .item-2 p{
margin-top: 10px;
}







.c-fig-Q figcaption {
  position: absolute;
  bottom: 2.6em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-1 figcaption {
  position: absolute;
  bottom: 2.6em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-2 figcaption {
  position: absolute;
  bottom: 12.7em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-3 figcaption {
  position: absolute;
  bottom: 8.7em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-4 figcaption {
  position: absolute;
  bottom: 4.5em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-5 figcaption {
  position: absolute;
  bottom: 13.5em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
.c-fig-Q-6 figcaption {
  position: absolute;
  bottom: 14.5em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}


.c-fig--l figcaption{
left: 9em!important;
}

.b_1 figcaption,
.b_2 figcaption{
  bottom: 4.5em;
  font-size: 1.3rem;
  }
.b_3 figcaption{
  bottom: 4.5em;
  font-size: 1.3rem;
}
.b_4 figcaption,
.b_5 figcaption{
  bottom: 6.5em;
  font-size: 1.3rem;
}

.p_4 figcaption{
  bottom: 9.5em;
  font-size: 1.3rem;
}
.p_5 figcaption{
  bottom: 9em;
  font-size: 1.3rem;
}

.d_1 figcaption,
.d_2 figcaption{
  bottom: 6.5em;
  font-size: 1.3rem;
}

.e_1 figcaption{
  bottom: 6em;
  font-size: 1.3rem;
}
.e_4 figcaption{
  bottom: 6em;
  font-size: 1.3rem;
}
.s_1 figcaption{
  bottom: 13em;
  font-size: 1.3rem;
}

.s_4 figcaption{
  bottom: 14em;
  font-size: 1.3rem;
}

.s_5 figcaption{
  bottom: 0.5em;
  font-size: 1.3rem;
  margin-left: 290px;
}
.q_6 figcaption{
  bottom: 14em;
  font-size: 1.3rem;
}

@media screen and (max-width: 751px),print{

.c-fig-Q-1 figcaption {
  position: absolute;
  bottom: 36em;
  font-size: 1rem;
  margin-right: 20px;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}

.k_1 figcaption{
bottom: 2.5em;
  font-size: 1rem;
}

.k_2 figcaption{
bottom: 11.5em;
  font-size: 1rem;
}

.b_1 figcaption,
.b_2 figcaption{
  bottom: 6em;
  font-size: 1rem;
}
.b_3 figcaption,
.b_4 figcaption{
  bottom: 6em;
  font-size: 1rem;
}
.b_5 figcaption{
  bottom: 4.5em;
  font-size: 1rem;
}

.p_4 figcaption{
  bottom: 11.5em;
  font-size: 1rem;
}
.p_5 figcaption{
  bottom: 0em;
  font-size: 1rem;
}

.d_1 figcaption,
.d_2 figcaption{
  bottom: 4.5em;
  font-size: 1rem;
}


.e_1 figcaption{
  bottom: 4.5em;
  font-size: 1rem;
}
.e_4 figcaption{
  bottom: 6em;
  font-size: 1rem;
}

.s_1 figcaption{
  bottom: 11em;
  font-size: 1rem;
}

.s_4 figcaption{
  bottom: 10.5em;
  font-size: 1rem;
}
.s_5 figcaption{
  bottom: 4.5em;
  font-size: 1rem;
  margin-left: 50px;
}
.q_6 figcaption{
  bottom: 13em;
  font-size: 1rem;
}
}

/*--浴　室--*/
.bathroom {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}


.bathroom .item{
width: 30%;
}


@media screen and (max-width: 751px),print{
.bathroom .item{
width: 48%;
margin-bottom: 20px;
}
}

/*--洗面室--*/
.powder {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}

.powder .item{
width: 30%;
}
.powder .item:nth-child(4)
{
margin-bottom: 0px;
}

@media screen and (max-width: 751px),print{
.powder .item{
width: 48%;
margin-bottom: 20px;
}

.powder .item:nth-child(3),
.powder .item:nth-child(4)
{
width: 48%;
margin-bottom: 0px;
}
}


/*--トイレ--*/
.toile {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}

.toile .item{
width: 30%;
}
@media screen and (max-width: 751px),print{
.toile .item{
width: 48%;
margin-bottom: 20px;
}
}





/*--リビング・ダイニング--*/
.living {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}

.living .item{
width: 23%;
}
@media screen and (max-width: 751px),print{
.living .item{
width: 48%;
margin-bottom: 20px;
}
}




/*--玄関--*/
.entrance {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}


.entrance .item{
width: 23%;
}
@media screen and (max-width: 751px),print{
.entrance .item{
width: 48%;
margin-bottom: 20px;
}
}






/*--セキュリティ--*/
@media screen and (max-width: 751px),print{
.security{
width: 90%;
margin: 0 auto;
}
}

.line{
width: 100%;
border-bottom: 1px solid #cccccc;
margin: 10px auto;
}

.line-2{
width: 100%;
border-bottom: none;
margin: 5px auto;
}

.secu-ttl{
text-align: center;
margin-top: 50px;
font-size: 1.4em;
color: #928366;
line-height: 130%;
font-weight: 400;
}

.secu-ttl span{
font-size: 1.6rem;
color: #000000;
}

.secu-img{
max-width: 80%;
margin: 15px auto 0px;
}
.secu-img2{
max-width: 80%;
margin: 15px auto 30px;
}

@media screen and (max-width: 751px),print{

.secu-ttl{
text-align: center;
margin-top: 50px;
font-size: 1.2em;
color: #928366;
line-height: 130%;
font-weight: 400;
}

.secu-ttl span{
font-size: 1.4rem;
color: #000000;
}
.secu-img{
max-width: 100%;
margin: 20px auto 50px;
}
.secu-img2{
max-width: 1000%;
margin: 20px auto 50px;
}
}




.secu {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}

.secu .item,
.secu .item-2{
width: 46%;
}
.secu .item-3{
width: 100%;
}
.secu .item img{
margin-top: 20px;
}
.secu .item-2 img,
.secu .item-3 img{
width: 50%;
}

.secu .item-1 p{
margin-bottom: 0;
}
.secu .item-2 p{
margin-top: 30px;
}


@media screen and (max-width: 751px),print{
.secu {
display: block;
}

.secu .item{
margin-bottom: 60px;
}

.secu .item,
.secu .item-2{
width: 100%;
}
.secu .item-3{
width: 100%;
}
.secu .item img{
margin-top: 20px;
}
.secu .item-3 img{
width: 100%;
}

.secu .item-2 p{
margin-top: 30px;
}
}





/*--防災・サービス--*/
.service_ttl2{
margin: 100px auto 30px!important;
}


.service,
.service2 {
display: flex;
 flex-wrap: wrap;
justify-content: space-between;
}

.service {
margin-bottom: 0px;
}



.service .item,
.service2 .item{
width: 30%;
display:flex;
  flex-direction:column;
}
.service .item-2{
width: 63%;
display:flex;
  flex-direction:column;
}

.service .item-3 span img{
width: 50%;
}

.service .item-4-box{
display: flex;
justify-content: space-between;
}

.service .item-4 span img{
margin-top: 30px;
}

.service .item-4-l,
.service .item-4-r{
margin: 20px 0 30px;;
width: 48%;
}

@media screen and (max-width: 751px),print{
.service .item-4-l,
.service .item-4-r{
margin: 10px 0 30px;;
width: 48%;
}
}


.service .item-6 {
width: 100%;
display: flex;
 justify-content: space-between;
}

.service .item-6 img{
margin: 20px 0;
width: 48%;
}




@media screen and (max-width: 751px),print{
.service_ttl2{
margin: 50px auto 30px!important;
}

.service {
margin-bottom: 50px;
width: 90%;
margin: 0 auto;
}

.service2 {
width: 90%;
margin: 0 auto;
}


.service .item,
.service2 .item{
margin: 0 auto;
width: 48%;
display:flex;
flex-direction:column;
margin-bottom: 30px;
}

.service .item,
.service .item-2 {
margin: 0 auto;
width: 100%;
display:block;
flex-direction:column;
margin-bottom: 30px;
}

.service2 .item-2 {
margin-bottom: 30px;
}


.service .item-3 span img{
width: 50%;
}

.service .item-4 span img{
width: 45%;
margin-top: 30px;
}



.service .item-6 {
width: 100%;
display: block;

}

.service .item-6 img:nth-child(1){
margin: 10px 0 5px;
width: 100%;
}
.service .item-6 img:nth-child(2){
margin: 0 0 5px;
width: 100%;
}
}




.c-fig {
  position: relative;
}


.c-fig figcaption {
  position: absolute;
  bottom: .3em;
  font-size: 1.3rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
@media screen and (max-width: 751px),print{

.c-fig figcaption {
  position: absolute;
  bottom: .3em;
  font-size: 1rem;
  font-family: YakuHanJP,"Zen Kaku Gothic New",sans-serif;
}
}







.c-cap{
letter-spacing: -0.5px;
}

.ls-no{letter-spacing: 2px;}


.u-text-shadow-b {
  color: #000;
  text-shadow:none;
}

.item{margin-bottom: 20px;}



@media(min-width:751px){
    .sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .pc{
        display: none !important;
    }
}