/*---------------------*/
/* 共通 */
/*---------------------*/

.main_pCon>.p_main {
  min-width: 1190px;
  font-family: 'Noto Serif JP', serif;
  font-weight: normal;
}

@media screen and (max-width: 1220px) {
  .main_pCon>.p_main {
    /* min-width: 0; */
  }
}

#mainImg .p_main {
  padding: 0;
}

#mainImg .content {
  padding-bottom: 55px;
}

@media (max-width: 768px) {
  #mainImg .content {
    padding-bottom: 7.16155vw;
  }
}

@media (max-width: 430px) {
  #mainImg .content {
    padding-bottom: 6.9767vw;
  }
}

#mainImg .scroll_tag {
  margin-bottom: 0;
}

.main_pCon>.p_main h1,
.main_pCon>.p_main h2,
.main_pCon>.p_main h3,
.main_pCon>.p_main h4,
.main_pCon>.p_main h5,
.main_pCon>.p_main h6 {
  font-family: inherit;
  font-weight: inherit;
}

.leadImg {
  margin-top: 5em;
}

.leadImg img {
  width: 100%;
}

.tabLink li a p small {
  font-size: 80%;
}

@media screen and (max-width: 768px) {
  .main_pCon>.p_main {
    min-width: 100%;
  }

  .tabLink li a p small {
    font-size: 100%;
  }
}

@media screen and (max-width: 430px) {}

.br-tb {
  display: none;
}

@media (max-width: 1220px) {
  .br-tb {
    display: inline;
  }

  .br-tb-hide {
    display: none;
  }
}

.br-sp {
  display: none;
}

@media (max-width: 430px) {
  .br-sp {
    display: inline;
  }

  .br-sp-hide {
    display: none;
  }
}

/*---------------------*/
/*メインタイトル*/
/*---------------------*/
.mainTtlArea .ttl_icon {
  position: absolute;
  bottom: 4%;
  right: 2%;
  width: 10%;
  z-index: 10;
  animation: ttl_icon_fadein 1s ease-in-out 0.3s forwards;
  opacity: 0;
}

.mainTtlArea .ttl_icon img {
  animation: ttl_icon 2s ease-in-out 1.3s infinite;
}

/* アニメーション */
@keyframes ttl_icon_fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ttl_icon {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  20% {
    transform: translate(0, 0) rotate(0deg);
  }

  30% {
    transform: translate(0, -10px) rotate(0deg);
  }

  40% {
    transform: translate(0, -10px) rotate(-7deg);
  }

  50% {
    transform: translate(0, -10px) rotate(0deg);
  }

  60% {
    transform: translate(0, -10px) rotate(-7deg);
  }

  70% {
    transform: translate(0, -10px) rotate(0deg);
  }

  80% {
    transform: translate(0, 0) rotate(0deg);
  }

  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}


/* Tab */
@media only screen and (max-width: 768px) {
  .mainTtlArea .ttl_icon {
    width: 18%;
  }
}

/* sp */
@media only screen and (max-width: 430px) {
  .mainTtlArea .ttl_icon {
    width: 15%;
  }
}

.bg01 {
  background: url(../images/equipment/bg01.png) no-repeat 50% 50% / cover;
}

.bg01.equipment-box-v .name {
  color: #753137;
}

.bg01.equipment-box-v .text {
  color: #251e1c;
}

.bg02 {
  background: url(../images/equipment/bg02.png) no-repeat 50% 50% / cover;
}

.bg02.equipment-box-v .name {
  color: #753137;
}

.bg02.equipment-box-v .text {
  color: #251e1c;
}

.bg03 {
  background: url(../images/equipment/bg06.png) no-repeat 0% 0% / cover;
}

.bg04 {
  background: url(../images/equipment/bg07.png) no-repeat 0% 0% / cover;
}


.p_mv figure {
  position: relative;
}

.quality_inner {
  /* max-width: 1300px; */
  margin: 0 auto;
}

.quality_inner h2 {
  margin-bottom: 48px;
  font-size: 30px;
  color: #5d252a;
  font-weight: 500;
  letter-spacing: 0.24em;
}

@media (max-width: 768px) {
  .quality_inner h2 {
    margin-bottom: 6.25vw;
    font-size: 3.9063vw;
  }
}

@media (max-width: 430px) {
  .quality_inner h2 {
    margin-bottom: 5.5813vw;
    font-size: 6.9767vw;
  }
}

.tab_content {
  display: none;
}

.tab_content.show {
  display: block;
}

.p_main {
  padding-top: 69px;
  /* padding-bottom: 135px; */
}

