.about-content {
  padding: calc(100 / var(--full-width) * 100vw) 0 calc(130 / var(--full-width) * 100vw);
  border-bottom: calc(1 / var(--full-width) * 100vw) solid #1f1f1f;
}
.s .about-content {
  padding: calc(76 / var(--sp-full-width) * 100vw) 0 calc(130 / var(--sp-full-width) * 100vw);
}

.s .about-content .c-title {
  padding-inline: calc(40 / var(--sp-full-width) * 100vw);
}

section {
  padding: calc(100 / var(--full-width) * 100vw) calc(170 / var(--full-width) * 100vw);
}
section:first-of-type {
  padding-top: calc(64 / var(--full-width) * 100vw);
}
.s section {
  padding: calc(80 / var(--sp-full-width) * 100vw) calc(40 / var(--sp-full-width) * 100vw);
}
.s section:first-of-type {
  padding-top: calc(64 / var(--sp-full-width) * 100vw);
}

section h2 {
  display: flex;
  align-items: center;
  gap: calc(20 / var(--full-width) * 100vw);
  font-size: calc(24 / var(--full-width) * 100vw);
  line-height: 1;
}
section h2::before {
  content: '';
  width: calc(32 / var(--full-width) * 100vw);
  height: calc(32 / var(--full-width) * 100vw);
  flex-shrink: 0;
  display: inline-block;
  background-image: url(../img/icon-headline.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.s section h2 {
  gap: calc(28 / var(--sp-full-width) * 100vw);
  font-size: calc(36 / var(--sp-full-width) * 100vw);
  line-height: 1.2;
}
.s section h2::before {
  width: calc(48 / var(--sp-full-width) * 100vw);
  height: calc(48 / var(--sp-full-width) * 100vw);
}

section h3 {
  margin-top: calc(40 / var(--full-width) * 100vw);
  font-size: calc(20 / var(--full-width) * 100vw);
  line-height: 1;
  padding-bottom: calc(16 / var(--full-width) * 100vw);
  border-bottom: calc(2 / var(--full-width) * 100vw) solid #f62828;
}
.s section h3 {
  margin-top: calc(40 / var(--sp-full-width) * 100vw);
  font-size: calc(32 / var(--sp-full-width) * 100vw);
  line-height: 1.2;
  padding-bottom: calc(16 / var(--sp-full-width) * 100vw);
  border-bottom: 2px solid #f62828;
}

section h3:nth-of-type(2) {
  margin-top: calc(60 / var(--full-width) * 100vw);
}
.s section h3:nth-of-type(2) {
  margin-top: calc(60 / var(--sp-full-width) * 100vw);
}

section p {
  font-size: calc(16 / var(--full-width) * 100vw);
  line-height: 1.6;
}
.s section p {
  font-size: calc(28 / var(--sp-full-width) * 100vw);
  line-height: 1.5;
}

.about-sec-item {
  margin-top: calc(32 / var(--full-width) * 100vw);
}
.s .about-sec-item {
  margin-top: calc(32 / var(--sp-full-width) * 100vw);
}

.about-list {
  margin-top: calc(32 / var(--full-width) * 100vw);
  display: flex;
  column-gap: calc(40 / var(--full-width) * 100vw);
  justify-content: center;
}
.s .about-list {
  margin-top: calc(32 / var(--sp-full-width) * 100vw);
  row-gap: calc(40 / var(--sp-full-width) * 100vw);
  flex-wrap: wrap-reverse;
}

.about-img {
  width: calc(530 / var(--full-width) * 100vw);
  flex-shrink: 0;
}
.s .about-img {
  width: 100%;
}

.about-caption {
  margin-top: calc(15 / var(--full-width) * 100vw);
  text-align: center;
  font-weight: bold;
}
.s .about-caption {
  margin-top: calc(15 / var(--sp-full-width) * 100vw);
}

.about-caption span {
  padding: calc(7 / var(--full-width) * 100vw);
  padding-bottom: calc(5 / var(--full-width) * 100vw);
  font-size: calc(14 / var(--full-width) * 100vw);
  color: #fff;
  background-color: #ff0800;
  border-radius: calc(4 / var(--full-width) * 100vw);
  margin-right: calc(8 / var(--full-width) * 100vw);
}
.s .about-caption span {
  padding: 5px;
  padding-bottom: 4px;
  font-size: 10px;
  border-radius: 2px;
  margin-right: 8px;
}

/* sec01 */
.about-sec01-item01 span {
  font-size: calc(12 / var(--full-width) * 100vw);
  margin-top: calc(15 / var(--full-width) * 100vw);
  display: block;
}
.s .about-sec01-item01 span {
  font-size: 10px;
  margin-top: calc(15 / var(--sp-full-width) * 100vw);
}

.about-sec01-item01 ul {
  margin-top: calc(32 / var(--full-width) * 100vw);
  display: flex;
  column-gap: calc(30 / var(--full-width) * 100vw);
  justify-content: space-between;
}
.s .about-sec01-item01 ul {
  margin-top: calc(32 / var(--sp-full-width) * 100vw);
  row-gap: calc(30 / var(--sp-full-width) * 100vw);
  flex-wrap: wrap;
}

.about-sec01-item01 li {
  width: calc(346 / var(--full-width) * 100vw);
}
.s .about-sec01-item01 li {
  width: 100%;
}

.about-sec01-item02 div {
  width: calc(440 / var(--full-width) * 100vw);
  flex-shrink: 0;
}
.s .about-sec01-item02 div {
  width: 100%;
}

/* sec02 */
.about-sec02 .about-list {
  margin: 0;
}

.about-sec02-linkBtn {
  display: flex;
  column-gap: calc(16 / var(--full-width) * 100vw);
  align-items: center;
  width: fit-content;
  margin: calc(48 / var(--full-width) * 100vw) auto 0;
  font-size: calc(16 / var(--full-width) * 100vw);
  line-height: 1;
  background-color: #1f1f1f;
  border-radius: calc(34 / var(--full-width) * 100vw);
  padding: calc(17 / var(--full-width) * 100vw) calc(34 / var(--full-width) * 100vw);
  padding-right: calc(20 / var(--full-width) * 100vw);
  color: #fff;
}
.s .about-sec02-linkBtn {
  margin: calc(96 / var(--sp-full-width) * 100vw) auto 0;
  font-size: calc(28 / var(--sp-full-width) * 100vw);
  border-radius: calc(50 / var(--sp-full-width) * 100vw);
  padding: calc(20 / var(--sp-full-width) * 100vw) calc(42 / var(--sp-full-width) * 100vw);
  padding-right: calc(20 / var(--sp-full-width) * 100vw);
}

.about-sec02-linkBtn p {
  padding-top: calc(4 / var(--full-width) * 100vw);
}
.s .about-sec02-linkBtn p {
  padding-top: 0;
}

.about-sec02-linkBtn span {
  width: calc(53 / var(--full-width) * 100vw);
}
.s .about-sec02-linkBtn span {
  width: calc(106 / var(--sp-full-width) * 100vw);
}

/* sec03 */
.about-sec03-item02 div:last-of-type {
  display: flex;
  flex-direction: column;
  row-gap: calc(32 / var(--full-width) * 100vw);
  align-items: flex-end;
}
.s .about-sec03-item02 div:last-of-type {
  row-gap: calc(32 / var(--sp-full-width) * 100vw);
}

/* sec04 */
.about-sec04 {
  padding-block: 0;
}
.s .about-sec04 {
  padding-block: 0;
}