/* -------------------------------------------------------

common

------------------------------------------------------- */
/* -------------------------------------------------------

MV

------------------------------------------------------- */
article.contents {
  padding-bottom: var(--margin-block); }

.block_outline {
  color: #FFF; }
  .block_outline .h3_outline {
    font-size: 20px;
    margin-bottom: calc( var(--margin-block) / 5 );
    font-weight: 400; }
    @media screen and (min-width: 640px) {
      .block_outline .h3_outline {
        font-size: calc(20px + 0.0125 * (100vw - 640px)); } }
    @media screen and (min-width: 1920px) {
      .block_outline .h3_outline {
        font-size: 36px; } }
  .block_outline .wrap_outline {
    width: min(90%, 1000px);
    margin: calc( var(--margin-block) / 2 ) auto 0;
    font-weight: 400; }
    .block_outline .wrap_outline:first-child {
      margin-top: 0; }
    @media screen and (max-width: 600px) {
      .block_outline .wrap_outline {
        font-weight: 400; } }
    .block_outline .wrap_outline dl {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      -webkit-justify-content: space-between;
      flex-wrap: wrap;
      flex-wrap: -webkit-wrap;
      border-top: 1px solid #d1c8b2;
      line-height: 1.6;
      font-size: 12px; }
      @media screen and (min-width: 640px) {
        .block_outline .wrap_outline dl {
          font-size: calc(12px + 0.003125 * (100vw - 640px)); } }
      @media screen and (min-width: 1920px) {
        .block_outline .wrap_outline dl {
          font-size: 16px; } }
      .block_outline .wrap_outline dl dt {
        border-bottom: 1px solid #d1c8b2;
        width: 35%;
        padding: 1.5rem 0; }
        @media screen and (max-width: 600px) {
          .block_outline .wrap_outline dl dt {
            width: 40%;
            line-height: 1.3; } }
      .block_outline .wrap_outline dl dd {
        border-bottom: 1px solid #d1c8b2;
        width: 65%;
        padding: 1.5rem 0; }
        @media screen and (max-width: 600px) {
          .block_outline .wrap_outline dl dd {
            width: 60%;
            line-height: 1.3; } }
    .block_outline .wrap_outline .remarks,
    .block_outline .wrap_outline .yokoku {
      line-height: 1.6;
      margin-top: calc( var(--margin-block) / 3 );
      font-size: 12px; }
      @media screen and (min-width: 640px) {
        .block_outline .wrap_outline .remarks,
        .block_outline .wrap_outline .yokoku {
          font-size: calc(12px + 0.003125 * (100vw - 640px)); } }
      @media screen and (min-width: 1920px) {
        .block_outline .wrap_outline .remarks,
        .block_outline .wrap_outline .yokoku {
          font-size: 16px; } }
      .block_outline .wrap_outline .remarks p,
      .block_outline .wrap_outline .yokoku p {
        width: min(10%, 120px);
        border: 1px solid #FFF;
        text-align: center;
        padding: 1rem 0;
        margin-bottom: 1rem; }
        @media screen and (max-width: 600px) {
          .block_outline .wrap_outline .remarks p,
          .block_outline .wrap_outline .yokoku p {
            width: 30%; } }