@media (max-width: 768px) {
  .p_main {
    padding-top: 8.9844vw;
    padding-bottom: 17.5781vw;
  }
}

@media (max-width: 430px) {
  .p_main {
    padding-top: 8.14vw;
    padding-bottom: 15.6977vw;
  }
}

.tab_toparea {
  max-width: 1256px;
  width: 100%;
  margin: 0 auto 88px;
}

@media (max-width: 768px) {
  .tab_toparea {
    margin-bottom: 11.4583vw;
  }
}

@media (max-width: 430px) {
  .tab_toparea {
    margin-bottom: 10.2326vw;
  }
}

.main-image {
  max-width: 1286px;
  width: 100%;
  margin: 0 auto 58px;
}

@media (max-width: 768px) {
  .main-image {
    margin-bottom: 3.9063vw;
  }
}

@media (max-width: 430px) {
  .main-image {
    margin-bottom: 6.9767vw;
  }
}

.main-image figure {
  margin-bottom: 0;
  position: relative;
}

.main-image figcaption {
  height: 23px;
  padding: 0 10px;
  background-color: rgb(0 0 0 / 0.7);
  font-size: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.08em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}


.equipment-box {
  margin-bottom: 0;
  text-align: left;
}

.equipment-box figcaption {
  padding-top: 10px;
}

.equipment-box .name {
  height: calc(20px * 1.765 * 2);
  padding: 0 0 5px 1em;
  margin-bottom: 14px;
  border-bottom: 1px solid #5d252a;
  font-size: 20px;
  color: #5d252a;
  line-height: 1.3;
  letter-spacing: 0.01em;
  text-indent: -1em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 768px) {
  .equipment-box .name {
    height: calc(2.6042vw * 1.765 * 2);
    font-size: 2.6042vw;
  }
}

@media (max-width: 430px) {
  .equipment-box .name {
    /* height: calc(3.7vw * 1.765 * 2); */
    height: auto;
    font-size: 4vw;
    line-height: 170%;
    margin-bottom: 5px;
  }

  .equipment-box figcaption {
    padding-top: 5px;
  }
}

.equipment-box__lightbox {
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: none;
  display: block;
}

.equipment-box__lightbox i {
  position: absolute;
  right: 3px;
  bottom: 3px;
  display: none;
}

@media (max-width: 768px) {
  .equipment-box__lightbox {
    pointer-events: all;
  }

  .equipment-box__lightbox i {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    padding: 8px;
  }
}


.equipment-box .text {
  font-size: 14px;
  line-height: 2.054;
  font-weight: 500;
  letter-spacing: 0.06em;
}

@media (max-width: 768px) {
  .equipment-box .text {
    font-size: 1.8229vw;
  }
}

@media (max-width: 430px) {
  .equipment-box .text {
    font-size: 3.2558vw;
    line-height: 1.9;
  }

  .equipment-box .text p {
    margin-bottom: 0;
  }
}

