@charset "utf-8";

/* add css this page only */

#contentsContainer .secPlan .anc-04-01.c-bgBox {
  margin-bottom: 12px;
  background-color: #FCD8E0;
}

#contentsContainer .secPlan .anc-04-02.c-bgBox {
  margin-top: 12px;
  background-color: #CEE6FD;
}

#contentsContainer .secPlan .anc-04-02 .c-sec_name {
  color: #3D77B2;
}

#contentsContainer .secPlan .anc-04-01 .c-card_list .c-card_banner {
  width: 100%;
}

@media (min-width: 1190px) {
  #contentsContainer .secPlan .anc-04-02 .c-card_list .c-card_banner {
    width: calc((100% - 48px) / 3);
  }
}

#contentsContainer .secPlan .c-card_banner a {
  align-items: center;
}

#contentsContainer .secPlan .anc-04-01 .c-txtBgBox_wrap {
  gap: 8px;
  width: 90%;
}

#contentsContainer .secPlan .anc-04-02 .c-txtBgBox_wrap {
  grid-template-columns: 1fr;
  gap: 8px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #contentsContainer .secPlan .anc-04-02 .c-txtBgBox_wrap {
    width: 90%;
  }
}

#contentsContainer .secPlan .c-txtBgBox {
  padding: 0;
}

#contentsContainer .secPlan .c-txtBgBox .c-txtBgBox_ttl {
	padding: 12px 0;
	color: #fff;
	font-size: 15px;
}

@media only screen and (max-width: 768px) {
  #contentsContainer .secPlan .c-txtBgBox .c-txtBgBox_ttl {
		padding: 8px 0;
	}
}

#contentsContainer .secPlan .anc-04-01 .c-txtBgBox {
  background-color: #D4123F;
}

/* #contentsContainer .secPlan .anc-04-02 .c-card_banner:nth-of-type(-n+3) .c-txtBgBox {
  background-color: #3D77B2;
} */

/* #contentsContainer .secPlan .anc-04-02 .c-card_banner:nth-of-type(3) .c-txtBgBox:nth-of-type(n+3) {
  background-color: #BFBFBF;
} */

/* #contentsContainer .secPlan .anc-04-02 .c-card_banner:nth-of-type(n+4) .c-txtBgBox {
	border: 1px solid #3D77B2;
  background-color: #fff;
} */

/* #contentsContainer .secPlan .anc-04-02 .c-card_banner:nth-of-type(n+4) .c-txtBgBox .c-txtBgBox_ttl {
	color: #3D77B2;
} */

#contentsContainer .secServiceOverview .c-sec_pic {
  max-width: 900px;
}

#contentsContainer .uom-unified #anc-02 .c-sec_pic {
  max-width: 700px;
}

#contentsContainer .uom-monitoring #anc-01 .c-sec_pic {
  max-width: 850px;
}

#contentsContainer .uom-operation #anc-01-01 .c-sec_pic {
  max-width: 700px;
}

#contentsContainer .uom-operation #anc-02 .c-sec_pic {
  max-width: 800px;
}

#contentsContainer .uom-optimization #anc-01 .c-sec_pic {
  max-width: 800px;
}

#contentsContainer .uom-optimization #anc-01 .c-picAndTxtBoxList_pic--border {
  padding: clamp(16px, 4vw, 32px);
}

@media (min-width: 769px) {
  #contentsContainer .uom-optimization #anc-02 .c-picAndTxtBoxList_pic {
    max-width: 480px;
  }
}

#contentsContainer .uom-optimization #anc-02 .c-sec_pic {
  max-width: 900px;
}

#contentsContainer .uom-private #anc-01 .c-sec_pic {
  max-width: 800px;
}

#contentsContainer .uom-other :is(#anc-01, #anc-02) .c-sec_pic {
  max-width: 800px;
}

#contentsContainer .uom-case .c-ttlBox {
  margin-top: 0;
  background-color: #fff;
}

#contentsContainer .uom-case .c-table {
  width: auto !important;
}

#contentsContainer .uom-case .c-table tr th:first-child {
  width: fit-content;
  min-width: 100px;
}

#contentsContainer .uom-trial #anc-04 .c-circleList > li:first-of-type {
  margin-top: 6px;
}

#contentsContainer .uom-trial .c-picAndTxtBoxList_lead {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  #contentsContainer .uom-trial .-picInitialSize {
      width: fit-content;
  }
}

#contentsContainer .uom-aws-portal .c-picAndTxtBoxList .c-ttlBox {
  width: 100%;
}

#contentsContainer .uom-zabbix #anc-02 .c-table :is(th, td) {
  position: relative;
}

#contentsContainer .uom-zabbix #anc-02 .c-table :is(.c-table_head--orange, .c-table_cell--orange)::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: calc(100% - 4px);
  height: calc(100% + 4px);
  border-right: 3px solid #D7063B;
  border-left: 3px solid #D7063B;
}

