.about .graph_box02 {
  padding: 30px 0 50px;
  width: 100%;
  margin: -50px auto 0; }
  .about .graph_box02 .image {
    display: block;
    background: url("../img/about/about03.svg") center center no-repeat;
    background-size: contain;
    aspect-ratio: 542/520;
    width: 100%;
    max-width: 542px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
.about .graph_box {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0; }
  .about .graph_box .rine01 {
    display: block;
    background: url("../img/about/about.svg") center center no-repeat;
    background-size: contain;
    aspect-ratio: 438/439;
    width: 100%;
    max-width: 438px;
    height: auto;
    margin: 0 auto 100px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
  .about .graph_box h3 {
    text-align: center;
    color: #808080;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    margin: 0 auto 30px; }
  .about .graph_box .happy {
    display: block;
    background: url("../img/about/about04.svg") center center no-repeat;
    background-size: contain;
    aspect-ratio: 470/104;
    width: 100%;
    max-width: 470px;
    height: auto;
    margin: 0 auto 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }
  .about .graph_box p {
    max-width: 570px;
    margin: 0 auto 40px;
    font-size: 1.7rem;
    line-height: 2em !important; }
  .about .graph_box .graph {
    max-width: 602px;
    margin: 0 auto; }
    .about .graph_box .graph span {
      display: block;
      background: url("../img/about/about02.svg") center center no-repeat;
      background-size: contain;
      aspect-ratio: 602/541;
      width: 100%;
      height: auto;
      margin: 0 auto 10px; }
    .about .graph_box .graph small {
      font-size: 14px;
      line-height: 1.5em;
      text-align: right;
      display: block; }

@media only screen and (max-width: 414px) {
  .about .graph_box02 {
    padding: 30px 0 !important;
    margin: 0px auto 0; }
    .about .graph_box02 .image {
      width: calc(100% - 30px); }
  .about .graph_box {
    padding: 30px 0 !important; }
    .about .graph_box .rine01 {
      width: calc(100% - 30px); }
    .about .graph_box h3 {
      text-align: center;
      color: #808080;
      font-size: 1.8rem;
      letter-spacing: 0.1em;
      margin: 0 auto 30px; }
    .about .graph_box .happy {
      width: calc(100% - 30px); }
    .about .graph_box p {
      max-width: 570px;
      margin: 0 auto 40px;
      padding: 0 15px;
      font-size: 1.7rem;
      line-height: 2em !important;
      text-align: justify;
      text-justify: inter-ideograph; }
    .about .graph_box .graph span {
      width: calc(100% - 30px); }
    .about .graph_box .graph small {
      text-align: left;
      padding: 0 15px; } }