@media (max-width: 1220px) {
  .equipment-block {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .equipment-block {
    padding: 0 1.3028vw;
  }
}

@media (max-width: 430px) {
  .equipment-block {
    padding: 0 2.3256vw;
  }
}

.equipment-block h3 {
  margin-bottom: 24px;
  font-size: 28px;
  line-height: 1.486;
  font-weight: 500;
  letter-spacing: 0.18em;
}

.equipment-block .lead {
  margin-bottom: 83px;
  font-size: 16px;
  line-height: 2.375;
  font-weight: 500;
  letter-spacing: 0.12em;
}

.equipment-block .lead p {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .equipment-block h3 {
    font-size: 3.6458vw;
  }

  .equipment-block .lead {
    margin-bottom: 10.8073vw;
    font-size: 2.0833vw;
  }
}

@media (max-width: 430px) {
  .equipment-block h3 {
    font-size: 4.558vw;
  }

  .equipment-block .lead {
    margin-bottom: 9.3023vw;
    font-size: 3.721vw;
  }
}

.equipment-block .grid {
  max-width: 1334px;
  width: 100%;
  margin: 0 auto;
  display: grid;
}

.equipment-block .grid.n4 {
  grid-template-columns: repeat(4, calc((284 / 1334) * 100%));
  column-gap: calc((66 / 1334) * 100%);
  row-gap: 38px;
}

.equipment-block .grid.wide {
  max-width: 1494px;
  grid-template-columns: repeat(4, 25%);
  column-gap: 0;
}

@media (max-width: 768px) {
  .equipment-block .grid.n4 {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
    row-gap: 5vw;
  }

  .equipment-block .grid.wide {
    width: 100vw;
    padding: 0;
    margin: 0 calc(50% - 50vw);
    grid-template-columns: repeat(2, 50%);
    column-gap: 0;
  }
}

@media (max-width: 430px) {
  .equipment-block .grid.n4 {
    row-gap: 6.9767vw;
  }

  .equipment-block .grid.wide {
    padding: 0;
  }
}

.equipment-block .grid.wide.n2 {
  grid-template-columns: repeat(2, 50%);
}

.equipment-block .grid.wide.n2-1 {
  grid-template-columns: 50% repeat(2, 25%);
}

@media (max-width: 768px) {
  .equipment-block .grid.wide.n2-1 {
    grid-template-columns: repeat(2, 50%);
    column-gap: 0;
  }
}

.equipment-box-h {
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  display: grid;
  grid-template-columns: calc((606 / 1260) * 100%) calc((654 / 1260) * 100%);
  align-items: center;
}

.equipment-box-h.rev {
  grid-template-columns: calc((654 / 1260) * 100%) calc((606 / 1260) * 100%);
}

@media (max-width: 768px) {
  .equipment-box-h {
    row-gap: 3.9063vw;
  }

  .equipment-box-h,
  .equipment-box-h.rev {
    grid-template-columns: 100%;
  }
}

@media (max-width: 430px) {
  .equipment-box-h {
    row-gap: 0.9767vw;
  }
}

.equipment-box-h .name {
  padding: 0 0 1px 60px;
  margin-bottom: 19px;
  background-size: 8px 1px;
  background-image: linear-gradient(to right, #753137 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  font-size: 27.93px;
  color: #753137;
  line-height: 2.0716;
  font-weight: 500;
  letter-spacing: 0.14em;
}

@media (max-width: 768px) {
  .equipment-box-h .name {
    padding: 0;
    font-size: 3.6458vw;
  }
}

@media (max-width: 430px) {
  .equipment-box-h .name {
    font-size: 4.5vw;
    margin-bottom: 15px;
  }
}

.equipment-box-h.rev img {
  grid-column: 2 / 3;
  grid-row: 1/ 2;
}

.equipment-box-h.rev figcaption {
  grid-column: 1 / 2;
  grid-row: 1/ 2;
}

@media (max-width: 768px) {
  .equipment-box-h.rev img {
    grid-column: 1 / 2;
    grid-row: 1/ 2;
  }

  .equipment-box-h.rev figcaption {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
}

.equipment-box-h .text {
  padding-left: 60px;
  font-size: 15px;
  line-height: 1.859;
  font-weight: 500;
}

.equipment-box-h.rev .text {
  padding-right: 30px;
}

@media (max-width: 768px) {
  .equipment-box-h.rev .text {
    padding-right: 0;
  }
}

.equipment-box-h .text p {
  margin: 23px 0 0;
}

@media (max-width: 768px) {
  .equipment-box-h .text {
    padding-left: 0;
    font-size: 1.9531vw;
  }
}

@media (max-width: 430px) {
  .equipment-box-h .text {
    font-size: 3.4884vw;
  }

  .equipment-box-h .text p {
    margin: 10px 0 0;
  }
}

.text ul {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.12em;
  display: grid;
  row-gap: 7px;
}

.text ul li {
  min-height: 34px;
}

@media (max-width: 430x) {
  .text ul li {
    min-height: 4.4271vw;
  }
}

@media (max-width: 430x) {
  .text ul li {
    min-height: 7.907vw;
  }
}

.text ul li span {
  height: 100%;
  padding: 5px 10px 5px 24px;
  background-color: #92895c;
  color: #fff;
  text-indent: -14px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}

@media (max-width: 1220px) {
  .text ul {
    font-size: 13px;
  }
}

.equipment-box-v {
  padding: 35px;
  margin-bottom: 0;
  background-color: #fff;
  text-align: left;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-end;
}

.equipment-box-v.powder-room01,
.equipment-box-v.powder-room02 {
  padding: 35px;
  margin-bottom: 0;
  text-align: left;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
  justify-content: flex-start;
}

.equipment-box-v.powder-room01.rev img,
.equipment-box-v.powder-room02.rev img {
  background: #ffffff;
}

.equipment-box-v.rev {
  flex-direction: column;
}

@media (max-width: 768px) {
  .equipment-box-v:not(.rev) {
    padding: 6vw 2.6042vw 0;
    display: grid;
    grid-template-columns: 58% 40%;
    column-gap: 2%;
  }

  .equipment-box-v.rev {
    padding: 2.6042vw;
  }
}

.equipment-box-v .grid {
  grid-template-columns: calc((344 / 670) * 100%) calc((320 / 670) * 100%);
  column-gap: calc((6 / 670) * 100%);
}

.equipment-box-v figcaption {
  margin-bottom: 65px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

@media (max-width: 768px) {
  .equipment-box-v figcaption {
    /* margin-bottom: 3.4635vw; */
    margin-bottom: 0;
    row-gap: 0.7813vw;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
}

@media (max-width: 430px) {
  .equipment-box-v figcaption {
    /* margin-bottom: 6.9767vw; */
    row-gap: 1.3953vw;
  }
}

.equipment-box-v .name {
  height: calc(20px * 1.19 * 2);
  padding-bottom: 19px;
  background-size: 8px 1px;
  background-image: linear-gradient(to right, #753137 4px, transparent 4px);
  background-repeat: repeat-x;
  background-position: 0 100%;
  font-size: 20px;
  color: #753137;
  line-height: 1.19;
  font-weight: 500;
  letter-spacing: 0.14em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

@media (max-width: 1220px) {
  .equipment-box-v .name {
    /* font-size: 20px; */
  }
}

@media (max-width: 768px) {
  .equipment-box-v .name {
    /* height: calc(3.6042vw * 1.19 * 2); */
    height: auto;
    padding-bottom: 0.474vw;
    margin-bottom: 0;
    font-size: 2.6042vw;
  }
}

@media (max-width: 430px) {
  .equipment-box-v .name {
    font-size: 4vw;
    margin-bottom: 5px;
    padding-bottom: 10px;
  }
}

.equipment-box-v .text {
  /* margin-bottom: 45px; */
  font-size: 14px;
  line-height: 2.129;
  font-weight: 500;
  letter-spacing: 0.05em;
}

@media (max-width: 768px) {
  .equipment-box-v .text {
    font-size: 1.8229vw;
    line-height: 1.9;
  }
}

@media (max-width: 430px) {
  .equipment-box-v .text {
    font-size: 3.2558vw;
    margin-bottom: 10px;
  }
}

.equipment-box-v .text p {
  margin-bottom: 0;
}

.equipment-box-v img {
  margin-top: auto;
}

.equipment-box-v.rev img {
  margin-top: 0;
}

@media (max-width: 768px) {
  .equipment-box-v img {
    margin-top: 0;
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
}

.equipment-box-v.grid {
  display: grid;
  /* grid-template-columns: calc((140 / 300) * 100%) calc((150 / 300) * 100%);
  grid-template-rows:  calc(28px * 1.19 * 2) auto;
  column-gap:  calc((10 / 300) * 100%); */
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  row-gap: 10px;
}

@media (max-width: 768px) {
  .equipment-box-v.grid {
    margin-bottom: 0;
  }
}

@media (max-width: 430px) {
  .equipment-box-v.grid {
    margin-bottom: 0;
    /* grid-template-rows: calc(5.6042vw * 1.19 * 2) auto; */
    row-gap: 4.186vw;
  }
}

.equipment-box-v.grid .name {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

.equipment-box-v.grid figcaption {
  display: contents;
}

.equipment-box-v.grid .text {
  margin-bottom: 0;
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}

.equipment-box-v.grid img {
  margin: 0 auto;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}


.ugoclo {
  max-width: 1332px;
  width: 100%;
  padding: 13px;
  margin: 96px auto 0;
  background-color: rgb(255 254 243 / 0.68);
}

.ugoclo__link {
  display: block;
}

.ugoclo__content {
  background: url(../images/equipment/bg-ugoclo.png) no-repeat 50% 50% / cover;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  .ugoclo {
    margin-top: 12.5vw;
  }

  .ugoclo__content {
    padding: 15px 0;
  }
}

.ugoclo__content .title {
  width: calc((504 / 650) * 100%);
  height: calc(30px * 1.46 * 2);
  padding: 0 24px 7px;
  margin-bottom: 20px;
  border-bottom: 1px solid #5b2429;
  background: url(../images/equipment/icon-arrow.png) no-repeat 100% 81% / 21px auto;
  font-size: 30px;
  color: #5d252a;
  line-height: 1.46;
  letter-spacing: 0.1em;
  text-align: left;
  text-shadow: 2px 3px 13px rgb(93 37 42);
}

.ugoclo__content .title span {
  font-size: 25px;
}

@media (max-width: 1220px) {
  .ugoclo__content .title {
    width: calc((564 / 650) * 100%);
    height: calc(26px * 1.46 * 2);
    font-size: 23px;
  }

  .ugoclo__content .title span {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  .ugoclo {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    grid-template-columns: 100%;
    font-size: 2.9948vw;
  }

  .ugoclo__content .title {
    width: 93%;
    padding: 0 3.125vw 7px;
    margin-bottom: 1.5625vw;
    background-size: 2.0833vw auto;
    font-size: 2.3438vw;
  }
}

@media (max-width: 430px) {
  .ugoclo__link {
    grid-template-columns: 100%;
  }

  .ugoclo__content {
    width: 100%;
  }

  .ugoclo figure {
    width: 100%;
  }

  .ugoclo__content .title {
    height: calc(5.7209vw * 1.46 * 2);
    padding: 0 5.5814vw 7px 2.5581vw;
    margin-bottom: 2.6512vw;
    background: none;
    font-size: 4.8837vw;
    position: relative;
  }

  .ugoclo__content .title::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 3.7209vw;
    height: 3.7209vw;
    background: url(../images/equipment/icon-arrow.png) no-repeat center / contain;
  }

  .ugoclo__content .title span {
    font-size: 3.7209vw;
  }
}

.ugoclo__content ol {
  width: calc((504 / 650) * 100%);
  padding: 15px 0;
  margin: 0 auto;
  background-color: #f8eee5;
  box-shadow: 3px 3px 2px rgb(132 132 132 / .72);
  display: grid;
  grid-template-columns: repeat(4, 25%);
}

@media (max-width: 1220px) {
  .ugoclo__content ol {
    width: calc((564 / 650) * 100%);
    padding: 10px 0;
  }
}

@media (max-width: 768px) {
  .ugoclo__content ol {
    width: 93%;
  }
}

.ugoclo__content ol li {
  border-right: 1px solid #bb5400;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
}

.ugoclo__content ol li:last-of-type {
  border-right: none;
}

.ugoclo figure {
  width: 100%;
  margin-bottom: 0;
}

.ugoclo figure picture,
.ugoclo figure img {
  width: 100%;
  display: block;
}

.ugoclo .point {
  margin-bottom: 0;
  font-size: 13.31px;
  color: #bb5400;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.15em;
}

.ugoclo .text {
  margin-bottom: 0;
  font-size: 13.31px;
  line-height: 1.4445;
  font-weight: 400;
}

@media (max-width: 1220px) {
  .ugoclo .point {
    font-size: 11px;
  }

  .ugoclo .text {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .ugoclo .point {
    font-size: 1.4323vw;
  }

  .ugoclo .text {
    font-size: 1.4323vw;
  }
}

@media (max-width: 430px) {
  .ugoclo .point {
    font-size: 2.3256vw;
  }

  .ugoclo .text {
    font-size: 2.3256vw;
  }
}

#kitchen {
  background: url(../images/equipment/bg05.png) no-repeat 50% 0% / 100% auto;
}

#kitchen .kitchen01,
#kitchen .kitchen02 {
  margin-bottom: 72px;
}

#kitchen .grid.wide {
  margin-bottom: 86px;
}

@media (max-width: 768px) {

  #kitchen .kitchen01,
  #kitchen .kitchen02 {
    margin-bottom: 6.375vw;
  }

  #kitchen .grid.wide {
    margin-bottom: 5.59vw;
  }

  #kitchen .grid.wide .equipment-box-v {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    row-gap: 2.6042vw;
  }

  #kitchen .grid.wide .equipment-box-v img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  #kitchen .grid.wide .equipment-box-v figcaption {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
}

@media (max-width: 430px) {

  #kitchen .kitchen01,
  #kitchen .kitchen02 {
    margin-bottom: 8.3721vw;
  }

  #kitchen .grid.wide {
    padding: 0;
    margin-bottom: 6vw;
    grid-template-columns: 100%;
    /* grid-template-columns: repeat(2, 50%);
    column-gap: 0; */
  }

  #kitchen .grid.wide .equipment-box-v {
    padding: 5vw 2.6042vw 2vw;
    row-gap: 3vw;
  }
}

#powder_room {
  background-color: rgb(250 235 217 / .46);
}

