@charset "UTF-8";
/* CSS Document */
/* CSS Document */
html {
  overflow: auto;
  font-size: 62.5%;
  /*10px*/
  letter-spacing: 0.1em;
  line-height: 1.7rem;
  width: 100%;
  -webkit-overflow-scrolling: touch; }

body {
  background-color: #fff;
  width: 100%;
  color: #000;
  -webkit-overflow-scrolling: touch;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }

div.wrapper {
  width: 100%;
  margin: 0;
  position: relative; }

img {
  width: 100%;
  height: auto; }

a {
  text-decoration: none;
  color: #069; }

a:hover {
  color: #32adc6; }

section {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

.bodycopy {
  color: #1c2e5e;
  font-size: 1.6rem;
  line-height: 2.6rem;
  letter-spacing: 0.1rem; }
  .bodycopy p {
    margin-top: 1.5rem; }
    .bodycopy p span {
      font-weight: bold; }

div.pagetop {
  position: fixed;
  right: 0;
  bottom: 1px;
  background-color: #1c2e5e;
  width: 40px;
  height: 20px;
  padding: 15px 20px;
  overflow: hidden;
  display: none; }
  div.pagetop:hover {
    opacity: 0.8; }
  div.pagetop:before {
    content: '';
    position: absolute;
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #fff;
    top: -5px;
    left: 20px; }
  div.pagetop:after {
    content: '';
    position: absolute;
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #1c2e5e;
    top: 4px;
    left: 20px; }

footer {
  margin-top: 50px;
  width: 98%;
  background-color: #1c2e5e;
  padding: 1%;
  color: #f8f5e3;
  position: relative;
  overflow: hidden;
  text-align: center; }
  @media screen and (max-width: 1000px) {
    footer {
      padding-bottom: 20px; } }
  footer div {
    font-size: 1.2rem; }
    footer div a {
      color: #fff; }
      footer div a:hover {
        color: #fff;
        opacity: 0.5; }
  footer p {
    font-size: 1rem; }

.clearfix {
  zoom: 1; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.hover:hover, .btn:hover {
  opacity: 0.75;
  cursor: pointer; }

.fl {
  float: left; }

.fr {
  float: right; }

.forPC {
  display: block; }

.forSP {
  display: none; }

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

  .forSP {
    display: block; }

  .fl, .fr {
    float: none; }

  html {
    font-size: 2.4vw;
    /*10px*/ } }

/*# sourceMappingURL=common.css.map */