/* ======================================================================
aboutus.html
========================================================================= */
.bg-color-yello {
  background-color: #F4E621 !important;
  color: #187FBB;
}

body {
  background-color: #F4E621 !important;
  color: #187FBB;
}

.l-ssc-aboutus .headline {
  width: 100%;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 8em;
  text-align: center;
}
.l-ssc-aboutus .headline h2 {
  text-align: center;
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.2;
}
.l-ssc-aboutus .headline .subimage img {
  width: 7%;
  margin: 2.0em auto;
}
.l-ssc-aboutus .headline p {
  width: 80%;
  margin: 0em auto;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.6;
}
.l-ssc-aboutus .headline p .important {
  font-size: 3.0rem;
  font-weight: 600;
}

.l-ssc-aboutus .about-logo {
  width: 90%;
  margin: 0em auto 6em;
  padding: 1em 0%;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
}
.l-ssc-aboutus .about-logo h2 {
  text-align: center;
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.2;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.l-ssc-aboutus .about-logo hr.lineyellow {
  width: 100%;
  border-top: none;
  border-bottom: 1px #F4E621 solid;
}

.l-ssc-aboutus .about-logo img {
  width: 75%;
  margin: 0em auto;
  margin-top: 2.5em;
}

.l-ssc-aboutus .about-logo p {
  width: 100%;
  margin: 2em auto 1em;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.8;
}
.l-ssc-aboutus .information p {
  position: relative;
  text-align: left;
  padding-left: 6em;
  font-size: 2.6rem;
  padding-bottom: 0.5em;
}
.l-ssc-aboutus .information p.public a{
  text-decoration: underline;
  color: #187FBB;
}
.l-ssc-aboutus .information .name::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "団体名：";
}
.l-ssc-aboutus .information .address::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "所在地：";
}
.l-ssc-aboutus .information .foundation::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "設　立：";
}
.l-ssc-aboutus .information .officer::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "役　員：";
}
.l-ssc-aboutus .information .work::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "事業内容：";
}
.l-ssc-aboutus .information .public::before{
  position:absolute;
  top: 0;
  left: 0;
  content: "公開情報：";
}