#powder_room .main-image {
  display: grid;
  grid-template-columns: calc((590 / 1284) * 100%) calc((685 / 1284) * 100%);
  column-gap: calc((9 / 1284) * 100%);
}

#powder_room .lead+.grid {
  margin-bottom: 67px;
  display: grid;
  grid-template-columns: repeat(2, calc((600 / 1350) * 100%));
  column-gap: calc((150 / 1350) * 100%);
}

#powder_room .grid.wide.n2-1 {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #powder_room .lead+.grid {
    margin-bottom: 3.9063vw;
    grid-template-columns: 100%;
    row-gap: 3.9063vw;
  }

  #powder_room .grid.wide.n2-1 {
    margin-bottom: 5.59vw;
    grid-template-columns: 100%;
  }
}

@media (max-width: 430px) {
  #powder_room .lead+.grid {
    margin-bottom: 6.9767vw;
    row-gap: 6.9063vw;
  }

  #powder_room .grid.wide.n2-1 {
    margin-bottom: 10vw;
  }
}

#powder_room .lead+.grid .equipment-box-v {
  padding: 0;
}

@media (min-width: 430px) {
  #powder_room .equipment-block {
    /* padding: 0 2.3256vw; */
  }
}

#powder_room .powder-room01 {
  background-color: transparent;
}

