@charset "utf-8";

#contentWrap {
  padding: 0;
  margin: 0 0 50px;
  line-height: 1.5;
  font-feature-settings: "halt" on;
}
@media screen and (min-width:768px) {
  #contentWrap {
    padding: 0 0 50px;
    margin: 0 0 50px;
  }
}


/*＝＝＝＝＝ 共通 ＝＝＝＝＝*/
.layout__column--xs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  gap: clamp(4px, 2.5454545455px + 0.4545454545vw, 8px)
}

.layout__column--sm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  gap: clamp(8px, 5.0909090909px + 0.9090909091vw, 16px)
}

.layout__column--md {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: clamp(16px, 10.1818181818px + 1.8181818182vw, 32px)
}

.layout__column--lg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  gap: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px)
}

.layout__column--lgxl {
  display: flex;
  flex-direction: column;
  gap: 60px;
  gap: clamp(60px, 40.3636363636px + 6.1363636364vw, 114px)
}

.layout__column--xl {
  display: flex;
  flex-direction: column;
  gap: 64px;
  gap: clamp(64px, 40.7272727273px + 7.2727272727vw, 128px)
}

.layout__column--xxl {
  display: flex;
  flex-direction: column;
  gap: 128px;
  gap: clamp(128px, 81.4545454545px + 14.5454545455vw, 256px)
}


@media screen and (min-width:768px) {
  .v--sptab {
    display: none
  }
}

@media screen and (min-width:480px) {
  .v--sp {
    display: none
  }
}

@media screen and (max-width:480px) {
  .v--tab {
    display: none
  }
}

@media screen and (max-width:768px) {
  .v--pc {
    display: none
  }
}

.layout__ptb--lg {
  padding-top: 32px;
  padding-top: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px);
  padding-bottom: 32px;
  padding-bottom: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px)
}

.text12 {
  font-size: 10px;
  font-size: clamp(10px, 9.2727272727px + 0.2272727273vw, 12px)
}

.text14 {
  font-size: 12px;
  font-size: clamp(12px, 11.2727272727px + 0.2272727273vw, 14px)
}

.text16 {
  font-size: 14px;
  font-size: clamp(14px, 13.2727272727px + 0.2272727273vw, 16px)
}

.text18 {
  font-size: 16px;
  font-size: clamp(16px, 15.2727272727px + 0.2272727273vw, 18px)
}

.border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  padding: 1em 2em
}

/*＝＝＝＝＝ 共通 ＝＝＝＝＝*/


.page__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  aspect-ratio: 75/16;
  background-color: #555555;
  background-image: url(../img/structure/bg-structure.jpg);
  background-position: center center;
}

@media screen and (min-width:768px) {
  .page__hero {
    aspect-ratio: 288/32;
    background-position: center center;
  }
}

.page__hero .page__hero--title {
  font-size: 22px;
  letter-spacing: 0.2em;
  color: #fff;
}

@media screen and (min-width:768px) {
  .page__hero .page__hero--title {
    font-size: 30px;
  }
}



#structure .anchor__link {
  margin: 0 auto;
  max-width: 960px
}

#structure .anchor__link ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 25px 10px;
  flex-direction: row
}

#structure .anchor__link ul>* {
  width: calc((100% - 10px * 1) / 2)
}

@media screen and (min-width:768px) {
  #structure .anchor__link ul {
    flex-direction: row;
    padding: 0px 0px;
    gap: 24px 24px
  }

  #structure .anchor__link ul>* {
    width: calc((100% - 24px * 2) / 3)
  }
}

@media screen and (max-width:768px) {
  #structure .anchor__link ul li:first-of-type {
    margin: 0 60px
  }
}

#structure .anchor__link ul li a {
  position: relative;
  display: block;
  padding: 0.3em 0em;
  border-top: #000 solid 1px;
  border-bottom: #000 solid 1px;
  font-size: 0.9375rem;
  color: #000;
  font-family: "Cormorant Garamond", serif;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .anchor__link ul li a {
    font-size: 1rem
  }
}

@media screen and (min-width:1025px) {
  #structure .anchor__link ul li a {
    font-size: 1.25rem
  }
}

