@media all and (min-width:751px) {
  header.logoC:not(.is-scrolled) .menu_icon-inner .cross span {
    background-color: #000!important;
  }
  header.logoC:not(.is-scrolled) .menu_icon-inner .menu_icon_txt {
    color: #000;
  }
}
h3, hgroup h3 {
  margin-block: var(--leading-trim);
  font-size: 23px;
  letter-spacing: 0.1em;
  line-height: 1.739;
  color: #9a885f;
}
.h_txt {
  margin-block: var(--leading-trim);
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.666;
  color: #333333;
}
.content-flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media all and (max-width:750px) {
  h3, hgroup h3 {
    margin-block: var(--leading-trim);
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.1875;
    color: #9a885f;
  }
  .h_txt {
    margin-block: var(--leading-trim);
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
    color: #333333;
  }
  .content-flex-container {
    display: block;
  }
}

.content_blk.system {
  margin-top: 101px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 20px;
}
.content_blk.system hgroup .h_txt {
  margin-block: calc(19px + var(--leading-trim)) var(--leading-trim);
}
.content_blk.system img {
  width: 82px;
  aspect-ratio: 1 / 1;
}
.content-flex-container.sysSecurity {
  position: relative;
}
.sysSecurity-inner {
  padding: 0 30px 30px;
}
.content_blk.sysCommon {
  margin-top: 18px;
  width: 49.218%;
  background-color: #ebf0ed;
}
.content_blk.sysExclusive {
  margin-top: 18px;
  width: 49.218%;
  background-color: #f3f0e8;
}
.content_blk.sysCommon h4 {
  padding-block: 8.5px;
  font-size: 21px;
  line-height: 1.285;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  background-color: #829c8e;
}
.content_blk.sysExclusive h4 {
  padding-block: 8.5px;
  font-size: 21px;
  line-height: 1.285;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  background-color: #6e6a5d;
}
.content-flex-container > p {
  width: 100%;
}
.content-flex-container.sysSecurity span.caption {
  position: absolute;
  bottom: 0;
  right: 0;
}
.sys_ttl {
  margin-block: calc(20px + var(--leading-trim)) var(--leading-trim);
  font-size: 21px;
  line-height: 1.285;
  letter-spacing: 0.1em;
  text-align: center;
}
.content_blk.sysCommon .sys_ttl {
  color: #658373;
}
.content_blk.sysExclusive .sys_ttl {
  color: #696556;
}
.sys_desc {
  margin-block: calc(17px + var(--leading-trim)) var(--leading-trim);
  font-size: 15px;
  line-height: 1.666;
  letter-spacing: 0.1em;
  color: #333333;
  text-align: center;
}
.sysSecurity-inner > picture img {
  margin-top: 20px;
}
.sysSecurity .feature-wrap {
  margin-top: 20px;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
.sysSecurity .feature_item {
  padding: 11px;
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.533;
  text-align: center;
  color: #fff;
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.sysSecurity .feature_item.pc-gc2 {
  grid-column: 1 / 3;
}
.sysCommon .feature_item {
  background-color: #829c8e;
}
.sysExclusive .feature_item {
  background-color: #6e6a5d;
}
.sysSecurity .feature_item span {
  font-size: 19px;
  letter-spacing: 0.1em;
  line-height: 1.21;
  color: #fff89e;
}

.content_blk.tebra {
  margin-top: 40px;
  width: 47.422%;
  display: flex;
  justify-content: space-between;
}
.content_blk.tebra .txt-wrap {
  width: 61.943%;
}
.content_blk.tebra .txt-wrap p {
  margin-block: calc(18px + var(--leading-trim)) var(--leading-trim);
}
.content_blk.tebra figure {
  width: 35.42%;
  text-align: right;
}
.content_blk.cell {
  margin-top: 40px;
  width: 49.843%;
  display: flex;
  justify-content: space-between;
}
.content_blk.cell .txt-wrap {
  width: 77.272%;
}
.content_blk.cell .txt-wrap p {
  margin-block: calc(18px + var(--leading-trim)) var(--leading-trim);
}
.content_blk.cell figure {
  width: 19.905%;
  text-align: center;
}
.content_blk.tebra figure .caption {
  margin-top: 12px;
}
.content_blk.cell  figure .caption {
  margin-top: 4px;
}
@media all and (max-width:750px) {
  .content_blk.system {
    position: relative;
    margin-top: calc((( 100 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .content_blk.system hgroup {
    width: 77.910%;
  }
  .content_blk.system hgroup .h_txt {
    margin-block: calc(calc((( 30 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
    word-break: break-word;
  }
  .content_blk.system img {
    position: absolute;
    top: calc((( 147 / var(--media_sp)) * 100) * var(--vw));
    right: 0;
    width: calc((( 128 / var(--media_sp)) * 100) * var(--vw));
    aspect-ratio: 1 / 1;
  }
  .content-flex-container.sysSecurity {
    position: relative;
  }
  .sysSecurity-inner {
    padding: 0 calc((( 30 / var(--media_sp)) * 100) * var(--vw)) calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .content_blk.sysCommon {
    margin-top: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    background-color: #ebf0ed;
  }
  .content_blk.sysExclusive {
    margin-top: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    background-color: #f3f0e8;
  }
  .content_blk.sysCommon h4,
  .content_blk.sysExclusive h4 {
    padding-block: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.1875;
    letter-spacing: 0.1em;
  }
  .content-flex-container > p {
    width: 100%;
  }
  .content-flex-container.sysSecurity span.caption {
    position: static;
    bottom: 0;
    right: auto;
  }
  .sys_ttl {
    margin-block: calc(calc((( 30 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.1875;
    letter-spacing: 0.1em;
  }
  .sys_desc {
    margin-block: calc(calc((( 28 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1.5;
  }
  .sysSecurity-inner > picture img {
    margin-top: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
  }
  .sysSecurity .feature-wrap {
    margin-top: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .sysSecurity .feature-wrap > * + * {
    margin-top: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .sysSecurity .feature_item {
    padding-block: calc((( 15 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.583;
    text-align: center;
    color: #fff;
  }
  .sysSecurity .feature_item span {
    font-size: calc((( 26 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.461;
    color: #fff89e;
  }

  .content_blk.tebra {
    margin-top: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .content_blk.tebra .txt-wrap {
    width: 57.164%;
  }
  .content_blk.tebra .txt-wrap p {
    margin-block: calc(calc((( 29 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
  }
  .content_blk.tebra figure {
    width: 41.343%;
    text-align: right;
  }
  .content_blk.cell {
    margin-top: calc((( 50 / var(--media_sp)) * 100) * var(--vw));
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .content_blk.cell .txt-wrap {
    width: 69.104%;
  }
  .content_blk.cell .txt-wrap p {
    margin-block: calc(calc((( 30 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
  }
  .content_blk.cell figure {
    width: 29.253%;
    text-align: center;
  }
  .content_blk.tebra figure .caption{
    margin-top: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
  }
  .content_blk.cell  figure .caption {
    margin-top: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: -0.02em;
  }
}

.content_blk.secom {
  position: relative;
  background-color: #f3f0e8;
  margin-top: 30px;
  padding: 50px;
}
.content_blk.secom .h_txt {
  width: 81.355%;
  margin-block: calc(21px + var(--leading-trim)) var(--leading-trim);
}
.secom_img {
  position: absolute;
  top: 77px;
  right: 50px;
  width: 109px;
}
.content_blk.secom figure {
  margin-top: 31px;
}
.content_blk.secom .caption {
  position: absolute;
  bottom: 28px;
  right: 50px;
  line-height: 1;
}
@media all and (max-width:750px) {
  .content_blk.secom {
    margin-top: calc((( 78 / var(--media_sp)) * 100) * var(--vw));
    padding: calc((( 40 / var(--media_sp)) * 100) * var(--vw)) calc((( 40 / var(--media_sp)) * 100) * var(--vw)) calc((( 67 / var(--media_sp)) * 100) * var(--vw));
  }
  .content_blk.secom .h_txt {
    width: 72.711%;
    margin-block: calc(calc((( 30 / var(--media_sp)) * 100) * var(--vw)) + var(--leading-trim)) var(--leading-trim);
  }
  .secom_img {
    position: absolute;
    top: calc((( 105 / var(--media_sp)) * 100) * var(--vw));
    right: calc((( 50 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 143 / var(--media_sp)) * 100) * var(--vw));
  }
  .content_blk.secom figure {
    margin-top: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .content_blk.secom .caption {
    position: absolute;
    bottom: calc((( 38 / var(--media_sp)) * 100) * var(--vw));
    right: calc((( 50 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
  }
}

.content_blk.door {
  margin-top: 80px;
}
.door_ttl {
  width: 206px;
  height: 35px;
  display: grid;
  place-content: center;
  font-size: 19px;
  line-height: 1;
  color: #fff;
  background-color: #6e6a5d;
}
.door_txt {
  margin-top: 20px;
  font-size: 27px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.door_figure-container {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 38.515% 1fr 1fr;
  gap: 15px 35px;
}
.door_main_img {
  grid-column: 1 / 2;
  grid-row: 1 / 4;
}
.door_main_item {
  grid-column: span 1;
  grid-row: span 1;
}
.door_item_content {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.door_main_item:nth-of-type(odd) figure {
  width: 38.888%;
}
.door_main_item:nth-of-type(odd) p {
  width: calc(100% - 10px - 38.888%);
}
.door_main_item:nth-of-type(even) figure {
  width: 55.555%;
}
.door_main_item:nth-of-type(even) p {
  width: calc(100% - 10px - 55.555%);
}
.door_main_item h4 {
  margin-block: var(--leading-trim);
  font-size: 21px;
  letter-spacing: 0.08em;
  line-height: 1.428;
  color: #9a885f;
}
.door_main_item h4 .num {
  display: inline-grid;
  place-content: center;
  margin-right: 10px;
  position: relative;
  top: -2px;
  padding-bottom: 2px;
  width: 20px;
  height: 20px;
  font-size: 17px;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #9a885f;
}
.door_item_content {
  margin-top: 17px;
}
.door_item_content figure .caption {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1;
  text-align: right;
}
.door_item_content p {
  margin-block: var(--leading-trim);
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.666;
}
.door_main_item:last-child .door_item_content p {
  width: 100%;
}

.door_item-container {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.door_item-wrap {
  width: calc(((100% - (40px * 3))) / 4);
}
.door_item-wrap .img-wrap {
  position: relative;
}
.door_item-wrap .img-wrap .caption {
  position: absolute;
  bottom: 5px;
  right: 5px;
  line-height: 1;
}
.door_item-wrap h4 {
  display: grid;
  align-items: center;
  height: 80px;
  font-size: 21px;
  letter-spacing: 0.1em;
  line-height: 1.285;
}
.door_item-wrap p {
  font-size: 15px;
  letter-spacing: 0.1em;
  line-height: 1.666;
}
@media all and (max-width:750px) {
  .content_blk.door {
    margin-top: calc((( 90 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_ttl {
    width: calc((( 267 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 40 / var(--media_sp)) * 100) * var(--vw));
    display: grid;
    place-content: center;
    font-size: calc((( 26 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
    color: #fff;
    background-color: #6e6a5d;
  }
  .door_txt {
    margin-top: calc((( 29 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .door_figure-container {
    margin-top: calc((( 29 / var(--media_sp)) * 100) * var(--vw));
    display: block;
  }
  .door_figure-container > * + * {
    margin-top: calc((( 36 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_item_content {
    display: flex;
    justify-content: space-between;
    align-items: start;
  }
  .door_main_item:nth-of-type(odd) figure,
  .door_main_item:nth-of-type(even) figure {
    width: 39.85%;
  }
  .door_main_item:nth-of-type(odd) p,
  .door_main_item:nth-of-type(even) p {
    width: 55.671%;
  }
  .door_main_item h4 {
    margin-block: var(--leading-trim);
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.428;
    color: #9a885f;
  }
  .door_main_item h4 .num {
    margin-right: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    position: relative;
    top: calc((( -2 / var(--media_sp)) * 100) * var(--vw));
    padding-bottom: calc((( 2 / var(--media_sp)) * 100) * var(--vw));
    width: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    height: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_item_content {
    margin-top: calc((( 25 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_item_content figure .caption {
    margin-top: calc((( 10 / var(--media_sp)) * 100) * var(--vw));
    font-size: calc((( 20 / var(--media_sp)) * 100) * var(--vw));
    line-height: 1;
    text-align: right;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
  .door_item_content p {
    margin-block: var(--leading-trim);
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .door_main_item:last-child .door_item_content p {
    width: 100%;
  }

  .door_item-container {
    margin-top: calc((( 45 / var(--media_sp)) * 100) * var(--vw));
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: calc((( 30 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_item-wrap {
    width: calc((( 320 / var(--media_sp)) * 100) * var(--vw));
  }
  .door_item-wrap .img-wrap {
    position: relative;
  }
  .door_item-wrap .img-wrap .caption {
    position: absolute;
    bottom: 5px;
    right: 5px;
    margin-block: var(--leading-trim);
    line-height: 1.4;
    text-align: right;
  }
  .door_item-wrap h4 {
    display: block;
    height: auto;
    padding-block: calc((( 30 / var(--media_sp)) * 100) * var(--vw)) calc((( 27 / var(--media_sp)) * 100) * var(--vw));
    margin-block: var(--leading-trim);
    font-size: calc((( 32 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.1875;
  }
  .door_item-wrap p {
    font-size: calc((( 24 / var(--media_sp)) * 100) * var(--vw));
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
}