@charset "UTF-8";

/* ===============================================
  運営会社
=============================================== */


/* CTA
------------------------------------- */
.pickup-document {
  width: 100%;
  max-width: var(--contents-width-m);
  margin: 0 auto;
  padding: 0 var(--margin);
}

.pickup-document .pickup-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  background-color: rgb(var(--color-secondary));
  color: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.pickup-document .pickup-wrap>* {
  flex: 0 0 50%;
}

.pickup-document figure {
  margin: 0;
}

.pickup-document .item-info {
  padding: var(--margin-s) var(--margin);
}
.pickup-document h2 {
  display: inline-block;
  padding: 0 0 .1em;
  border-bottom: 1px solid;
  font-weight: 400;
}

.pickup-document .item-info .gcol {
  gap: var(--margin-s);
}

@media (max-width: 768px) {
  .pickup-document .pickup-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: var(--margin);
  }

  .pickup-document .pickup-wrap>* {
    flex: 1 1 auto;
  }

  .pickup-document .item-info {
    padding: var(--margin) 0 0;
  }

  .pickup-document figure {
    flex: 100% 0 0;
  }

}



/* WEBLIFEとは
------------------------------------- */
.section-block h2 {
  font-size: var(--font-heading-3);
}

.icon-list-section .awards-list {
  background-color: rgb(var(--color-background));
  border-radius: 12px;
  padding: 1.8em 2em;
  margin-top: var(--margin);
}


/* ウェブライフのEC支援
------------------------------------- */
.graph-img {
  background-color: rgb(var(--color-background));
  border-radius: 16px;
  padding: 2em 5em;
  place-items: center;
}

.grid-item .graph {
  width: 85%;
}

.support-link {
  text-align: right;
  margin-top: 2em;
}

@media (max-width: 768px) {
  .graph-img {
    padding: 3em;
    place-content: center;
  }

  .grid-item .graph {
    width: 100%;
  }
}


/* 沿革
------------------------------------- */
.section-block h3 {
  font-size: var(--font-heading-5);
}

dt {
  font-weight: 700;
}