#contentsContainer .uom-zabbix #anc-02 .c-table th.c-table_head--orange::after {
  border-top: 3px solid #D7063B;
}

#contentsContainer .uom-zabbix #anc-02 .c-table tr:nth-last-of-type(2) .c-table_cell--orange::after {
  height: calc(100% - 3px);
  border-bottom: 3px solid #D7063B;
}

/* */

#contentsContainer .secPlan .anc-04-02 .c-card_banner .c-txtBgBox {
  background-color: #3D77B2;
}

#contentsContainer .secPlan .anc-04-02 .c-card_banner .c-txtBgBox--inversion {
  background-color: #ffffff;
  border: 1px solid #3D77B2;
}

#contentsContainer .secPlan .anc-04-02 .c-card_banner .c-txtBgBox--inversion .c-txtBgBox_ttl {
  color: #3D77B2;
}



.-positionRelative {
  position: relative;
}
.c-card_list__icon {
  position: absolute;
  top: -16px;
  right: -10px;
  background-color: #d7063b;
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;

}
@media (min-width: 1190px) {
  #contentsContainer .secPlan .anc-04-02 .c-card_list--4col,
  #contentsContainer .secPlan .anc-04-02 .c-card_list--wide {
    gap: 12px;
  }
  #contentsContainer .secPlan .anc-04-02 .c-card_list--4col .c-card_banner {
    width: calc((100% - 36px) / 4);
  }
  #contentsContainer .secPlan .anc-04-02 .c-card_list--wide .c-card_banner {
    width: calc((100% - 24px) / 3);
  }
  #contentsContainer .secPlan .anc-04-02 .c-card_list--4col .c-card_banner a,
  #contentsContainer .secPlan .anc-04-02 .c-card_list--wide .c-card_banner a {
    padding: 26px;
  }
  .-txt--16 {
    font-size: 18px !important;
  }
}

#contentsContainer .p-servicePageNav_list--wide {
  margin-inline: auto;
  width: 100%;
  max-width: 1210px;
}
#contentsContainer .c-modal_thumbnail figcaption {
  font-size: 16px;
}
.c-modal_wrap {
  padding: 24px;
  border-radius: 8px;
  background-color: #EFF1F2;
}
#contentsContainer .c-modal_thumbnail:hover .c-modal_scaleBtn {
  color: #C52B40;
  opacity: 0.6;
}
#contentsContainer .c-modal_thumbnail:hover .c-modal_scaleBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2882%22%20data-name%3D%22%E3%83%91%E3%82%B9%202882%22%20d%3D%22M7.622%2C5.07a.379.379%2C0%2C0%2C0-.378.378v1.26L4.535%2C4%2C7.244%2C1.291V2.552a.378.378%2C0%2C0%2C0%2C.756%2C0V.378A.379.379%2C0%2C0%2C0%2C7.622%2C0H5.448a.378.378%2C0%2C0%2C0%2C0%2C.756H6.709L4%2C3.465%2C1.291.756H2.551a.378.378%2C0%2C0%2C0%2C0-.756H.378A.378.378%2C0%2C0%2C0%2C0%2C.378V2.552a.378.378%2C0%2C0%2C0%2C.756%2C0V1.291L3.465%2C4%2C.756%2C6.709V5.448a.378.378%2C0%2C1%2C0-.756%2C0V7.622A.378.378%2C0%2C0%2C0%2C.378%2C8H2.551a.378.378%2C0%2C0%2C0%2C0-.756H1.291L4%2C4.535%2C6.709%2C7.244H5.448a.378.378%2C0%2C0%2C0%2C0%2C.756H7.622A.379.379%2C0%2C0%2C0%2C8%2C7.622V5.449a.379.379%2C0%2C0%2C0-.378-.378%22%20fill%3D%22%23c52b40%22%2F%3E%3C%2Fsvg%3E");
  filter: brightness(100%) invert(0);
}

#contentsContainer .c-gradeList.c-gradeList--wide > li {
  width: auto;
  padding-right: 6px;
  padding-left: 6px;
}
.verticalTop {
  vertical-align: top;
}
.c-picAndTxtBoxLis_item {
  display: grid !important;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 10px
}
.c-bgBox {
  display: inherit;
  grid-template-rows: subgrid;
  grid-row: span 2;
}
.-marginT0 {
  margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .c-ttlBox {
  padding: 35px 20px 20px;
  }
  #contentsContainer .c-modal_thumbnail figcaption {
    font-size: 14px;
  }
  #contentsContainer .c-gradeList.c-gradeList--wide > li {
    padding-right: 4px;
    padding-left: 4px;
  }
}

#contentsContainer .l-gridLayout.uom-portal {
  gap: 40px;
}
#contentsContainer .l-gridLayout.uom-portal .c-sec_pic {
  margin-top: 20px;
}
#contentsContainer .l-gridLayout.uom-portal .c-circleList {
  margin-top: 10px;
}
#contentsContainer .l-gridLayout.uom-portal .c-table {
  margin-top: 20px;
}