@charset "utf-8";

/* management.html オプション：クラウド利用改善サポートSTEP01～STEP03 */
#contentsContainer .c-numBox_plan > li {
  padding-top: 0;
}

/* 画像サイズ調整 */

/* integration.html の各図 */
#contentsContainer .cloud-si-aws-integration .c-sec_pic img {
  width: 700px;
}

/* multi-account.html の図 */
#contentsContainer .cloud-si-aws-multi-account .c-sec_pic img {
  width: 800px;
}

/* vm-migration.html 特長内の図 */
#contentsContainer .cloud-si-aws-vm-migration .c-sec_pic.p-w900 img {
  width: 900px;
}

/* direct-connect.html 概要内の図 */
#contentsContainer .cloud-si-aws-direct-connect .c-sec_pic.p-w800 img {
  width: 800px;
}

/* plan.html 概要内の図 */
#contentsContainer .cloud-si-aws-plan .c-sec_pic.p-w910 img {
  width: 910px;
}

/* 事例ロゴ並べ */
/* add 202603 case_logo list ※stright、fxz（fxm）使用スタイルベース */
/* .c-iconListBox fix, customize add .p-caseLogoList */

#contentsContainer .c-iconListBox.p-caseLogoList .c-iconListBox_list {
  justify-content: flex-start;
  gap: 6px 40px;
}

#contentsContainer .c-iconListBox.p-caseLogoList .c-iconListBox_item {
  width: auto;
  width: calc((100% - 40px * 5) /6);
}

#contentsContainer .c-iconListBox.p-caseLogoList .c-iconListBox_icon {
  max-width: 100%;
}

@media screen and (max-width: 768px) {
  #contentsContainer .c-iconListBox.p-caseLogoList .c-iconListBox_list {
    gap: 0 30px;
  }
  #contentsContainer .c-iconListBox.p-caseLogoList .c-iconListBox_item {
    width: calc((100% - 30px) / 2);
    padding-bottom: 0;
  }
}



/* table cell width */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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