@charset "utf-8";

/* add css this page only */

#contentsContainer .secPlan .c-sec_pic img {
  width: 965px;
}

/* .c-stepBox.p-stepBoxfix 3STEP並びBox調整・変更 */

#contentsContainer[data-tooltip=true] .secPlan .c-stepBox.p-stepBoxfix {
  counter-reset: number 0;
}
#contentsContainer[data-tooltip=true] .secPlan .c-stepBox.p-stepBoxfix .c-stepBox_ttl {
  align-items: stretch;
  gap: 4px;
  line-height: 1.4;
}
#contentsContainer[data-tooltip=true] .secPlan .c-stepBox.p-stepBoxfix .c-stepBox_ttl > .p-stepBoxfix_ttl {
  font-size: 28px;
  font-weight: bold;
  display: block;
}
/* プラスマークに変更 */
#contentsContainer[data-tooltip=true] .secPlan .c-stepBox.p-stepBoxfix .c-stepBox_ttl::after {
  background-image: url(/biz/starlink/images/icon_plus.svg);
  width: 40px;
  right: -48px;
}
@media screen and (max-width: 768px) {
  #contentsContainer[data-tooltip=true] .secPlan .c-stepBox.p-stepBoxfix .c-stepBox_inner::after {
    background-image: url(/biz/starlink/images/icon_plus.svg);
    width: 28px;
    height: 28px;
    bottom: -40px;
  }
}

/* table cell width */
#contentsContainer .c-table col.p-width-w34 {
  width: 34% !important;
}

#contentsContainer .c-table col.p-width-w33 {
  width: 33% !important;
}

#contentsContainer .c-table col.p-width-auto {
  width: auto !important;
}

/* ユースケース表示調整 */
#contentsContainer .-marker {
  background: linear-gradient(transparent 60%, #ff6 60%);
}
#contentsContainer .c-annotatedList p.-overflowWrap {
  width: calc(100% - 4em);
}
#contentsContainer .starlink-case-bcp .table-caption {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #contentsContainer .starlink-case-bcp .table-caption {
    margin-bottom: 24px;
  }
}
#contentsContainer .starlink-case-bcp .l-table_container + .table-caption,
#contentsContainer .starlink-case-deadzone .l-table_container + .table-caption,
#contentsContainer .starlink-case-agri .l-table_container + .table-caption {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #contentsContainer .starlink-case-bcp .l-table_container + .table-caption,
  #contentsContainer .starlink-case-deadzone .l-table_container + .table-caption,
  #contentsContainer .starlink-case-agri .l-table_container + .table-caption {
    margin-top: 14px;
  }
}
#contentsContainer .starlink-case-bcp .table-caption + .c-sec_pic,
#contentsContainer .starlink-case-deadzone .table-caption + .c-sec_pic,
#contentsContainer .starlink-case-agri .table-caption + .c-sec_pic {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  #contentsContainer .starlink-case-bcp .table-caption + .c-sec_pic,
  #contentsContainer .starlink-case-deadzone .table-caption + .c-sec_pic,
  #contentsContainer .starlink-case-agri .table-caption + .c-sec_pic {
    margin-top: 30px;
  }
}
#contentsContainer .starlink-case-bcp .c-sec_pic figcaption,
#contentsContainer .starlink-case-deadzone .c-sec_pic figcaption,
#contentsContainer .starlink-case-agri .c-sec_pic figcaption {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #contentsContainer .starlink-case-bcp .c-sec_pic figcaption,
  #contentsContainer .starlink-case-deadzone .c-sec_pic figcaption,
  #contentsContainer .starlink-case-agri .c-sec_pic figcaption {
    margin-top: 14px;
  }
}
#contentsContainer .starlink-case-bcp .pic_case004,
#contentsContainer .starlink-case-deadzone .pic_case004,
#contentsContainer .starlink-case-agri .pic_case004 {
  max-width: 972px;
}
#contentsContainer .starlink-case-deadzone .pic_case-deadzone002,
#contentsContainer .starlink-case-agri .pic_case-agri001,
#contentsContainer .starlink-case-agri .pic_case-agri002 {
  max-width: 516px;
}
#contentsContainer .c-sec_pic .pic_rounded { 
  border-radius: 8px;
}
#contentsContainer .starlink-case-agri .pic_case-agri003,
#contentsContainer .starlink-case-agri .pic_case-agri004 {
  max-width: 750px;
}
#contentsContainer .c-annotatedList .c-circleList > li {
  font-size: 12px;
}
#contentsContainer .c-annotatedList .c-circleList > li + li {
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  #contentsContainer[data-tooltip=true] *[data-anchor=localnav],
  #contentsContainer[data-tooltip=false] *[data-anchor=localnav] {
    margin-block-start: -70px;
    padding-block-start: 70px;
  }
}
.c-sec_pic:has(figcaption) + .c-sec_pic {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  .c-sec_pic:has(figcaption) + .c-sec_pic {
    margin-top: 40px !important;
  }
}
#contentsContainer .c-card_list:has(.single-card) {
  justify-content: center;
}