@charset "UTF-8";
@media print, screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .pc {
    display: none !important;
  }
}

/*============================================================
    白書
============================================================*/
#ranking .data > div {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
#ranking .data h4 small {
  font-weight: bold;
  font-size: 0.9rem;
}
#ranking .data .score small {
  font-size: 60%;
}
#ranking .data table tr th,
#ranking .data table tr td {
  line-height: 1.5;
}
#ranking .data table tr th {
  font-size: 0.8rem !important;
  padding: 1em 0;
}
#ranking .data table tr td {
  font-size: 0.9rem !important;
}
#ranking .table figure figcaption {
  margin-top: 0.5em;
  font-size: 0.7rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .contents h2 img {
    width: auto;
    height: 5.3vw;
  }
}
.contents h3 .q {
  padding-bottom: 0.4em;
  background-position: left top 0.3em;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}
.contents h3 .q small {
  display: block;
  margin-top: 1em;
  color: #404040;
  font-weight: 400;
  line-height: 1.2;
}
@media print, screen and (min-width: 769px) {
  .contents h3 .q small {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .contents h3 .q small {
    font-size: 2.5vw;
  }
}
@media print, screen and (min-width: 769px) {
  .contents .inner > p:not(.lead) {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .contents .inner > p:not(.lead) {
    font-size: 3.47vw;
    line-height: 1.77;
  }
}
@media print, screen and (min-width: 769px) {
  .contents .inner > p:not(.lead):not(:first-child) {
    margin-top: 4em;
  }
}
@media screen and (max-width: 768px) {
  .contents .inner > p:not(.lead):not(:first-child) {
    margin-top: 3em;
  }
}
@media print, screen and (min-width: 769px) {
  .contents .inner > p:not(.lead) + h3 {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contents .inner > p:not(.lead) + h3 {
    margin-top: 6vw;
  }
}
.contents .frame {
  border-width: 2px;
}
.contents .frame .hdr {
  font-weight: 500;
  letter-spacing: 0.025em;
}
@media print, screen and (min-width: 769px) {
  .contents .frame .hdr small {
    transform: translateY(0.075em);
  }
}
.contents .frame .val p {
  padding: 0 1em;
}
.contents .frame.result p {
  margin-top: 1em;
}
.contents .frame.bk {
  border-color: #404040;
}
.contents .frame.bk .hdr {
  background-color: #404040;
}
.contents figure.no-frame {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .contents figure.no-frame {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contents figure.no-frame {
    margin-top: 3vw;
  }
}
@media print, screen and (min-width: 769px) {
  .contents figure.no-frame + figure {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .contents figure.no-frame + figure {
    margin-top: 6vw;
  }
}
.contents figure.no-frame figcaption {
  margin: 1em auto -0.5em auto;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.025em;
  text-align: left;
}
@media print, screen and (min-width: 769px) {
  .contents figure.no-frame figcaption {
    font-size: 0.9rem;
    max-width: 750px;
  }
}
@media screen and (max-width: 768px) {
  .contents figure.no-frame figcaption {
    margin-top: 1.6em;
    font-size: 0.8rem;
  }
}
.contents figure.no-frame picture {
  display: block;
  margin: 1.5em auto 0;
  text-align: left;
}
@media print, screen and (min-width: 769px) {
  .contents figure.no-frame picture.graph_teamspirit {
    width: 834px;
  }
  .contents figure.no-frame picture.graph_changes {
    width: 751px;
  }
  .contents figure.no-frame picture.graph_changes img {
    width: 690px;
  }
  .contents figure.no-frame picture.graph_partner-changes {
    width: 751px;
  }
}
@media screen and (max-width: 768px) {
  .contents figure.no-frame picture {
    width: 100%;
  }
  .contents figure.no-frame picture.graph_changes img {
    width: 75.9114583333vw;
  }
  .contents figure.no-frame picture.graph_partner-changes img {
    width: 84.375vw;
  }
}

.comment-conts .interview h3 + p,
.comment-conts .interview h4 + p {
  margin-top: 2em;
}
.comment-conts .interview h3 span,
.comment-conts .interview h4 span {
  display: block;
}
.comment-conts .interview h4 {
  margin-top: 0.25em;
  text-align: center;
}
.comment-conts .interview p {
  margin-top: 1em;
}

#summary .summary h4 {
  margin-top: 1.5em;
  font-size: 100%;
}
@media screen and (max-width: 768px) {
  #summary .summary h4 {
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
#summary .summary dl {
  display: flex;
  flex-wrap: wrap;
}
#summary .summary dl dt,
#summary .summary dl dd {
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 769px) {
  #summary .summary dl dt,
  #summary .summary dl dd {
    font-size: 16px;
    line-height: 32px;
  }
}
@media screen and (max-width: 768px) {
  #summary .summary dl dt,
  #summary .summary dl dd {
    width: 100%;
    font-size: 3.6458333333vw;
    line-height: 1.5;
  }
}
@media screen and (max-width: 768px) {
  #summary .summary dl dt {
    margin-top: 0.5em;
    font-weight: bold;
  }
  #summary .summary dl dd {
    margin-top: 0.25em;
    margin-left: 1.2em;
  }
}
#summary .summary p {
  margin-top: 2em !important;
}
#summary .summary p + p {
  margin-top: 0.5em !important;
}