@charset "UTF-8";
/*---------------------------------------
Common
---------------------------------------*/
.orig-pc {
  display: block;
}

.orig-sp {
  display: none;
}

/*---------------------------------------
Panel・Background
---------------------------------------*/
.orig-panel-box {
  padding: 20px;
  background: #d3edfb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

/*
.orig-panel-box ul li:first-child{
	margin-left: -40px;
	list-style: none;
}
*/
.orig-panel-box ul li {
  margin-left: -20px;
  list-style-type: disc;
}

.orig-panel-box .ls-none {
  padding-left: 20px;
}

.orig-panel-box h3 {
  color: #386B99;
  font-weight: bold;
  padding-left: 20px;
}

.orig-panel-box li h4 {
  color: #386B99;
  font-weight: bold;
  margin-bottom: 5px;
}

.orig-panel-box-line-orange {
  padding: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #ea5514;
}

.orig-panel-box-lorange {
  padding: 20px;
  background: #feeabe;
  border-radius: 5px;
}

.orig-panel-box-line-lblue {
  padding: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #0097d7;
}

.orig-panel-box-green {
  padding: 20px;
  background: #e9f7eb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

.orig-ms-h3-orange {
  margin-bottom: 6px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.3;
  color: #ea5514;
}

.orig-ms-h3-orange.compl {
  color: #cf4b12;
}

.orig-ms-h3-lblue {
  margin-bottom: 6px;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.3;
  color: #0097d7;
}

.orig-ms-h3-green {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.3;
  color: #22ac38;
}

.orig-ms-h2 {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #ea5514;
}

.orig-ms-h2.compl {
  color: #cf4b12;
}

.orig-ms-h2-bk {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #333;
}

.orig-panel-box-yellow {
  padding: 20px;
  background: #faee00;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}

.orig-panel-box-yellow img {
  display: inline-block;
  vertical-align: middle;
}

.orig-panel-box-yellow p {
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}

.orig-tit-bg-blue {
  padding: 10px;
  background: #171c61;
  color: #fff;
}

/*---------------------------------------
Graph
---------------------------------------*/
.orig-disc {
  list-style-type: disc;
}

.orig-list {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
  padding-left: 0;
}

.orig-graph-yellow {
  background: #fffbc7;
  padding: 30px;
}

.orig-graph-blue {
  padding: 10px;
  background: #171c61;
  color: #fff;
}

.orig-graph-light-blue {
  padding: 10px;
  background: #0097d7;
  color: #fff;
}

.orig-graph-side {
  display: inline-block;
  vertical-align: middle;
}

/*---------------------------------------
Text-color
---------------------------------------*/
.orig-tex-blue {
  color: #171c61;
}

.orig-tex-light-blue {
  color: #0097d7;
}

.orig-tex-compl-blue {
  color: #007DB3;
}

.orig-tex-red {
  color: #e60012;
}

.orig-tex-orange {
  color: #ea5514;
}

.orig-tex-green {
  color: #22ac38;
}

.orig-tex-bk {
  color: #333;
}

/*---------------------------------------
Float
---------------------------------------*/
.orig-float-l {
  float: left;
}

.orig-float-r {
  float: right;
}

.orig-float-l .orig-tit-bg-light-blue,
.orig-float-r .orig-tit-bg-light-blue {
  display: block;
  padding: 10px;
  background: #0097d7;
  color: #fff;
}

.orig-float-l p,
.orig-float-r p {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

/*---------------------------------------
Width
---------------------------------------*/
.orig-w15 {
  width: 15%;
}

.orig-w18 {
  width: 18%;
}

.orig-w20 {
  width: 20%;
}

.orig-w30 {
  width: 30%;
}

.orig-w31 {
  width: 31.7%;
}

.orig-w32 {
  width: 32.2%;
}

.orig-w40 {
  width: 40%;
}

.orig-w48 {
  width: 48%;
}

.orig-w48-36 {
  width: 48.36%;
}

.orig-w50 {
  width: 50%;
}

.orig-w60 {
  width: 60%;
}

.orig-w68 {
  width: 68.3%;
}

.orig-w70 {
  width: 70%;
}

.orig-w80 {
  width: 80%;
}

.orig-w90 {
  width: 90%;
}

.orig-w100 {
  width: 100%;
}

/*---------------------------------------
Font
---------------------------------------*/
.orig-fss {
  font-size: 12px;
}

.orig-fs {
  font-size: 14px;
}

.orig-fm {
  font-size: 16px;
}

.orig-fl {
  font-size: 18px;
}

.orig-fll {
  font-size: 24px;
}

/*---------------------------------------
Line-height
---------------------------------------*/
.orig-line-height1-5 {
  line-height: 1.5;
}

.orig-line-height1-5 dl {
  margin-left: 24px;
  text-indent: -24px;
}

.orig-line-height1-5 dl ul {
  margin-left: 0;
  text-indent: 0;
}

.hr-blue {
  border-bottom: 2px solid #0097d7;
  margin: 30px 0;
}

/*---------------------------------------
Table
---------------------------------------*/
.orig-table-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.orig-table-wrap a {
  position: relative;
  display: inline-block;
}

.orig-table-wrap a {
  position: relative;
  display: inline-block;
}

.orig-table-wrap a:after {
  content: "";
  position: absolute;
  border-right: 1px solid #193477;
  border-bottom: 1px solid #193477;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  top: 50%;
  right: 7px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.orig-table-wrap a:hover {
  text-decoration: underline;
}

.orig-table {
  min-width: 840px;
}

.orig-managed-tabl {
  width: 100%;
  min-width: 840px;
}

.orig-managed-tabl thead td {
  background: #fff;
}

.orig-managed-tabl .orig-th-blue {
  background: #0097d7;
  color: #fff;
}

.orig-table th {
  background: #faee00;
  vertical-align: middle;
}

.orig-table .orig-th-yellow {
  background: #fffbc7;
}

.orig-td-yellow td {
  background: #fffbc7;
}

thead .orig-th-blue {
  background: #171c61;
  color: #fff;
}

thead .orig-th-red {
  background: #d70051;
  color: #fff;
}

.orig-td-blue {
  background: #edf6fc;
}

.orig-table .orig-th-borderl {
  border-left: none;
}

.orig-table-boder-none {
  border-top: none;
  border-left: none;
  border-right: none;
}

.orig-table-wh th,
.orig-table-wh td {
  background: #fff;
}

.orig-table-yellow th,
.orig-table-yellow td {
  background: #fffbc7;
}

th.orig-bg-orange {
  background: #ee971a;
  color: #fff;
}

a.orig-tex-wh {
  color: #fff;
}

a.orig-tex-wh:after {
  content: "";
  position: absolute;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 5px;
  height: 5px;
  margin-top: -3px;
  top: 50%;
  right: -20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.orig-security_pac-table {
  width: 50%;
}

table.orig-managed-tabl .orig-managed-tabl .orig-th-blue,
table.orig-managed-tabl th,
table.orig-managed-tabl td {
  vertical-align: middle;
}

main table th,
main table td {
  line-height: 1.25;
}

main .tabInPagePar1 .orig-table-wrap table th,
main .tabInPagePar1 .orig-table-wrap table td {
  border-color: #eee;
  border-width: 2px;
}

main table thead th,
main table thead td {
  background: #0F357F;
  color: #fff;
  vertical-align: middle;
}

main table tbody th,
main table tbody td {
  vertical-align: middle;
}

main table td:empty {
  background-image: -webkit-gradient(linear, right bottom, left top, from(transparent), color-stop(49.5%, transparent), color-stop(49.5%, #ccc), color-stop(50.5%, #ccc), color-stop(50.5%, transparent), to(transparent));
  background-image: -webkit-linear-gradient(bottom right, transparent, transparent 49.5%, #ccc 49.5%, #ccc 50.5%, transparent 50.5%, transparent);
  background-image: linear-gradient(to top left, transparent, transparent 49.5%, #ccc 49.5%, #ccc 50.5%, transparent 50.5%, transparent);
}

.cls1 {
  background: #CF0066;
  color: #fff;
}

.cls2 {
  background: #E599AD;
}

.cls3 {
  background: #F5DAE0;
}

.cls4 {
  background: #FBEDF0;
}

.sc_trigger {
  background: #fff;
  padding: 5px 17px 5px 5px;
}

.orig-table1 {
  margin-left: auto;
  margin-right: auto;
}

.orig-table1 th,
.orig-table1 td {
  text-align: center;
  border: solid 2px #fff;
}

.orig-table1 thead th {
  background: #D61363;
}

.orig-table1 thead td {
  background: #EBEAEA;
}

.orig-table1 tbody th {
  color: #fff;
  background: #0C357F;
}

.orig-table1 tbody td {
  background: #F7DBDE;
}

.border-left-none {
  border-left: none;
}

.border-right-none {
  border-right: none;
}

.rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .rl {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    white-space: inherit;
  }
}

/*---------------------------------------
Arrow
---------------------------------------*/
.orig-arrow-bb,
.orig-arrow-lb,
.orig-arrow-lr {
  position: relative;
}

.orig-arrow-bb::after {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -185px;
  bottom: -20px;
  content: "";
  border-top: 20px solid #171c61;
  border-left: 185px solid transparent;
  border-right: 185px solid transparent;
}

.orig-arrow-lb::after {
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -410px;
  bottom: -20px;
  content: "";
  border-top: 20px solid #0097d7;
  border-left: 410px solid transparent;
  border-right: 410px solid transparent;
}

.orig-arrow-lr::after {
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  right: -10px;
  margin-top: -22px;
  content: "";
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-left: 10px solid #0097d7;
}

/*---------------------------------------
Point
---------------------------------------*/
.orig-tit-point {
  margin-right: 10px;
  padding: 10px 20px;
  background: #0097d7;
  color: #fff;
  border-radius: 100px;
  display: inline-block;
}

.orig-tit-orange {
  width: 100%;
  padding: 10px;
  background: #ea5514;
  border-radius: 10px;
  color: #fff;
}

.orig-tit-lblue {
  width: 100%;
  padding: 10px;
  background: #d3edfb;
  border-radius: 10px;
}

.orig-tit-gray {
  width: 100%;
  padding: 10px;
  background: #c9caca;
  border-radius: 10px;
}

.ls-none {
  list-style: none;
}

/*---------------------------------------
Bottun
---------------------------------------*/
.orig-btn-bg {
  background: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/wideangle/img/btn_01.png) no-repeat;
  padding: 25px 0px 25px;
  display: inherit;
  line-height: 1.3;
}

/*---------------------------------------
Topbanner
---------------------------------------*/
.top-banner a {
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-banner a:hover {
  opacity: 0.4;
}

/*---------------------------------------
max-width: 768px
---------------------------------------*/
@media screen and (max-width: 768px) {
  .orig-pc {
    display: none;
  }
  .orig-sp {
    display: block;
  }
  .orig-panel-box-yellow img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .orig-panel-box-yellow p {
    display: block;
    padding-left: 0;
  }
  .orig-graph-yellow {
    padding: 20px;
  }
  figure img {
    width: 100%;
  }
  /*---------------------------------------
	Float
	---------------------------------------*/
  .orig-float-l {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .orig-float-r {
    float: none;
    width: 100%;
  }
  /*---------------------------------------
	Arrow
	---------------------------------------*/
  .orig-arrow-bb::after {
    margin-left: -28vw;
    bottom: -15px;
    border-top: 15px solid #171c61;
    border-left: 28vw solid transparent;
    border-right: 28vw solid transparent;
  }
  .orig-arrow-lb::after {
    margin-left: -28vw;
    bottom: -15px;
    border-top: 15px solid #0097d7;
    border-left: 28vw solid transparent;
    border-right: 28vw solid transparent;
  }
  /*---------------------------------------
	Table
	---------------------------------------*/
  .orig-table-wrap {
    overflow-x: scroll;
  }
  .orig-security_pac-table {
    width: 100%;
  }
  /*---------------------------------------
	Point
	---------------------------------------*/
  p.orig-tit-point {
    margin-right: 0;
    margin-bottom: 10px;
  }
  /*---------------------------------------
	Bottun
	---------------------------------------*/
  .orig-btn-bg {
    background: url(/content/dam/nttcom/hq/jp/business/services/security/security-management/wideangle/img/btn_03.png) no-repeat -10px center;
    padding: 25px 0px 30px;
  }
}

/*---------------------------------------
max-width: 480px
---------------------------------------*/
@media screen and (max-width: 480px) {
  /*---------------------------------------
	Arrow
	---------------------------------------*/
  .orig-arrow-bb::after {
    margin-left: -38vw;
    border-left: 38vw solid transparent;
    border-right: 38vw solid transparent;
  }
  .orig-arrow-lb::after {
    margin-left: -38vw;
    border-left: 38vw solid transparent;
    border-right: 38vw solid transparent;
  }
}

/*---------------------------------------
2022/03 wideangle.html
---------------------------------------*/
@media screen and (max-width: 768px) {
  .orig-w48-36 img {
    width: 100%;
    height: auto;
  }
}

/*---------------------------------------
2022/03 securitytraining
---------------------------------------*/
h4.function {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #0C357F;
  padding: 12px;
  margin-bottom: 30px;
}

.function_area {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.function_box {
  width: 32%;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #FEF6D6;
}

@media only screen and (max-width: 768px) {
  .function_box {
    width: 100%;
  }
}

.function_ttl_area {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.function_ttl_txt {
  width: calc(100% - 90px);
}

.function_ttl_txt h5 {
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  margin: 0;
}

.function_ttl_pic {
  width: 90px;
  text-align: center;
}

.function_ttl_pic img {
  max-width: 100%;
}

.function_txt {
  margin-top: 10px;
}

/*---------------------------------------
2022/04 soc-movie
---------------------------------------*/
.movies_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .movies_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.movies_area .movie_box {
  padding: 15px;
  width: 32%;
}

@media screen and (max-width: 768px) {
  .movies_area .movie_box {
    margin-bottom: 30px;
    width: 100%;
  }
  .movies_area .movie_box:last-of-type {
    margin-bottom: 0;
  }
}

.movies_area .movie_box .movie_ttl_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.movies_area .movie_box .movie_ttl_area h5 {
  font-weight: bold;
}

.movies_area .movie_box .movie_ttl_area p {
  margin: 0 auto;
  width: 80%;
}

.banners_area .banners_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.banners_area .banners_list > li {
  line-height: 1;
  margin: 0 2% 0 0;
  text-align: center;
  width: 32%;
}

.banners_area .banners_list > li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .banners_area .banners_list > li {
    margin: 0 0 20px;
    width: 100%;
  }
  .banners_area .banners_list > li:last-of-type {
    margin-bottom: 0;
  }
}

.banners_area .banners_list > li a {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .top-banner-wide {
    margin-bottom: 20px;
  }
}

.top-banner-wide a {
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.top-banner-wide a:hover {
  opacity: 0.4;
}

.top-banner-wide a img {
  height: auto;
  max-width: 100%;
}

.step-list, .orig-list-with-fig {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .step-list, .orig-list-with-fig {
    display: block;
  }
}

.step-list > li, .orig-list-with-fig > li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 1.7% 0 0;
  padding: 15px;
}

.step-list > li:nth-of-type(3n), .orig-list-with-fig > li:nth-of-type(3n) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .step-list > li, .orig-list-with-fig > li {
    margin: 0 0 15px 0;
  }
  .step-list > li:last-of-type, .orig-list-with-fig > li:last-of-type {
    margin-bottom: 0;
  }
}

.step-list > li {
  border: solid 2px #d2dee5;
  border-radius: 15px;
  position: relative;
  width: 31.74%;
}

@media screen and (max-width: 768px) {
  .step-list > li {
    margin-bottom: 30px;
    width: 100%;
  }
}

.step-list > li::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 14px;
  border-color: transparent transparent transparent #09347f;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(100% + 7px);
}

@media screen and (max-width: 768px) {
  .step-list > li::after {
    top: calc(100% + 2px);
    left: calc(50% - 15px);
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.step-list > li:last-of-type::after {
  content: none;
}

.step-list > li > .step-list-title {
  background-color: #09357f;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 10px 0;
  text-align: center;
  line-height: 1;
  border-radius: 10px;
  margin-bottom: 1.125rem;
}

.step-list > li > .step-list-title span {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
}

.step-list > li > .step-list-title br {
  display: none;
}

.orig-list-with-fig > li {
  width: 32.2%;
}

@media screen and (max-width: 768px) {
  .orig-list-with-fig > li {
    width: 100%;
  }
}

.orig-list-with-fig > li > figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  height: 71px;
}

.orig-list-with-fig > li > figure figcaption {
  color: #0097d7;
  font-size: 24px;
  font-size: 1.5rem;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.orig-list-with-fig > li > figure img {
  max-height: 100%;
  width: auto;
  margin-right: 40px;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

@media screen and (max-width: 480px) {
  .orig-list-with-fig > li > figure img {
    margin-right: 0;
  }
}

.orig-list-with-fig > li > .orig-list-with-fig-contents {
  background-color: #d3edfb;
  border-radius: 15px;
  padding: 15px;
  height: calc(100% - 71px);
}

.usage-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .usage-list {
    display: block;
  }
}

.usage-list > li {
  border: solid 2px #d2dee5;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 23.8%;
  margin-right: 1.6%;
  padding: 20px;
}

.usage-list > li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .usage-list > li {
    width: 100%;
  }
}

.usage-list > li > figure {
  margin: 20px 0;
  height: 113px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.usage-list > li > figure img {
  max-height: 113px;
  width: auto;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.mgb105 {
  margin-bottom: 105px !important;
}

.mgb110 {
  margin-bottom: 110px !important;
}

.mgb115 {
  margin-bottom: 115px !important;
}

.mgb120 {
  margin-bottom: 120px !important;
}

.mgb125 {
  margin-bottom: 125px !important;
}

.mgb130 {
  margin-bottom: 130px !important;
}

.mgb135 {
  margin-bottom: 135px !important;
}

.mgb140 {
  margin-bottom: 140px !important;
}

.mgb145 {
  margin-bottom: 145px !important;
}

.mgb150 {
  margin-bottom: 150px !important;
}

.mgb155 {
  margin-bottom: 155px !important;
}

.mgb160 {
  margin-bottom: 160px !important;
}

.mgb165 {
  margin-bottom: 165px !important;
}

.mgb170 {
  margin-bottom: 170px !important;
}

.mgb175 {
  margin-bottom: 175px !important;
}

.mgb180 {
  margin-bottom: 180px !important;
}

.mgb185 {
  margin-bottom: 185px !important;
}

.mgb190 {
  margin-bottom: 190px !important;
}

.mgb195 {
  margin-bottom: 195px !important;
}

.mgb200 {
  margin-bottom: 200px !important;
}

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */

/*フリースペース*/
.f_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}
.f-box{
	display:block;
	line-height:0;
	padding:5px;
}
.f-box.big{
	width:50%;
}
.f-box.small{
	width:25%;
}
.f-box img{
	width:100%;
}
.f-box a{
	transition: 0.5s;
}
.f-box a:hover{
	opacity: 0.4;
}
@media screen and (max-width: 768px){
	.f-box.big{
		width:100%;
	}
	.f-box.small{
		width:50%;
	}
}
@media screen and (max-width: 480px){
	.f-box.big,
	.f-box.small{
		width:100%;
	}
}

/*黄ボタン文字色*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn.--yellow.--large .c-btn__link{
 	color:#000 !important;
}


/*2022.10*/
/*3つの基本機能*/
.function_ttl_txt{
	width:100%;
}
.function_ttl_txt h5{
	text-align:center;
}
.function_txt_pic{
	text-align:center;
	margin:20px 0 0 0;
}
.function_txt_pic img{
	max-width:100%;
}

/*
 OsecT 基本機能
 (/business/services/security/security-management/wideangle/osect.html)
*/
.basic_area{
	width: 840px;
	margin:60px auto;
}
@media screen and (max-width: 768px){
	.basic_area{
		width: 100%;
	}
}
.basic_ttl{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	background-color:#1F7C5B;
	padding:5px 10px;
	margin:0 0 15px 0;
}
.basic_wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.basic_box{
	width:49%;
	padding:20px;
	background-color:#E9F2EF;
}
@media screen and (max-width: 480px){
	.basic_box{
		width:100%;
		margin:10px 0;
	}
}
.basic_box h4{
	color:#1F7C5B;
	font-size:20px;
	font-weight:bold;
	margin:0;
}
.basic_box p{
	font-size:16px;
	line-height:1.5;
	margin:20px 0;
}
.basic_pic{
	text-align:center;
}
.basic_pic img{
	max-width:100%;
}


/*---------------------------------------
 2022.12
 導入支援（特権アクセス管理）
 (/business/services/security/security-management/wideangle/privileged-access-management.html)
---------------------------------------*/

/*提供範囲　ピンク囲み*/
.scope{
	font-size:14px;
	border:1px solid #C70044;
	border-radius:3px;
	background-color:#F9E5EC;
}

/*主な仕様*/
table.tbl_function{
	max-width: 1020px;
	margin:0 auto;
}
.tbl_function th{
	color:#FFF;
	text-align:center;
	background-color: #0f4174;
}
.tbl_function td:nth-of-type(1){
	background-color:#EEE;
}
.tbl_function th,
.tbl_function td{
	vertical-align:middle;
	line-height:1.5;
}

/*キャプションを画像左端に揃える*/
.figcap_wrap{
	text-align:center;
}
.figcap_wrap figure{
	display:inline-block;
}

/*おススメポイント　2カラム*/
.recommend_wrap{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.recommend_box.txt{
	width: 47%;
}
.recommend_box.pic{
	width: 51%;
	text-align:center;
	margin:50px 0 0 0;
}
.recommend_box.pic img{
	max-width:100%;
}
@media screen and (max-width: 768px) {
	.recommend_box.txt,
	.recommend_box.pic{
		width:100%;
	}
}

/*---------------------------------------
 2022.12
 マネージドCSPM
 (/business/services/security/security-management/wideangle/cspm.html)
---------------------------------------*/
/*提供機能*/
.provide_wrap{
	width: 1000px;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:0 auto;
}
.provide_box.txt{
	width: calc(100% - 2% - 350px);
}
.provide_box.pic{
	width: 350px;
	text-align:center;
}
.provide_box.pic figure{
	display:inline-block;/*キャプションを画像左端に揃える*/
}
.provide_box.pic img{
	max-width:100%;
}
@media screen and (max-width: 768px) {
	.provide_wrap,
	.provide_box.txt,
	.provide_box.pic{
		width:100%;
	}
	.provide_box.pic figure{
		margin:20px 0 0 0;
	}
}
/*提供機能　内側*/
.provide_box_inner_wrap{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.provide_box_inner_box{
	width: 49%;
	margin:0 0 10px 0;
}
@media screen and (max-width: 480px) {
	.provide_box_inner_box{
		width: 100%;
	}
}
.func_name{
	color:#FFF;
	font-weight:bold;
	text-align:center;
	background-color:#1F7C5B;
	padding:10px;
}
.func_num{
	font-size:14px;
	line-height:1.5;
	background-color:#E9F2EF;
	padding:15px;
}
.func_num dl{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
}
.func_num dt{
	width:85%;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.func_num dd{
	width:15%;
	text-align:right;
}
/*おススメポイント　2カラム
.recommend_wrap{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.recommend_box-cspm.txt{
	width: 55%;
}
.recommend_box-cspm.pic{
	width: 41%;
	text-align:center;
	margin:50px 0 0 0;
}
.recommend_box-cspm.pic img{
	max-width:100%;
}
@media screen and (max-width: 768px) {
	.recommend_box-cspm.txt,
	.recommend_box-cspm.pic{
		width:100%;
	}
}
*/

/*---------------------------------------
 2023.01
 マネージドCSPM
 (/business/services/security/security-management/wideangle/cspm.html)
---------------------------------------*/
/*おススメポイント　3カラム*/
.recommend_wrap{
	width: 100%;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.recommend_box-cspm.txt{
	width: 55%;
}
.recommend_box-cspm.pic{
	width: 20%;
	text-align:center;
	padding:20px 0 0;
}
.recommend_box-cspm.qr{
	width: 20%;
	text-align:center;
	padding:20px 0 0;
}
.recommend_box-cspm.pic img{
	max-width:100%;
}
@media screen and (max-width: 768px) {
	.recommend_box-cspm.txt,
	.recommend_box-cspm.pic,
	.recommend_box-cspm.qr{
		width:100%;
	}
}
/*QR*/
.qr_box{
	border:2px solid #D00F31;
	border-radius:10px;
	padding:20px;
	text-align:center;
}
.qr_box h4{
	color:#D00F31;
	font-size:16px;
	font-weight:bold;
	line-height:1.5;
	margin:0;
}
.qr_box h4 span{
	font-size:14px;
	line-height:1.5;
}
.qr_box img{
	width:90px;
	height:auto;
	margin:50px 0;
}
.qr_box a{
	color:#333;
	font-size:14px;
	line-height:1.5;
}

/*---------------------------------------
 2023.01
 あんしんモバイルセキュリティ for ビジネス
 (/business/services/security/security-management/wideangle/mtd.html)
---------------------------------------*/
/*セキュリテ「ィ」改行防止*/
.l-spacing{
	letter-spacing:-0.07em;
}
.mtd-point_wrap{
	width: 1022px;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:0 auto;
}
.mtd-point_box{
	width: calc(33% - 10px);
	border:2px solid #1F7C5B;
	border-radius:10px;
	padding:15px;
}
@media screen and (max-width: 768px) {
	.mtd-point_wrap,
	.mtd-point_box{
		width:100%;
	}
	.mtd-point_box{
		margin:0 0 20px;
	}
	.mtd-point_box:last-child{
		margin:0;
	}
}
.mtd-point_box h4{
	background-color:#1F7C5B;
	border-radius:10px;
	padding:5px;
	margin:0;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
.mtd-point_box p{
	font-size:16px;
	line-height:1.5;
	margin:10px 0 0;
}