#about {
  text-align: center;
}
h2 {
  font-weight: 500;
}
h3 {
  font-size: 2.8rem;
  font-weight: 500;
}
p {
  line-height: 3rem;
}
.position-box {
  position: relative;
}
p.scope {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 2.5rem;
  opacity: 0.8;
  letter-spacing: 0.2rem;
  font-family: yu-mincho-pr6n, sans-serif;
  font-weight: 400;
  font-style: normal;
}
#about .fixed-link {
  opacity: unset;
}
header img.top {
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: 50% 26%;
}
/* about-canele */
section#about-canele h2 {
  margin: 70px 0 40px 0;
}
#about-canele .flex-wrapper {
  justify-content: center;
  margin-right: 15rem;
}
#about-canele .flex-box1 {
  text-align: left;
}
#about-canele .flex-box1 h3 {
  line-height: 4rem;
}
#about-canele .flex-box1 p {
  margin: 3rem 0;
  width: 53rem;
}
#about-canele .flex-box1 img {
  width: 53rem;
  height: 28rem;
  object-fit: cover;
  object-position: right;
}
#about-canele .flex-box2 {
  position: relative;
}
#about-canele .flex-box2 img {
  position: absolute;
  width: 30rem;
  top: 8rem;
  left: -14rem;
}
/* pride */
section#pride {
  margin: 100px 0;
}
#pride h2 {
  margin-bottom: 60px;
}
#pride .flex-wrapper.pc {
  justify-content: center;
}
#pride .flex-box2 {
  text-align: left;
  width: 55rem;
  margin-left: 3rem;
}
#pride .flex-box2 h3 {
  font-size: 2rem;
  padding-bottom: 0.5rem;
}
#pride .flex-box1 {
  display: grid;
  grid-gap: 2rem;
}
#pride p {
  margin-bottom: 6rem;
}
#pride .flex-box1 img {
  width: 36rem;
}

/* how-to */
section#how-to {
  background-color: #F7F6F1;
  text-align: center;
  padding: 60px 0;
}
section#how-to .container>p {
  width: 72rem;
  margin: 20px auto 70px auto
}
#how-to .grid-box {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-gap: 15px;
  justify-content: center;
}
section#how-to .container>h3 {
  font-size: 2rem;
  padding-bottom: 10px;
}
section#how-to .container h3:before {
  content: "\f111";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  font-size: 1.8rem;
  padding-right: 5px;
}
section#how-to .grid-box:first-of-type {
  padding-bottom: 40px;
}
section#how-to .grid-box .item img {
  width: 78%;
}
section#how-to .grid-box .item p {
  margin: 10px;
}
#how-to i.fas.fa-circle {
  font-size: 1.7rem;
  padding-right: 5px;
}
/* signboard */
#about .signboard {
  margin-top: 90px;
}