.about {
  background: #ffffff;
  background: linear-gradient(0deg, #ffffff 0%, #fdf7e5 27%, #f9eabf 62%, #ffffff 100%);
  min-height: 100vh;
}
.about .l-main {
  padding: calc(150 * (100vw / 820)) calc(40 * (100vw / 820));
}
@media screen and (min-width: 820px) {
  .about .l-main {
    padding: calc(200 * (100vw / 1920));
  }
}
.about header {
  position: fixed;
  top: 0;
  right: 0;
}
@media screen and (min-width: 820px) {
  .about header {
    right: calc(40 * (100vw / 1920));
  }
}
.about header .btn-list {
  display: flex;
  max-width: 880px;
}
@media screen and (min-width: 820px) {
  .about header .btn-list li img {
    max-width: calc(450 * (100vw / 1920));
  }
}
.about .organization--wrap {
  margin: auto;
  max-width: 1400px;
}
.about .organization .title {
  color: #ee7820;
  font-size: calc(55 * (100vw / 820));
  text-align: center;
}
@media screen and (min-width: 820px) {
  .about .organization .title {
    font-size: calc(70 * (100vw / 1920));
  }
}
.about .organization .box {
  background-color: #fff;
  border-radius: 20px;
  padding: 5% 2%;
  margin-top: calc(20 * (100vw / 820));
}
@media screen and (min-width: 820px) {
  .about .organization .box {
    margin-top: calc(30 * (100vw / 1920));
  }
}
.about .organization .box + .title {
  margin-top: calc(50 * (100vw / 820));
}
@media screen and (min-width: 820) {
  .about .organization .box + .title {
    margin-top: calc(100 * (100vw / 1920));
  }
}
.about .organization .text {
  font-size: calc(30 * (100vw / 820));
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 820px) {
  .about .organization .text {
    font-size: calc(36 * (100vw / 1920));
  }
}
.about .organization .text + .text {
  border-top: 4px dotted #000;
  margin-top: calc(20 * (100vw / 1920));
  padding-top: calc(20 * (100vw / 1920));
}
.about .organization .text a {
  color: #000;
  text-decoration: underline;
}
.about .organization .text a:hover {
  text-decoration: none;
}
.about .att {
  font-size: calc(30 * (100vw / 820));
  font-weight: 500;
  margin-top: calc(20 * (100vw / 820));
  text-align: center;
}
@media screen and (min-width: 820px) {
  .about .att {
    font-size: calc(36 * (100vw / 1920));
    margin-top: calc(30 * (100vw / 1920));
  }
}
.about .sp-br {
  display: block;
}
@media screen and (min-width: 820px) {
  .about .sp-br {
    display: none;
  }
}