#powder_room .powder-room01 figcaption {
  margin-bottom: 0;
}

#powder_room .powder-room01 p {
  margin-top: 26px;
}

#powder_room .powder-room02 {
  background-color: transparent;
}

#powder_room .powder-room02 figcaption {
  margin-bottom: 0;
}

#powder_room .powder-room02 p {
  margin-top: 26px;
}

#powder_room .powder-room04 {
  background-color: transparent;
}

#powder_room .powder-room03 figcaption {
  margin-bottom: 70px;
}

#powder_room .powder-room04 figcaption,
#powder_room .powder-room05 figcaption {
  margin-bottom: 43px;
}

@media (max-width: 768px) {
  #powder_room .powder-room03 {
    grid-template-columns: 100%;
  }

  #powder_room .powder-room03 img:nth-of-type(1) {
    grid-column: 1 / 2;
  }

  #powder_room .powder-room03 img:nth-of-type(2) {
    grid-column: 2 / 3;
  }

  #powder_room .powder-room03 figcaption,
  #powder_room .powder-room04 figcaption,
  #powder_room .powder-room05 figcaption {
    margin-bottom: 3.9063vw;
  }
}

@media (max-width: 430px) {

  #powder_room .powder-room03 figcaption,
  #powder_room .powder-room04 figcaption,
  #powder_room .powder-room05 figcaption {
    margin-bottom: 3.9767vw;
  }

  #powder_room .powder-room01 p,
  #powder_room .powder-room02 p {
    margin-top: 10px;
  }

  #powder_room .powder-room03,
  #powder_room .powder-room04,
  #powder_room .powder-room05 {
    display: flex;
    flex-direction: column;
  }

  #powder_room .powder-room03 .grid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 2vw;
  }

  #powder_room .powder-room03 .grid img {
    width: 49%;
  }

  #powder_room .powder-room04 img,
  #powder_room .powder-room05 img {
    width: 100%;
    margin: 0 auto;
  }

  #powder_room .powder-room03 .name,
  #powder_room .powder-room04 .name,
  #powder_room .powder-room05 .name {
    margin-top: 10px;
  }
}

