@charset "UTF-8";
/* =====
 * LAYOUT :: ALL DEVICE
=================================================================== */
#Main .block-result-01 {background: transparent url("../img/result/bg_01.webp") no-repeat 50% / cover;}

#Main .block-result-02 h3 + p {text-align: center;line-height: 2;}
#Main .block-result-02 figure {position: relative;}
#Main .block-result-02 figcaption span {position: absolute;right: 0;background: var(--grad-blue);-webkit-background-clip: text;-webkit-text-fill-color: transparent;width: 6em;text-align: right;font-size: 125%;line-height: 1;}
#Main .block-result-02 figcaption span strong {font-weight: normal;font-size: 175%;}
#Main .block-result-02 figcaption span:nth-child(1) {bottom: 75%;}
#Main .block-result-02 figcaption span:nth-child(2) {bottom: 44.5%;}
#Main .block-result-02 figcaption span:nth-child(3) {bottom: 11%;}
#Main .block-result-02 figcaption span::before {content: attr(data-label)"";position: absolute;bottom: 0;right: 100%;-webkit-text-fill-color: initial;transform-origin: 0 0;transform: scale(0.8);font-weight: bold;color: #333;white-space: nowrap;}

#Main .block-result-03 {background-color: #f5f8f9;}
#Main .block-result-03 section {background-color: #fff;padding: 2em 3em 3em;border-radius: 1em;}
#Main .block-result-03 section + section {margin-top: 1.5em;}
#Main .block-result-03 ul li {border-bottom: 1px solid #ddd;}
#Main .block-result-03 ul li span {display: block;}
#Main .block-result-03 .ttl-style-02 {padding-left: 0;}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  #Main .block-result-01 h2 {max-width: 600px;width: 53.19%;}
  #Main .block-result-01 .container {height: 30vw;display: flex;justify-content: center;align-items: center;}

  #Main .block-result-02 figure {max-width: 600px;width: 53.19%;margin: 1.5em auto 4em;}

  #Main .block-result-03 {padding: 4em 0 4em;}
  #Main .block-result-03 ul {margin-top: -1em;}
  #Main .block-result-03 ul li {display: flex;justify-content: space-between;margin: 0;padding: 0.75em;}
  #Main .block-result-03 ul li span:nth-child(1) {width: 15em;text-align: left;}
  #Main .block-result-03 ul li span:nth-child(2) {flex: 1;text-align: left;}
  #Main .block-result-03 ul li span:nth-child(3) {width: 5em;text-align: right;}
}
@media only screen and (min-width: 769px) and (max-width: 1128px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  #Main .block-result-01 .container {height: 50vw;display: flex;justify-content: center;align-items: center;}

  #Main .block-result-02 figure {margin: 1.5em;}
  #Main .block-result-02 figcaption span {font-size: 112.5%;}

  #Main .block-result-03 {padding: 1.5em 0 3em;}
  #Main .block-result-03 section {padding: 1em 1.5em 1.5em;}
  #Main .block-result-03 ul li {position: relative;padding-right: 3em;padding-bottom: 0.5em;}
  #Main .block-result-03 ul li span {line-height: 1.2;}
  #Main .block-result-03 ul li span:nth-child(1) {font-size: 75%;margin-bottom: 0.5em;}
  #Main .block-result-03 ul li span:nth-child(3) {position: absolute;right: 0;bottom: 0.5em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}