@charset "utf-8";

#title {
  background: url("../../about/image/bg-about@2x.jpg") no-repeat center center;
  background-size: cover;
}
#title .title {
  width: 68.4rem;
}
h2 {
  text-align: center;
  font-size: 4.4rem;
  color: #009f41;
  font-weight: bold;
  margin-bottom: 9.0rem;
  line-height: 1.6;
}
.contents {
  background: url("../../about/image/bg01.png") no-repeat right 4.0rem top 10.0rem;
  background-size: 13.3rem 17.8rem;
}
.contents h3 {
  text-align: center;
  font-size: 4.4rem;
  font-weight: bold;
  margin-bottom: 5.0rem;
  line-height: 1.6;
}
.contents h3 span {
  font-size: 2.8rem;
}
.box-a,
.box-b {
  width: 100.0rem;
  margin: 0 auto 16.0rem;
  position: relative;
}
.bg02 {
  overflow: hidden;
  background: url("../../about/image/bg01.png") no-repeat left 2.0rem top 4.0rem;
  background-size: 13.3rem 17.8rem;
}
.bg03 {
  background: url("../../about/image/bg01.png") no-repeat right 4.0rem top 5.0rem;
  background-size: 13.3rem 17.8rem;
}
.box-a p {
  font-size: 1.6rem;
  line-height: 2;
  width: 53.0rem;
  padding: 8.0rem 12.0rem 8.0rem 0;
  box-sizing: border-box;
  background: #faffd3;
  position: relative;
}
.box-a p:before {
  content: '';
  position: absolute;
  width: 300%;
  height: 100%;
  top: 0;
  left: -159.0rem;
  background: #faffd3;
  z-index: 0;
}
.box-a figure {
  position: absolute;
  top: 7.0rem;
  left: 46.0rem;
  width: 54.0rem;
}
.box-b p {
  font-size: 1.6rem;
  line-height: 2;
  width: 53.0rem;
  margin-left: auto;
  padding: 8.0rem 0 8.0rem 12.0rem;
  box-sizing: border-box;
  background: #faffd3;
  position: relative;
}
.box-b p:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: -53.0rem;
  background: #faffd3;
  z-index: 0;
}
.box-b figure {
  position: absolute;
  top: 7.0rem;
  left: 0rem;
  width: 54.0rem;
}