#bathroom {
  background: url(../images/equipment/bg05.png) no-repeat 50% 0% / 100% auto;
}

#bathroom .main-image {
  display: grid;
  grid-template-columns: calc((567 / 1284) * 100%) calc((706 / 1284) * 100%);
  column-gap: calc((11 / 1284) * 100%);
}

#bathroom .bathroom01 {
  margin-bottom: 84px;
}

#bathroom .bathroom02 {
  margin-bottom: 96px;
}

#bathroom .bathroom03,
#bathroom .bathroom04,
#bathroom .bathroom05,
#bathroom .bathroom06 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 10px;
}

#bathroom .bathroom03 img,
#bathroom .bathroom04 img,
#bathroom .bathroom05 img,
#bathroom .bathroom06 img {
  max-width: none;
  width: 100%;
  margin-top: 0;
}

#bathroom .bathroom03 figcaption,
#bathroom .bathroom04 figcaption,
#bathroom .bathroom05 figcaption,
#bathroom .bathroom06 figcaption {
  margin-bottom: 0;
}

#bathroom .bathroom03 .name,
#bathroom .bathroom04 .name,
#bathroom .bathroom05 .name,
#bathroom .bathroom06 .name {
  width: 100%;
  margin-top: 10px;
}

#bathroom .grid.wide {
  margin-bottom: 75px;
}

@media (max-width: 768px) {
  #bathroom .bathroom01 {
    margin-bottom: 5.2083vw;
  }

  #bathroom .bathroom02 {
    margin-bottom: 6.25vw;
  }

  #bathroom .bathroom03,
  #bathroom .bathroom04,
  #bathroom .bathroom05,
  #bathroom .bathroom06 {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  #bathroom .bathroom03 img,
  #bathroom .bathroom04 img,
  #bathroom .bathroom05 img,
  #bathroom .bathroom06 img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  #bathroom .bathroom03 .name,
  #bathroom .bathroom04 .name,
  #bathroom .bathroom05 .name,
  #bathroom .bathroom06 .name {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #bathroom .bathroom03 .text,
  #bathroom .bathroom04 .text,
  #bathroom .bathroom05 .text,
  #bathroom .bathroom06 .text {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  #bathroom .grid.wide {
    margin-bottom: 4.9479vw;
  }
}

