@charset "utf-8";

@media screen and (min-width: 0px) and (max-width: 720px) {
  /* ------------------ media ------------------ */
  .pc_only {
    display:none;
  }
  .mobile_only {
    display:block;
  }
  /* ------------------ generic class ------------------ */
  /* ------------------ header block ------------------ */
  .header {
  }
  .header_description_box {
    width:100vw;
  }
  .header_img_box {
    width:100vw;
    border-bottom:solid 15px #63a7fb;
  }
  .header_description {
    padding:20px 10px 0 10px;
    text-align:center;
    line-height:50px;
  }
  .header_description_text {
    padding:10px 10px 10px 10px;
  }
  .header_action_box {
   width:100vw;
   text-slign:center;
  }
  .header_feature_box_outer {
    margin:0;
    width:100vw;
    clear:both;
  }
  .header_feature_box {
    margin:7px auto 30px auto;
    width:100vw;
    clear:both;
    min-height:0;
  }
  .header_feature_title {
    width:100vw;
  }

  /* ------------------ content block ------------------ */
  .contentbox {
    padding:25px 0;
  }

  /* ------------------ unnumbered list ------------------ */
  .contentbox ul, .contentbox ol {
      margin:10px 0 10px 20px;
  }

  /* ------------------ blank box ------------------ */
  .blank_box {
      margin-right:0;
      margin-left:0;
      padding:5px;
  }

  /* ------------------ content image ------------------ */
  .content_image.full {
      width:calc(100vw - 40px);
  }
  .content_image.full:hover {
      width:calc(100vw - 40px);
  }
  .content_image.middle {
      width:calc(100vw - 40px);
  }
  .content_image.middle:hover {
      width:calc(100vw - 40px);
  }
  .content_image.small {
      width:calc(100vw - 40px);
  }
  .content_image.small:hover {
      width:calc(100vw - 40px);
  }

  /* -------------------- merit_box ------------------- */
  .merit_box {
      margin: 0 0 30px 0;
  }
  .demerit_box {
      margin: 0 0 30px 0;
  }


  /* ------------------ post-action-box ------------------ */
  .post-action-box {
      background-position: right;
  }

}