// ===========================================
// Panel パネル
// ===========================================

/* panel
--------------------------------- */
// thanksページに使用
.com-panel-01 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
}

// 募集要項ページに使用
.com-panel-02 {
  display: flex;
  align-items: center;
  background: #f5f5f5;
  padding: 1.8em 1.5em;
  line-height: 1.5;
  @include font(16);
  @include mq-up(s) {
    @include font(21);
  }
  .tit {
    flex: 1;
    padding-left: 1.2em;
  }
  &::before {
    content: '';
    display: block;
    width: 6px;
    align-self: stretch;
    background: map-get($colors, main);
  }
  &:hover {
    background: color.adjust(map-get($colors, main), $lightness: 40%);
  }
}