@charset "UTF-8";
/* ---------------------------------------------------------
   base.css
----------------------------------------------------------*/
/* default */
html {
  font-size: 62.5%;
  font-family: Meiryo, "メイリオ", sans-serif;
  line-height: 1.7;
}

/* color */
/* border */
/* fontsize */
/* indent */
/* customize */
.nomal {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.small {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  color: rgba(51, 51, 51, 0.8);
}

.big {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.caption {
  text-indent: -1em;
  padding-left: 1em;
}

@media print, screen and (min-width: 641px) {
  html, body {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  body {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    border: 3px solid #11284a;
    margin: 1px;
    border-radius: 3px;
  }

  .wrapper {
    width: 840px;
    margin: 0 auto;
  }

  img {
    max-width: 100%;
    width: auto;
  }

  header {
    padding: 10px 20px;
  }

  .br_sp {
    display: none;
  }

  .br_pc {
    display: block;
  }

  .container {
    width: 740px;
    margin: 0 auto;
    padding: 30px 0 0 0;
  }

  .sp_head {
    display: none;
  }

  .pc_head {
    display: block;
    float: left;
  }

  .logo {
    float: right;
    margin: 6px 0 0 0;
  }
  .logo img {
    width: 100%;
  }

  .box_caption {
    text-align: center;
  }

  .btn_close a img {
    width: 20px;
  }

  .lower .clm_main section {
    margin: 0 0 60px 0;
  }

  /* 404 */
  .btn_404 {
    width: 60%;
    margin: 0 auto 40px auto;
  }
}