.equipment-box ul,
.equipment-box li{margin: 0;padding: 0;list-style: none}
.mTB60{margin: 60px 0}
@media screen and (max-width: 668px) {/*スマホ設定*/
.mTB60{margin: 30px 0}
}
.p-equipment__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;-webkit-justify-content: space-between;
}

.p-equipment__nav::after {
display: block;
content:"";
width: 23%;
}
.p-equipment__nav li{width: 23%;margin: 10px 0!important}
@media screen and (max-width: 668px) {/*スマホ設定*/
.p-equipment__nav li{width: 48%;
}}

.p-equipment__nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: rgb(67, 19, 20);
  background: linear-gradient(90deg, rgb(67, 19, 20) 0%, rgb(110, 75, 38) 8%, rgb(176, 149, 79) 38%, rgb(162, 130, 88) 80%, rgb(140, 84, 40) 95%);
  padding: 14px 0;
  transition: opacity 0.5s;

}
@media (hover: hover) {
  .p-equipment__nav li a:hover {
    opacity: 0.6;
    text-decoration: none;
  }
}
.p-equipment__nav li a::before {
  content: "";
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  background-color: #fff;
  position: absolute;
  left: 1px;
  top: 1px;
  z-index: 0;
  opacity: 1;
}
.p-equipment__nav li a span {
  position: relative;
  z-index: 1;
  background: linear-gradient(90deg, rgb(67, 19, 20) 0%, rgb(110, 75, 38) 8%, rgb(176, 149, 79) 38%, rgb(162, 130, 88) 80%, rgb(140, 84, 40) 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background-image 0.5s;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
}

.p-equipment__nav li.active a::before {
  opacity: 0;
}
.p-equipment__nav li.active a span {
  background: none;
  -webkit-background-clip: border-box;
  -webkit-text-fill-color: #fff;
}
@media screen and (max-width: 668px) {/*スマホ設定*/
.p-equipment__nav li a{font-size: 13px}
}


.c-commonSub01 {
position: relative;
text-align: left;
font-weight: 500;
letter-spacing: 0.1em;
font-size: 2rem;
margin-bottom: 40px;
padding-bottom: 0.3em;
line-height: 1.5;
border-bottom: 1px solid #000
}



.equipment-box .inner--base{width: 1200px;margin: auto;text-align: center}
.equipment-box {padding: 0px 0;}
.equipment-box li,.equipment-box ul{margin: 0;padding: 0; list-style: none}
.equipment-box .note-box{text-align: left;width: 100%;margin: 30px 0 0 0;font-size: 13px}

@media screen and (max-width: 668px) {/*スマホ設定*/
.c-commonSub01 {font-size: 1.7rem;}
.equipment-box {padding: 10px 0;}
.equipment-box .inner--base{width: 96%}
.equipment-box .title{font-size: 16px;padding: 40px 0 30px;}

.equipment-box .copy{font-size: 11px;margin: 30px 0}
}

.equipment-item li{width: 23%;margin-top: 40px}
.equipment-item li.col60{width:65%}
.equipment-item li.col3{width:31%}
.equipment-item li.col2{width: 48%}
.equipment-item li.col1{width:100%}
.equipment-item li .img{position: relative}
.equipment-item li .img img{width: 100%;height: auto}
.equipment-item li .img p{position: absolute;bottom: 0;right: 0;z-index: 2;padding: 5px 7px;text-align: right;font-size: 12px;color: #000;}
.equipment-item li h4{font-size: 15px;color: rgb(67, 19, 20);padding: 0 0 10px 0;margin: 16px 0;border-bottom: 1px solid rgb(67, 19, 20)}
.equipment-item li h4 span,
.equipment-item li .txt span{font-size: 12px}
.equipment-item li .txt{text-align: left;line-height: 1.8;font-size:14px}

li.m0{margin-top: 0px!important}
.eco5{background: #eeee;padding: 20px;}
.eco5 h6{font-size: 26px;letter-spacing: 0.1em;margin: 0;padding: 0;border-bottom: 1px solid #000;margin-bottom: 10px;padding-bottom: 10px;color:#C30407}

.rc{margin: 30px 0}
.rc  li{flex-grow: 1;text-align: center;position: relative;padding: 10px;}
.rc  li:nth-child(1)::after,
.rc  li:nth-child(2)::after,
.rc  li:nth-child(3)::after,
.rc  li:nth-child(4)::after{  position: absolute;  content: "";  width: 1px;  height: 100%;  background-color: #000;  top: 0;  bottom: 0;  right: 0;  margin: auto;}
.rc  h4{font-size: 23px;padding: 60px 0 30px}
.catch{font-size: 23px;letter-spacing: 0.1em;margin-bottom: 30px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.catch{font-size: 18px;}
.rc{padding: 12px;}
.rc  h4{font-size: 16px;padding-top: 0}
.rc  li{flex-grow:0;width: 48%;margin-bottom: 30px}
.rc  li:nth-child(1)::after,
.rc  li:nth-child(2)::after,
.rc  li:nth-child(3)::after,
.rc  li:nth-child(4)::after{ background: none}

.rc  li:nth-child(1)::after,
.rc  li:nth-child(3)::after{  position: absolute;  content: "";  width: 1px;  height: 100%;  background-color: #000;  top: 0;  bottom: 0;  right: 0;  margin: auto;}
}


.-structuren.equipment-item li h4,
.-security.equipment-item li h4{background: #036eb7;border-bottom: none;color: #fff;padding: 10px 0}
.-security.equipment-item li h5{font-size: 15px;color: rgb(67, 19, 20);padding: 0 0 10px 0;margin: 16px 0;border-bottom: 1px solid rgb(67, 19, 20)}

.-security.equipment-item li{width: 30%}
.-security.equipment-item li.col1{width: 100%}
.-security.equipment-item li.col3{width: 40%}
.-security.equipment-item li.col3_2{width: 57%}
.-security.equipment-item li .txt{min-height: 120px;}


@media screen and (max-width: 668px) {/*スマホ設定*/
.-security.equipment-item li{width: 100%;margin: auto}
.-security.equipment-item li.col1{width: 100%}
.-security.equipment-item li.col3{width: 100%}
.-security.equipment-item li.col3_2{width: 100%}
.-security.equipment-item li .txt{min-height: inherit}
.-security.equipment-item li .img{margin-top: 20px;margin-bottom: 30px}
}

.-support.equipment-item li h4{font-size:20px;background: linear-gradient(to right,  #3a0600 0%,#7f0f15 100%);border-bottom: none;color: #fff;padding: 10px 0}
.-support.equipment-item li .col3{width: 23%}
.-support.equipment-item li .col3_2{width:73%}
.-support.equipment-item li .img2{width: 1000px;margin: auto;text-align: center}

.-support.equipment-item li  .txt{font-size: 16px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.-support.equipment-item li h4{font-size:17px;}
.-support.equipment-item li .col3{width: 30%;margin: auto}
.-support.equipment-item li .col3_2{width:100%}
.-support.equipment-item li .img2{width: 100%;margin: auto;text-align: center}
.-support.equipment-item li .img2 img{width: 100%;height: auto}
.-support.equipment-item li  .txt{font-size: 14px}

}

.-structuren.equipment-item li{display: flex;width: 32%;flex-direction: column;}
.-structuren.equipment-item li.col60{width: 66%}
.-structuren.equipment-item li .txt{margin-bottom: 20px}
.-structuren.equipment-item li .img{margin-top: auto;}
.-structuren.equipment-item li .img img{width: 70%}
.-structuren.equipment-item li .img.img2 img{width: 90%}

.-structuren.equipment-item li.col60 .img img{width: 50%}
.-moriya .col3{width: 30%}
.-moriya .col3 img{width: 100%}
.-moriya .col4{width: 18%}
.-moriya .col5{width: 45%}

.-kanta .col3{width: 35%;margin-top: 0}
.-kanta .col3_2{width: 60%;margin-top: 0px}
.-kanta{margin-top: 40px}
.-kanta .img3{margin-top: 30px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.-kanta .col3{width: 100%;margin-top: 0}
.-kanta .col3_2{width: 100%;margin-top: 20px}
}

@media screen and (max-width: 668px) {/*スマホ設定*/
.-structuren.mv img{width: 100%!important}
.-structuren.equipment-item li{display: flex;width: 48%;flex-direction: column;}
.-structuren.equipment-item li .txt{min-height: inherit}
.-structuren.equipment-item li .img img{width: 90%}
.-structuren.equipment-item li .img.img2 img{width: 100%}
.-structuren.equipment-item li.col60 .img img{width: 80%}

.-moriya .col3{width: 100%}
.-moriya .col3 img{width: 100%}
.-moriya .col4{width: 100%}
.-moriya .col5{width: 100%}
li.m0{margin-top: 20px!important}
.equipment-item.-kitchen li.col2{width: 100%!important}
.equipment-item.-bathroom li.col2{width: 100%!important}
.equipment-item.-bathroom li.col2 .mv img{object-fit: cover;height: 300px;}
/*
.equipment-item.-bathroom li:nth-child(2){width: 100%!important;}
.equipment-item.-bathroom li:nth-child(2) li{width: 48%!important;margin-top: 40px!important}
.equipment-item.-bathroom li:nth-child(2) li.col1{width: 100%!important}*/



}

@media screen and (max-width: 668px) {/*スマホ設定*/
.equipment-item li{width: 48%;margin-top: 20px}
.equipment-item li h4{font-size: 14px;}
.equipment-item li.col60{width:100%!important}
.equipment-item li.col3{width:48%}
}

.pc{display: block}
.sp{display: none}
@media screen and (max-width: 668px) {/*スマホ設定*/
.sp{display: block}
.pc{display: none}
}