.bread-list ol li { color: #000; }
.bread-list ol li a { color: #000; }

#Intro .cont-wrap-inner { padding: 4rem 0; }

.cont-ttl.pate-ttl { width: calc((208/1040)*100%); min-width: 208px; }
@media screen and (max-width: 600px) { .cont-ttl.pate-ttl { min-width: none; max-width: 208px; } }

/******************************************************

common

******************************************************/
.local-nav ul { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px 16px; font-size: 16px; }
.local-nav li { display: grid; }
.local-nav li a { display: flex; flex-direction: column; justify-content: center; text-align: center; display: block; line-height: 1.2; padding: 12px 10px; background-color: #c8c2a3; color: #665600; }
.local-nav li a:hover { background-color: #d7d1b0; }
.local-nav li.current a { background-color: #665600; color: #fff; }

.section-title { text-align: center; margin-top: 40px; }
.section-title .jp { color: #665600; font-size: 16px; margin-top: 5px; }

.item-list { --all-row-gap: 50px; --all-column-gap: 6.15%; row-gap: var(--all-row-gap); column-gap: var(--all-column-gap); margin-top: 40px; }

.item { --item-column-gap: 25px; }
.item .img-list + .name, .item .img + .name { margin-top: 15px; }
.item .name { font-size: 20px; font-feature-settings: "palt"; color: #665600; line-height: 1.3; }
.item .text { font-size: 15px; margin-top: 15px; color: #000; }
.item .text + .note { margin-top: 10px; }

@media screen and (max-width: 1024px) { .local-nav ul { grid-template-columns: repeat(3, 1fr); gap: 10px; font-size: 16px; }
  .item { --item-column-gap: 20px; } }
@media screen and (max-width: 600px) { .local-nav ul { grid-template-columns: repeat(2, 1fr); font-size: 14px; gap: 6px; }
  .local-nav ul li a { padding: 10px 5px; }
  .item-list { --all-row-gap: 30px; }
  .item .name { font-size: 18px; }
  .item .text { font-size: 14px; } }
/******************************************************

equipment

******************************************************/
#equipment .cont-wrap-inner { padding-top: 0; }
#equipment .sub-title { font-family: "Nunito Sans", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100, "YTLC" 500; font-size: 24px; color: #998a6e; border-bottom: 1px solid currentColor; margin-top: 60px; line-height: 1; letter-spacing: 0.02em; }
#equipment .sub-title:first-of-type { margin-top: 30px; }
#equipment .item-list { display: grid; grid-template-columns: repeat(3, 1fr); }
#equipment .sub-title + .item-list { margin-top: 30px; }

#bathroom-door { grid-row: span 2; }

#linen-storage { grid-row: span 3; }

#top-plate { grid-column: span 2; display: grid; grid-template-columns: 0.88fr 1fr; grid-template-rows: repeat(3, auto) 1fr; column-gap: var(--item-column-gap); }
#top-plate .img { grid-row: span 4; }
#top-plate .name { margin-top: 0; }

@media screen and (max-width: 600px) { #equipment .sub-title { font-size: 20px; }
  #equipment .item-list { grid-template-columns: repeat(2, 1fr); }
  #equipment .sub-title + .item-list { margin-top: 20px; } }
/******************************************************

ecology

******************************************************/
#ecology .item-list { display: grid; grid-template-columns: repeat(2, 1fr); }

#grade { grid-column: span 2; display: grid; grid-template-columns: 0.42fr 1fr; grid-template-rows: repeat(3, auto) 1fr; column-gap: var(--item-column-gap); }
#grade .img { grid-row: span 3; }
#grade .name { margin-top: 0; }

@media screen and (max-width: 1024px) { #grade { grid-template-columns: 0.7fr 1fr; } }
@media screen and (max-width: 600px) { #ecology .item-list { grid-template-columns: 1fr; }
  #grade { grid-column: span 1; grid-template-columns: 1fr; }
  #grade .name { margin-top: 15px; } }
/******************************************************

comfort

******************************************************/
#comfort .item-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
#comfort .item-list .item { width: 29.23%; }
#comfort .item-list .item:nth-child(-n+2) { width: 46.92%; }
#comfort .item-list::after { content: ''; display: block; width: 29.23%; }

@media screen and (max-width: 600px) { #comfort .item-list { display: grid; grid-template-columns: repeat(2, 1fr); }
  #comfort .item-list .item { width: 100%; }
  #comfort .item-list .item:nth-child(-n+2) { grid-column: span 2; width: 100%; }
  #comfort .item-list::after { display: none; } }
/******************************************************

structure

******************************************************/
#structure .item-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
#structure .item-list .item { width: 46.92%; }
#structure .item-list #performance { width: 64.61%; display: grid; grid-template-columns: 0.88fr 1fr; column-gap: var(--item-column-gap); grid-template-rows: repeat(2, auto) 1fr; }
#structure .item-list #performance .img { grid-row: span 3; }
#structure .item-list #performance .name { margin-top: 0; }
#structure .item-list #concrete { width: 29.23%; }
#structure .item-list #insulation-method { width: 100%; }
#structure .item-list #insulation-method .img-list { background-color: #fff; display: grid; grid-template-columns: 0.71fr 1fr; padding: 30px 35px 10px 30px; }

@media screen and (max-width: 600px) { #structure .item-list { display: grid; grid-template-columns: repeat(2, 1fr); }
  #structure .item-list .item { width: 100%; grid-column: span 2; }
  #structure .item-list #performance, #structure .item-list #concrete, #structure .item-list #insulation-method { width: 100%; }
  #structure .item-list #performance { grid-column: span 1; grid-template-columns: 1fr; }
  #structure .item-list #performance .name { margin-top: 15px; }
  #structure .item-list #concrete { grid-column: span 1; }
  #structure .item-list #insulation-method .img-list { grid-template-columns: 1fr; row-gap: 40px; padding: 25px; }
  #structure .item-list #insulation-method .img-list .img01 { width: 80%; margin-inline: auto; } }
/******************************************************

security

******************************************************/
#security .item-list { display: grid; grid-template-columns: repeat(2, 1fr); }
#security .item { display: grid; grid-template-columns: 0.59fr 1fr; grid-template-rows: repeat(2, auto) 1fr; column-gap: var(--item-column-gap); align-items: flex-start; }
#security .item .img { grid-row: span 3; }
#security .item .name { margin-top: 0; }
#security #emergency-system, #security #cigr { grid-template-columns: 1fr 0.49fr; grid-column: span 2; }
#security #cigr { grid-template-rows: repeat(3, auto) 1fr; }
#security #cigr .img { grid-row: span 4; }
#security #security-camera { grid-template-rows: repeat(3, auto) 1fr; }
#security #security-camera .img { grid-row: span 4; }
#security #tebra-connect { grid-template-columns: 1fr 0.65fr; }
#security #tebra-connect .img { grid-row: span 1; }
#security #tebra-connect .text, #security #tebra-connect .note { grid-column: span 2; }

@media screen and (max-width: 1024px) { #security #emergency-system, #security #cigr { grid-template-columns: 1fr; }
  #security #emergency-system .name, #security #cigr .name { margin-top: 15px; }
  #security #tebra-connect { grid-template-columns: 1fr; }
  #security #tebra-connect .name { margin-top: 15px; }
  #security #tebra-connect .text, #security #tebra-connect .note { grid-column: span 1; } }
@media screen and (max-width: 600px) { #security .item { display: block; }
  #security .item .name { margin-top: 15px; } }
/******************************************************

support

******************************************************/
#support .overview { display: grid; grid-template-columns: 0.45fr 1fr; column-gap: 64px; row-gap: 40px; margin-top: 40px; }
#support .overview .logo { grid-row: span 2; }
#support .overview .sub-title { font-size: 24px; color: #000; }
#support .overview .item { display: grid; grid-template-columns: 1fr 0.88fr; column-gap: var(--item-column-gap); }
#support .overview .item .name { grid-column: span 2; }
#support .overview .item .img { margin-top: 20px; }
#support .item-list { display: grid; grid-template-columns: repeat(3, 1fr); }
#support .item-list + .local-nav { margin-top: 80px; }
#support .item .name { border-bottom: 1px solid currentColor; padding-bottom: 3px; }
#support .item .list { list-style: disc; padding-left: 1em; font-size: 15px; color: #000; line-height: 1; display: flex; flex-wrap: wrap; row-gap: 10px; margin-top: 10px; }
#support #long-term-service { grid-column: span 3; }
#support #staff-support { grid-column: span 3; display: grid; grid-template-columns: 0.39fr 1fr; grid-template-rows: repeat(2, auto) 1fr; column-gap: var(--item-column-gap); align-items: flex-start; }
#support #staff-support .img { grid-row: span 3; }
#support #staff-support .name { margin-top: 0; }
#support #regular-service { grid-column: span 3; display: grid; grid-template-columns: 1fr 0.33fr; grid-template-rows: repeat(2, auto) 1fr; column-gap: var(--item-column-gap); }
#support #regular-service .img { grid-row: span 3; }
#support #regular-service .name { margin-top: 0; }
#support #maintenance-tool { grid-column: span 2; display: grid; grid-template-columns: 1fr 0.47fr; grid-template-rows: repeat(2, auto) 1fr; column-gap: var(--item-column-gap); align-items: flex-start; }
#support #maintenance-tool .name { grid-column: span 2; order: 1; }
#support #maintenance-tool .text { order: 2; }
#support #maintenance-tool .img { margin-top: 20px; order: 3; grid-row: span 2; }
#support #maintenance-tool .note { order: 4; }

@media screen and (max-width: 1024px) { #support .overview { column-gap: 40px; row-gap: 30px; }
  #support .overview .sub-title { font-size: 20px; }
  #support #regular-service { grid-template-columns: 1fr; }
  #support #regular-service .name { margin-top: 15px; } }
@media screen and (max-width: 600px) { #support .overview { row-gap: 30px; grid-template-columns: 1fr; }
  #support .overview .logo { width: 70%; max-width: 180px; margin-inline: auto; }
  #support .overview .sub-title { font-size: 18px; text-align: center; }
  #support .overview .item { grid-template-columns: 1fr; }
  #support .overview .item .name { grid-column: span 1; order: 1; }
  #support .overview .item .text { order: 3; }
  #support .overview .item .img { order: 2; max-width: 200px; margin-inline: auto; }
  #support .item-list { grid-template-columns: repeat(2, 1fr); }
  #support .item-list + .local-nav { margin-top: 40px; }
  #support .item .list { font-size: 14px; }
  #support #long-term-service, #support #staff-support, #support #regular-service { grid-column: span 2; }
  #support #staff-support { grid-template-columns: 1fr; }
  #support #staff-support .img { max-width: 240px; margin-inline: auto; }
  #support #staff-support .name { margin-top: 15px; }
  #support #maintenance-tool { grid-template-columns: 1fr 0.8fr; } }