/* ---------------------------- */
/*          CONTAINER           */
/* ---------------------------- */
.container {
  width: 100%;
}

/* ---------------------------- */
/*             MAIN             */
/* ---------------------------- */
.main {
  margin: 0 0 0 60px;
}

/* ---------------------------- */
/*         セクション用         */
/* ---------------------------- */
.sec {
  min-width: 1032px;
  display: flex;
  align-items: stretch;
}

/* ---------------------------- */
/*      コンテンツ(ベース)      */
/* ---------------------------- */
.sec-content {
  width: calc(100% - 48px);
  margin: 0 0 20px 24px;
  background-color: #fff;
  border-radius: 4px;
}

.sec-content:last-child {
  margin-right: 24px;
}

.sec-content .cont-inner {
  padding: 20px 26px;
}

/* ---------------------------- */
/*       コンテンツ(属性)       */
/* ---------------------------- */
/* flexboxの横位置変更用 */
.cont-inner ._flex-center {
  justify-content: center;
}

.cont-inner ._flex-right {
  justify-content: right;
}

/* リスト項目内の横スクロール設定 */
._scroll {
  overflow: auto;
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  &::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 100px;
  }
  
  &::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 100px;
  }
}


/* ---------------------------- */
/*     コンテンツ(フォーム)     */
/* ---------------------------- */
.cont-form {
  display: flex;
  align-items: flex-end;
}

.cont-form ._label {
  margin-right: 16px;
}

._label p {
  margin-bottom: 6px;
  padding-left: 3px;
}

._label p._info-heading {
  margin-bottom: 2px;
  padding-left: 0;
  color: #999;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  position: relative;
}