@charset "UTF-8";
/* CSS INFORMATION =====================================================
File name : profile.css
Description : 会社概要
===================================================================== */
/* ========================================================
    profile
======================================================== */
.profile {
  position: relative;
  width: 100%;
  padding: 16rem 0 0;
}
@media screen and (min-width: 768px) {
  .profile {
    padding: 7rem 0;
  }
}
.profile .inner {
  max-width: 1176px;
}
@media screen and (min-width: 1280px) {
  .profile .inner {
    padding: 0;
  }
}
.profile h2 {
  display: inline-block;
  margin: 0.5em auto 10rem;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(to right, #24B7E0, #306CC7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-align: center;
}
.profile_list {
  max-width: 1176px;
  margin: 0 auto 10rem;
  padding-bottom: 10rem;
}
.profile_list > div {
  width: 100%;
  border-bottom: 1px solid #306cc7;
  padding: 3.5rem 0;
}
@media screen and (min-width: 768px) {
  .profile_list > div {
    display: flex;
    flex-wrap: wrap;
  }
}
.profile_list dt {
  font-size: 3.2rem;
  color: #306cc7;
  padding-bottom: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .profile_list dt {
    width: 23rem;
    font-size: 2.4rem;
    padding-bottom: 0;
  }
}
.profile_list dd {
  font-size: 3.2rem;
  color: #3E4A6B;
}
@media screen and (min-width: 768px) {
  .profile_list dd {
    font-size: 2rem;
    flex: 1;
  }
}
.profile_list dd .info li {
  display: flex;
  gap: 0;
}
.profile_list dd .info .label {
  width: -moz-fit-content;
  width: fit-content;
}
.profile_list dd .info .text {
  flex: 1;
}
.profile_list dd .info .text > em {
  display: block;
}
@media screen and (min-width: 768px) {
  .profile_list dd .info .text > em {
    display: inline-block;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) {
  .profile_list .grid_list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .profile_list .grid_list li {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.profile_list.network > div {
  border: none !important;
}
.profile_list.network h4 {
  display: flex;
  justify-content: center;
  border: 1px solid #3E4A6B;
  border-radius: 3rem;
  width: 10em;
  padding: 0.2rem 0;
  font-size: 2.6rem;
  margin: 0 0 1rem;
}
@media screen and (min-width: 768px) {
  .profile_list.network h4 {
    font-size: 1.6rem;
  }
}
.profile_list.network .info {
  padding-bottom: 4rem;
}
@media screen and (min-width: 768px) {
  .profile_list.network .info {
    padding-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .profile_list.network dt {
    width: 50rem;
  }
  .profile_list.network dd {
    width: calc(100% - 50rem);
  }
}/*# sourceMappingURL=profile.css.map */