@media (max-width: 430px) {
  #bathroom .bathroom01 {
    margin-bottom: 9.3023vw;
  }

  #bathroom .bathroom02 {
    margin-bottom: 11.628vw;
  }

  #bathroom .grid.wide {
    margin-bottom: 8.8372vw;
  }

  #bathroom .bathroom03 .name,
  #bathroom .bathroom04 .name,
  #bathroom .bathroom05 .name,
  #bathroom .bathroom06 .name {
    margin-top: 0px;
  }

}


#toilet {
  background-color: rgb(250 235 217 / .46);
}

#toilet .grid.n2-2 {
  max-width: 1150px;
  grid-template-columns: calc((526 / 1150) * 100%) calc((524 / 1150) * 100%);
  column-gap: calc((100 / 1150) * 100%);
  row-gap: 42px;
}

#toilet .grid.n2-2 .equipment-box-v {
  padding: 0;
  background-color: transparent;
  justify-content: flex-start;
}

#toilet .grid.n2-2 .equipment-box-v:nth-of-type(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}

#toilet .grid.n2-2 .equipment-box-v:nth-of-type(2) {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

#toilet .grid.n2-2 .equipment-box-v:nth-of-type(3) {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

#toilet .grid.n2-2 .equipment-box-v .name {
  height: auto;
  margin: 10px 0 0;
}

#toilet .grid.n2-2 .equipment-box-v img {
  margin-bottom: 7px;
}

#toilet .toilet01 figcaption,
#toilet .toilet02 figcaption,
#toilet .toilet03 figcaption {
  margin-bottom: 0;
}

@media (max-width: 768px) {
  #toilet .toilet01 {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
  }

  #toilet .grid.n2-2 .equipment-box-v.toilet01 img {
    margin-bottom: 0;
  }

  #toilet .grid.n2-2 {
    grid-template-columns: repeat(2, 49%);
    column-gap: 2%;
  }

  #toilet .grid.n2-2 .equipment-box-v:nth-of-type(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 2;
  }

  #toilet .grid.n2-2 .equipment-box-v:nth-of-type(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #toilet .grid.n2-2 .equipment-box-v:nth-of-type(3) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
}

@media (max-width: 430px) {
  #toilet .grid.n2-2 .equipment-box-v .name {
    height: auto;
  }
}

#comfort {
  background: url(../images/equipment/bg05.png) no-repeat 50% 0% / 100% auto;
}

@media (max-width: 768px) {
  #comfort .grid.wide.n2 {
    grid-template-columns: 100%;
  }
}

#comfort .equipment-box-v figcaption {
  margin-bottom: 36px;
}

@media (max-width: 768px) {
  #comfort .equipment-box-v {
    grid-template-columns: 100%;
  }

  #comfort .equipment-box-v img {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #comfort .equipment-box-v figcaption {
    margin-bottom: 4.6875vw;
    grid-row: 1 / 2;
  }
}

@media (max-width: 430px) {
  #comfort .equipment-box-v figcaption {
    margin-bottom: 1vw;
  }

  #comfort .comfort01,
  #comfort .comfort02,
  #comfort .comfort03,
  #comfort .comfort04 {
    padding-bottom: 6vw;
  }
}

#storage {
  background: url(../images/equipment/bg03.png) repeat 50% 0 / 100% auto;
}

#storage .grid:not(.equipment-box-v) {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  #storage .grid:not(.equipment-box-v) {
    margin-bottom: 5.2083vw;
    grid-template-columns: 100%;
  }
}

@media (max-width: 430px) {
  #storage .grid:not(.equipment-box-v) {
    margin-bottom: 9.3023vw;
  }
}

#storage .storage01,
#storage .storage02,
#storage .storage03,
#storage .storage04 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 10px;
}

#storage .storage01 img,
#storage .storage02 img,
#storage .storage03 img,
#storage .storage04 img {
  max-width: none;
  width: 100%;
  margin-top: 0;
}

#storage .storage01 figcaption,
#storage .storage02 figcaption,
#storage .storage03 figcaption,
#storage .storage04 figcaption {
  margin-bottom: 0;
}

#storage .storage01 .name,
#storage .storage02 .name,
#storage .storage03 .name,
#storage .storage04 .name {
  width: 100%;
  margin: 10px 0 0;

}