.anchor__link ul li a.current:after,
.anchor__link ul li a:hover:after {
  position: absolute;
  top: 100%;
  left: calc(50% - 9px);
  width: 18px;
  height: 12px;
  border-top: #000 solid 12px;
  border-right: transparent solid 9px;
  border-left: transparent solid 9px;
  content: ""
}



#structure .structure__main {
  padding-top: 40px;
  padding-top: clamp(40px, 25.4545454545px + 4.5454545455vw, 80px)
}

#structure .section__header {
  margin: 64px auto 32px;
  max-width: 1240px;
  width: 90%
}

@media screen and (min-width:480px) {
  #structure .section__header {
    width: 80%
  }
}

@media screen and (min-width:768px) {
  #structure .section__header {
    width: 100%
  }
}

#structure .section__header h3 {
  font-weight: normal;
  color: #ac8450;
  text-align: center;
  letter-spacing: 0.225em;
  font-size: 1rem
}

@media screen and (min-width:480px) {
  #structure .section__header h3 {
    font-size: 1.25rem
  }
}

#structure .section__header h3 span {
  font-family: "Cormorant Garamond", serif;
  display: block;
  font-size: 1.5rem
}

@media screen and (min-width:480px) {
  #structure .section__header h3 span {
    font-size: 1.875rem
  }
}

#structure .section__header p {
  margin-top: 2em;
  font-size: 0.875rem;
  text-align: center;
  letter-spacing: 0.225em
}

@media screen and (min-width:480px) {
  #structure .section__header p {
    font-size: 1.125rem
  }
}

