* {
  box-sizing: border-box;
}
html{
	font-size: 62.5%; /* 16px*62.5=10px */

}
body {
  background-color: #fff;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size:1.6rem;
  line-height: 1;
  min-width: 1080px;
  color:#000;
}

@media screen and (max-width: 768px) {
  body {
    min-width: auto;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover{
  opacity: 0.7;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

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

.only_pc {
  display: block;
}

.only_sp {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .only_pc {
    display: none !important;
  }
  .only_sp {
    display: block !important;
  }

}

/*-------------------------
 layout
-------------------------*/

.container {
  margin: 0 auto;
  width: 1080px;
}


@media screen and (max-width: 768px) {
  .container {
    margin: 0 10px;
    width: auto;
  }
}


/*-------------------------
 page link
-------------------------*/
.link{
  display: block;
   padding-top: 40px;
   margin-top: -40px;
}

  @media screen and (max-width: 768px) {
    .link{
      padding-top: 200px;
      margin-top: -200px;
    }

  .link:last-of-type{
    padding-top: 180px;
    margin-top: -180px;
  }


  }