@media (max-width: 768px) {

  #storage .storage01,
  #storage .storage02,
  #storage .storage03,
  #storage .storage04 {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }

  #storage .storage01 img,
  #storage .storage02 img,
  #storage .storage03 img,
  #storage .storage04 img {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  #storage .storage01 .name,
  #storage .storage02 .name,
  #storage .storage03 .name,
  #storage .storage04 .name {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #storage .storage01 .text,
  #storage .storage02 .text,
  #storage .storage03 .text,
  #storage .storage04 .text {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
}

@media (max-width: 430px) {

  #storage .storage01,
  #storage .storage02,
  #storage .storage03,
  #storage .storage04 {
    padding-bottom: 5vw;

  }

  #storage .storage01 .name,
  #storage .storage02 .name,
  #storage .storage03 .name,
  #storage .storage04 .name {
    margin-bottom: 0;
  }

  #storage .storage01 img,
  #storage .storage02 img,
  #storage .storage03 img,
  #storage .storage04 img {
    width: 70%;
  }
}



#security .p_main {
  background: url(../images/equipment/bg09.png) no-repeat 0% 0% / 625px auto;
}

@media (max-width: 768px) {
  #security .p_main {
    background-size: 73.6279vw auto;
    /* background-position: 0% 56.5333vw; */
  }
}

@media (max-width: 430px) {
  #security .p_main {
    background-size: 53.6279vw auto;
    /* background-position: 0% 76.5333vw; */
  }
}

#security .grid.wide.n2 {
  margin-bottom: 80px;
}

@media (max-width: 768px) {
  #security .grid.wide.n2 {
    margin-bottom: 10.4167vw;
    grid-template-columns: 100%;
  }

  #security .equipment-box-v {
    grid-template-columns: 100%;
  }

  #security .equipment-box-v img {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #security .equipment-box-v figcaption {
    margin-bottom: 4.6875vw;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
}

@media (max-width: 430px) {
  #security .grid.wide.n2 {
    margin-bottom: 9.3023vw;
  }

  #security .equipment-box-v figcaption {
    margin-bottom: 1.3721vw;
  }
}

#security .security01 {
  background: url(../images/equipment/bg-safety01.png) no-repeat 100% 0% / 397px auto;
}

#security .security01 img {
  width: 418px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 768px) {
  #security .security01 img {
    width: 100%;
  }
}

#security .security02 {
  background: url(../images/equipment/bg-safety02.png) repeat 50% 50% / 100% auto;
}

#security .security02 .img {
  width: 100%;
  background-color: #fff;
}

#security .security02 img {
  width: 510px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 768px) {
  #security .security02 img {
    width: 100%;
  }
}

@media (max-width: 430px) {
  #security .security02 {
    padding: 10vw 2.6042vw 0;
  }

  #security .security02 .img {
    margin-bottom: 10px;
  }
}

.small,
#security .text .small {
  font-size: 10px;
}

@media (max-width: 768px) {

  .small,
  #security .text .small {
    font-size: 1.3021vw;
  }
}

@media (max-width: 430px) {

  .small,
  #security .text .small {
    font-size: 2.3256vw;
  }
}

#safety {
  background-color: rgb(250 235 217 / .46);
}

@media (max-width: 768px) {
  #safety .grid.wide.n2 {
    grid-template-columns: 100%;
  }

  #safety .equipment-box-v {
    grid-template-columns: 100%;
  }

  #safety .equipment-box-v img {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  #safety .equipment-box-v figcaption {
    margin-bottom: 4.6875vw;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
}

@media (max-width: 430px) {
  #safety .equipment-box-v {
    padding-bottom: 20px;
  }

  #safety .equipment-box-v figcaption {
    margin-bottom: 1vw;
  }
}

#safety .safety01 {
  background: #fff url(../images/equipment/bg-safety01.png) no-repeat 100% 0% / 397px auto;
}

#safety .safety01 img {
  width: 455px;
  margin: 0 auto;
  display: block;
}

@media (max-width: 768px) {
  #safety .safety01 img {
    width: 100%;
  }
}

#safety .safety02 {
  background: url(../images/equipment/bg-safety02.png) repeat 50% 50% / 100% auto;
}

#safety .safety02 .img {
  width: 100%;
  padding: 30px 35px;
  margin-top: auto;
  background-color: #fff;
}

#safety .safety02 img {
  width: 100%;
  margin: 0 auto;
  display: block;
}

@media (max-width: 430px) {
  #safety .safety02 {
    padding: 10vw 2.6042vw;
  }
}