#structure .structure__content .structure__content--items {
  margin: 0 auto
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items {
    width: 80%
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items {
    margin: 0 auto;
    width: 100%
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb {
  margin-bottom: 12px;
  text-align: center
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb img {
  width: 100%
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb figcaption {
  text-align: left;
  margin-top: 4px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb figcaption {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb.w90 {
  width: 90%;
  margin: 0 auto
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb.w80 {
  width: 80%;
  margin: 0 auto
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__thumb.w70 {
  width: 70%;
  margin: 0 auto
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__title {
  margin-bottom: 20px;
  padding: 0.3em 0px;
  font-size: 0.875rem;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  text-align: center;
  font-weight: normal
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .item__title {
    font-size: 1.25rem
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__text {
  margin-bottom: 12px;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .item__text {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .item__text--small {
  margin-bottom: 12px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .item__text--small {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .content__title {
  font-weight: normal;
  color: #46799f;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--pc {
  display: none
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--pc {
    display: block
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp {
  display: block
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp {
    display: none
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .item__title {
  padding: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a;
  color: #24547a;
  font-size: 0.9375rem;
  margin-top: 32px;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .item__title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  color: #fff;
  background-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .item__text {
  margin-top: 0
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .item__thumb figcaption {
  font-size: 0.875rem;
  margin-bottom: 4px
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .sub__box {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  color: #24547a
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
    font-size: 0.9375rem
  }
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .sub__box .item__thumb {
  display: flex;
  align-items: center;
  justify-content: center
}

#structure .structure__content .structure__content--items .structure--items .structure--item .structure__content--sp.structure__content--sp--a .sub__box .item__thumb img {
  width: 80%
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--pc {
  display: none
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--pc {
    display: block
  }
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp {
  display: block
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp {
    display: none
  }
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .item__title {
  padding: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #4c4948;
  color: #4c4948;
  font-size: 0.9375rem;
  margin-top: 32px;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .item__title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  color: #fff;
  background-color: #4c4948
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .item__text {
  margin-top: 0
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .item__thumb figcaption {
  font-size: 0.875rem;
  margin-bottom: 4px
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .sub__box {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #4c4948
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  color: #4c4948
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
    font-size: 0.9375rem
  }
}

#structure .structure__content .structure__content--items .structure--items--a .structure--item .structure__content--sp.structure__content--sp--a .sub__box .item__thumb img {
  width: 80%
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--b {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0px 40px
  }

  #structure .structure__content .structure__content--items .structure--items--b>:nth-child(5n-4) {
    width: calc((100% - 40px * 1) * 5 / 10)
  }

  #structure .structure__content .structure__content--items .structure--items--b>:nth-child(5n-3) {
    width: calc((100% - 40px * 1) * 5 / 10)
  }

  #structure .structure__content .structure__content--items .structure--items--b>:nth-child(5n-2) {
    width: calc((100% - 40px * 0) * 10 / 10)
  }

  #structure .structure__content .structure__content--items .structure--items--b>:nth-child(5n-1) {
    width: calc((100% - 40px * 0) * 10 / 10)
  }

  #structure .structure__content .structure__content--items .structure--items--b>:nth-child(5n) {
    width: calc((100% - 40px * 0) * 10 / 10)
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item {
  margin-bottom: 32px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__thumb {
  margin-bottom: 12px;
  text-align: center
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__thumb figcaption {
  text-align: left;
  margin-top: 4px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .item__thumb figcaption {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__title {
  margin-bottom: 20px;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  text-align: center;
  font-weight: normal
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text {
  margin-bottom: 12px;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text .text--strong {
  display: block;
  margin-bottom: 10px;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text .text--strong {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text--small {
  margin-bottom: 12px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .item__text--small {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .content__title {
  font-weight: normal;
  color: #46799f;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul>* {
  width: calc((100% - 10px * 1) / 2)
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul {
    gap: 10px 10px
  }

  #structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul>* {
    width: calc((100% - 10px * 2) / 3)
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__img {
  flex: none;
  width: 60px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__box {
  display: block;
  margin-left: 12px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__tit {
  display: block;
  color: #595757;
  text-align: left;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__tit {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__txt {
  display: block;
  text-align: left;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .evaluation__list ul li .li__txt {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--pc {
  display: none
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--pc {
    display: block
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp {
  display: block
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp {
    display: none
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .item__title {
  padding: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a;
  color: #24547a;
  font-size: 0.9375rem;
  margin-top: 32px;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .item__title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  color: #fff;
  background-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .item__text {
  margin-top: 0
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .item__thumb figcaption {
  font-size: 0.875rem;
  margin-bottom: 4px
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .sub__box {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  color: #24547a
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
    font-size: 0.9375rem
  }
}

#structure .structure__content .structure__content--items .structure--items--b .structure--item .structure__content--sp.structure__content--sp--a .sub__box .item__thumb img {
  width: 80%
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item {
  margin-bottom: 32px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__thumb {
  margin-bottom: 12px;
  text-align: center
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__thumb figcaption {
  text-align: left;
  margin-top: 4px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .item__thumb figcaption {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__title {
  margin-bottom: 20px;
  padding: 0.3em 0px;
  font-size: 0.875rem;
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  text-align: center;
  font-weight: normal
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .item__title {
    font-size: 1.25rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text {
  margin-bottom: 12px;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text .text--strong {
  display: block;
  margin-bottom: 10px;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text .text--strong {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text--small {
  margin-bottom: 12px;
  font-size: 0.625rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .item__text--small {
    font-size: 0.75rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .content__title {
  font-weight: normal;
  color: #46799f;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul {
  display: flex;
  flex-wrap: wrap
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul {
    gap: 30px 30px
  }

  #structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul>* {
    width: calc((100% - 30px * 2) / 3)
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__img {
  flex: none;
  width: 60px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__box {
  display: block;
  margin-left: 12px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__tit {
  display: block;
  color: #595757;
  text-align: left;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__tit {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__txt {
  display: block;
  text-align: left;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .evaluation__list ul li .li__txt {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--pc {
  display: none
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--pc {
    display: block
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp {
  display: block
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp {
    display: none
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .item__title {
  padding: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a;
  color: #24547a;
  font-size: 0.9375rem;
  margin-top: 32px;
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .item__title span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  color: #fff;
  background-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .item__text {
  margin-top: 0
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .item__thumb figcaption {
  font-size: 0.875rem;
  margin-bottom: 4px
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .sub__box {
  padding: 16px;
  border-width: 1px;
  border-style: solid;
  border-color: #24547a
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
  color: #24547a
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .sub__box h5 {
    font-size: 0.9375rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .structure--item .structure__content--sp.structure__content--sp--a .sub__box .item__thumb img {
  width: 80%
}

#structure .structure__content .structure__content--items .structure--items--c .wrapper__title {
  text-align: center;
  font-weight: normal;
  font-size: 0.875rem;
  margin-bottom: 20px
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .wrapper__title {
    font-size: 1.125rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .wrapper__title {
  color: #afc7e0
}

#structure .structure__content .structure__content--items .structure--items--c .item__elevator .wrapper__title {
  color: #bed5a4
}

#structure .structure__content .structure__content--items .structure--items--c .item__front .wrapper__title {
  color: #dfb4b3
}

#structure .structure__content .structure__content--items .structure--items--c .item__house .wrapper__title {
  color: #dac992
}

#structure .structure__content .structure__content--items .structure--items--c .wrapper__title span {
  display: block;
  padding: 10px 0;
  color: #fff;
  margin-bottom: 14px
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .wrapper__title span {
  background-color: #afc7e0
}

#structure .structure__content .structure__content--items .structure--items--c .item__elevator .wrapper__title span {
  background-color: #bed5a4
}

#structure .structure__content .structure__content--items .structure--items--c .item__front .wrapper__title span {
  background-color: #dfb4b3
}

#structure .structure__content .structure__content--items .structure--items--c .item__house .wrapper__title span {
  background-color: #dac992
}

#structure .structure__content .structure__content--items .structure--items--c .wrapper__item--inner {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 20px
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list>* {
  width: calc((100% - 20px * 1) / 2)
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list {
    gap: 20px 20px
  }

  #structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list>* {
    width: calc((100% - 20px * 3) / 4)
  }
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__item {
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__item {
    margin-bottom: 0px
  }
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__title {
  color: #6182a5;
  margin-top: 10px;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__title {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__text {
  margin-top: 10px;
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure--items--c .item__tabra .tabra__list .tabra__text {
    font-size: 0.875rem
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .elevator__list {
    display: flex;
    justify-content: space-between;
    gap: 0px 0px
  }

  #structure .structure__content .structure__content--items .elevator__list>:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 3.85 / 10)
  }

  #structure .structure__content .structure__content--items .elevator__list>:nth-child(2n) {
    width: calc((100% - 0px * 1) * 5.8 / 10)
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item+.elevator__item {
  margin-top: 20px
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item+.elevator__item {
    margin-top: 0px
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .item__elevator__list {
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__title {
  font-weight: normal;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #000;
  padding-bottom: 8px;
  margin-bottom: 12px;
  font-size: 1rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__title {
    font-size: 1.125rem
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__text {
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__text {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__text span {
  display: block;
  margin-bottom: 8px;
  color: #89a867;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__text span {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .item__elevator__list .elevator__text span {
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .item__elevator__list .elevator__text span {
    font-size: 0.875rem
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list>* {
  width: calc((100% - 20px * 1) / 2)
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list--mini {
    display: flex;
    gap: 10px 10px
  }

  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list--mini>:nth-child(2n-1) {
    width: calc((100% - 10px * 1) * 7 / 10)
  }

  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list--mini>:nth-child(2n) {
    width: calc((100% - 10px * 1) * 3 / 10)
  }
}

#structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list--mini .item__thumb {
  margin-top: 10px
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .elevator__list .elevator__item .elevator__list--mini .item__thumb {
    margin-top: 0px
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .front__list .front__container {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px 40px
  }

  #structure .structure__content .structure__content--items .front__list .front__container>* {
    width: calc((100% - 40px * 2) / 3)
  }
}

#structure .structure__content .structure__content--items .front__list .front__container .front__item+.front__item {
  margin-top: 32px
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .front__list .front__container .front__item+.front__item {
    margin-top: 0px
  }
}

#structure .structure__content .structure__content--items .front__list .front__container .front__item .front__thumb {
  margin-bottom: 10px
}

#structure .structure__content .structure__content--items .front__list .front__container .front__item .front__thumb * {
  width: 100%
}

#structure .structure__content .structure__content--items .front__list .front__container .front__item .front__title {
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
  color: #c88185;
  font-size: 0.875rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .front__list .front__container .front__item .front__title {
    font-size: 1rem
  }
}

#structure .structure__content .structure__content--items .front__list .front__container .front__item .front__text {
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .front__list .front__container .front__item .front__text {
    font-size: 0.875rem
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary {
    display: flex
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--a {
    gap: 24px 24px
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--a>:nth-child(2n-1) {
    width: calc((100% - 24px * 1) * 4.3 / 10)
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--a>:nth-child(2n) {
    width: calc((100% - 24px * 1) * 5.7 / 10)
  }
}
#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--a>:nth-child(2n-1) h4 {
  background: #FAEBBF;
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(250, 235, 191, 1) 50%, rgba(255, 255, 255, 1) 100%);
  padding: 0.5em;
  text-align: center;
  margin-bottom: 0.5em;
  font-size: 1.25rem;
}
#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--a>:nth-child(2n-1) figure {
  position: relative;
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--c {
    gap: 60px 60px
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--c>:nth-child(2n-1) {
    width: calc((100% - 60px * 1) * 3 / 10)
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--c>:nth-child(2n) {
    width: calc((100% - 60px * 1) * 7 / 10)
  }
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--d>div {
  margin-bottom: 20px
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--d>div {
    margin-bottom: 0px
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--d {
    justify-content: space-between;
    gap: 40px 40px
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--d>:nth-child(2n-1) {
    width: calc((100% - 40px * 1) * 4.9 / 10)
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--d>:nth-child(2n) {
    width: calc((100% - 40px * 1) * 5.1 / 10)
  }
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e {
  font-size: 0.75rem
}

@media screen and (min-width:480px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e {
    font-size: 0.875rem
  }
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e {
    align-items: stretch;
    justify-content: space-between;
    gap: 0px 0px
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e>:nth-child(2n-1) {
    width: calc((100% - 0px * 1) * 1.85 / 10)
  }

  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e>:nth-child(2n) {
    width: calc((100% - 0px * 1) * 7.95 / 10)
  }
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e .first {
  margin-bottom: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  display: flex;
  align-items: center;
  justify-content: center
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e .first {
    margin-bottom: 0px
  }
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e h4 {
  font-weight: normal;
  padding: 10px
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e dl {
  display: flex;
  align-items: center
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e dl+dl {
  margin-top: 10px
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e dl dt {
  text-align: center;
  flex: none;
  width: 10em;
  padding: 8px 8px;
  border-width: 1px;
  border-style: solid;
  border-color: #000
}

#structure .structure__content .structure__content--items .structure__content--primary.structure__content--primary--e dl dd {
  margin-left: 12px
}

#structure .structure__content .structure__content--items .other__content--secondary {
  display: flex
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a1 {
  display: block
}

@media screen and (min-width:768px) {
  #structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a1 {
    display: flex;
    gap: 12px 12px
  }

  #structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a1>:nth-child(2n-1) {
    width: calc((100% - 12px * 1) * 2.8 / 10)
  }

  #structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a1>:nth-child(2n) {
    width: calc((100% - 12px * 1) * 7.2 / 10)
  }
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a2 {
  gap: 10px 10px;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a2>:nth-child(2n-1) {
  width: calc((100% - 10px * 1) * 7 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--a2>:nth-child(2n) {
  width: calc((100% - 10px * 1) * 3 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w1 {
  gap: 10px 10px;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w1>:nth-child(2n-1) {
  width: calc((100% - 10px * 1) * 3.7 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w1>:nth-child(2n) {
  width: calc((100% - 10px * 1) * 6.3 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w2 {
  gap: 10px 10px;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w2>:nth-child(2n-1) {
  width: calc((100% - 10px * 1) * 6.6 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w2>:nth-child(2n) {
  width: calc((100% - 10px * 1) * 3.4 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w3 {
  gap: 10px 10px;
  margin-bottom: 20px
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w3>:nth-child(2n-1) {
  width: calc((100% - 10px * 1) * 5.1 / 10)
}

#structure .structure__content .structure__content--items .other__content--secondary.other__content--secondary--w3>:nth-child(2n) {
  width: calc((100% - 10px * 1) * 4.9 / 10)
}