@charset "UTF-8";

#cover {
  height: auto;
  background: none;
}
#cover .bg_cover {
  position: absolute;
  top: 0;
  left: 0;
  transform: none;
  width: 100%;
  max-width: 100%;
  height: auto;
}
#cover .img_cover {
  position: relative;
  left: 0;
  transform: none;
  width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 1;
}

#description p {
  text-align: left;
  font-size: 4vw;
  margin: 20vw 0;
  padding: 0 6vw;
}
#description .index {
  width: 90vw;
  padding: 10vw 5vw 10vw 10vw;
  border-radius: 3.6vw;
}
#description .index .title_index {
  font-size: 4vw;
  margin-bottom: 15vw;
}
#description .index .list_index {
  font-size: 4.6vw;
}

#profile {
  padding: 10vw 0 30vw;
}
#profile .list_profile {
  flex-direction: column;
  gap: 10vw;
  width: 82vw;
}
#profile .list_profile li {
  width: 100%;
}
#profile img {
  margin-bottom: 4vw;
}
#profile .company,
#profile .name {
  font-size: 4vw;
}
#profile p {
  font-size: 3.6vw;
  margin-top: 4vw;
}
#profile a {
  font-size: 3.8vw;
  margin-top: 4vw;
}

#dialogue {
  padding: 20vw 0 30vw;
}
#dialogue .inner {
  width: 84vw;
}
#dialogue .title_dialogue {
  font-size: 5.5vw;
  margin-bottom: 20vw;
  background-repeat: repeat-y;
}
#dialogue .question {
  font-size: 5vw;
  padding-left: 2.1em;
}
#dialogue .question::before {
  content: "━━";
}
#dialogue p {
  font-size: 4.6vw;
  margin-top: 8vw;
}
#dialogue .photo {
  margin-top: 20vw;
}
#dialogue .photo + .question,
#dialogue .photo + p {
  margin-top: 20vw;
}
#dialogue .photo img.full {
  width: calc(100% + 16vw);
  max-width: none;
  margin: 0 -8vw;
}
#dialogue .photo .caption {
  font-size: 3.6vw;
}
#dialogue_01,
#dialogue_02,
#dialogue_03 {
  background-size: 100% auto;
  margin-bottom: 20vw;
  padding-bottom: 36vw;
}
#dialogue_01 {
  background-image: url(../img/special-talk/line_01_sp.svg);
}
#dialogue_02 {
  background-image: url(../img/special-talk/line_02_sp.svg);
}
#dialogue_03 {
  background-image: url(../img/special-talk/line_03_sp.svg);
}