.vol-master section.article-content .contents h3.graphh3 {
    font-size: 18px;
    line-height: 28px;
    margin: 10px auto;
		display: inline-block;
}

.vol-master section.article-content .contents .column-02 .right   {
    width: 50%;
}

.vol-master section.article-content .contents .column-02 .left {
    width: 50%;
}

.vol-master section.article-content .contents .column-02 .leftgraph {
    width: 40%;
    display: inline-block;
}

.vol-master section.article-content .contents .column-02 .rightgraph {
      width: 55%;
      margin-left: 28px;
      display: inline-block;
}

.vol-master section.article-content .contents .column-02 {
    display: inline-flex;
}

.vol-master section.article-content .contents .column-02 .centergraph {
    width: 370px;
    margin-right: 0px;
    display: inline-block;
    margin: 0 auto;
}
@media screen and ( max-width: 599px ) {

  .vol-master section.article-content .contents .column-02 {
    display: block;
}

  .vol-master section.article-content .contents .column-02 .right  {
      width: 90%;
  }

  .vol-master section.article-content .contents .column-02 .left {
      width: 90%;
  }

  .vol-master section.article-content .contents .column-02 .leftgraph {
      width: 90%;
  }

  .vol-master section.article-content .contents .column-02 .rightgraph {
    width: 90%;
    margin-left: 0;
  }

  .vol-master section.article-content .contents .column-02 .centergraph {
      width: 90%;
  }
}


/* -------------------- 追加 -------------------- */
.graph-flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
}

.graph-flex .flex-inner {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.graph-flex .flex-inner img {
    width: 100%;
    max-width: 404px;
    margin: auto;
}

@media screen and ( max-width: 599px ) {
    .graph-flex .flex-inner {
        width: 90%;
    }
}
/* -------------------- /追加 -------------------- */


.orange-text{
  color: orange;
  font-weight: bold;
}

.under {
    border-bottom: solid;
    font-size: 20px;
}

@media screen and ( max-width: 599px ) {
    .br-sp {
        display: none !important;
    }
}


@media screen and (min-width: 600px) {
    .pc {
        display:block;
    }

    .sp {
        display: none;
    }
}

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

    .sp {
        display: block;
    }
}