@charset "utf-8";

/* add css this page only */

/* メニュー・料金（.c-sec_box.secPlan） 内 端末写真とテキスト情報横並び 画像幅最大高さ、画像（左）とテキスト（右）エリア調整 */

#contentsContainer .c-sec_box.secPlan .c-paragraphBox {
  grid-template-columns: 1fr 1fr;
}

#contentsContainer .c-sec_box.secPlan .c-paragraphBox__thumbnail {
  flex-basis: 25%;
  margin-inline: auto;
  text-align: center;
}

#contentsContainer .c-sec_box.secPlan .c-paragraphBox__thumbnail img {
  width: auto;
  max-height: 256px;
}

#contentsContainer .c-sec_box.secPlan .c-paragraphBox__text {
  flex-basis: 50%;
}



/* Custom label settings ラベル用追加スタイル ※端末FS040U（nano）見出しで部分的に使用 */

#contentsContainer .p-pointLabel {
  color: #fff;
  background-color: #d7063b;
  display: inline-block;
  border: 2px solid #fff;
  border-radius: 6px;
  font-size: 10px;
  font-weight: bold;
  margin: 0 0.25em;
  padding: 0.5em 1.25em;
  position: relative;
  line-height: 1.0;
  vertical-align: text-bottom;
}

/* 先頭のみ直前のテキストとの間隔を広げる調整 */
#contentsContainer .p-pointLabel:nth-child(1) {
  margin-left: 1.25rem;
}
/* SP用表示では上記調整せず左マージンを取る */
@media screen and (max-width: 768px) {
  #contentsContainer .p-pointLabel:nth-child(1) {
    margin-left: 0;
  }
}

/* 色と背景色 バリエーション */
#contentsContainer .p-pointLabel.p-pointLabel--red {
  background-color: #d7063b;
}

#contentsContainer .p-pointLabel.p-pointLabel--blue {
  background-color: #2b7bb2;
}

#contentsContainer .p-pointLabel.p-pointLabel--black {
  background-color: #333;
}

#contentsContainer .p-pointLabel.p-pointLabel--gray {
  color: #333;
  background-color: #EFF1F2;
}

#contentsContainer .p-pointLabel.p-pointLabel--red--reverse {
  color: #d7063b;
  background-color: #fff;
  border: 2px solid #d7063b;
}

#contentsContainer .p-pointLabel.p-pointLabel--blue--reverse {
  color: #2b7bb2;
  background-color: #fff;
  border: 2px solid #2b7bb2;
}

#contentsContainer .p-pointLabel.p-pointLabel--black--reverse {
  color: #333;
  background-color: #fff;
  border: 2px solid #333;
}

/* 角丸形状 バリエーション */
#contentsContainer .p-pointLabel.p-pointLabel--roundMax {
  border-radius: 100vmax;
}



/* table colgroup col 表のセル幅指定用 */
col.p-width-auto {
  width: auto;
}

col.p-width-w23 {
  width: 23%;
}

col.p-width-w22 {
  width: 22%;
}

col.p-width-w16 {
  width: 16%;
}