@charset "UTF-8";

/* ==========================================================================
    service style
============================================================================= */
/* --------------------
.p-business
-------------------- */
.p-business__list>li {
  background-color: #f3f6fb;
  font-weight: bold;
  line-height: 1.75;
  padding: 15px;
  text-align: center;
}

/* --------------------
.p-case
-------------------- */
.p-case {
  margin-top: 80px;
}

.p-case__list>li {
  background-color: #f3f6fb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.p-case__list .label {
  background-color: #0067b2;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.p-case__list .ttl {
  font-weight: bold;
  line-height: 1.75;
  margin: auto;
  padding: 15px 10px;
  text-align: center;
}

/* --------------------
.p-portfolio
-------------------- */
@media screen and (min-width: 768px) {
  .p-portfolio .l-column section:nth-of-type(2) {
    margin-top: 80px;
  }
}

@media screen and (max-width: 767.98px) {
  .p-portfolio .l-column {
    gap: 40px;
  }

  .p-portfolio .l-column section:nth-of-type(2) {
    margin-top: 40px;
  }
}