@charset "UTF-8";
/* CSS Document */

body {
  font-family: 'Overpass', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, meiryo, sans-serif;
  background-color: #FFFFFF;
  color: #000000;
}

html {
  scroll-behavior: smooth;
}

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

/* 自動改行を避け */
span.aks {
  display: inline-block;
  font-family: 'Heebo', sans-serif;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc-main {
  display: block !important;
}

.sp-main {
  display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 599px) {
  .pc-main {
    display: none !important;
  }

  .sp-main {
    display: block !important;
  }
}


.btn01 a:hover {
  display: block;
  opacity: 0.5;
  transition: 0.3s;
}

/* ホバーアクションをPCだけにしたい場合、←のメディアクエリで囲む */
@media (hover: hover) and (pointer: fine) {
  .btn01 a:hover {
    display: block;
    opacity: 0.8;
    transition: 0.3s;
  }
}

.btn02 a:hover {
  display: block;
  opacity: 0.5;
  transition: 0.3s;
}

/* ホバーアクションをPCだけにしたい場合、←のメディアクエリで囲む */
@media (hover: hover) and (pointer: fine) {
  .btn02 a:hover {
    display: block;
    opacity: 0.8;
    transition: 0.3s;
  }
}






.btn01 {
  margin-left: 90px;
  margin-right: 90px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.btn02 {
  margin-left: 90px;
  margin-right: 90px;
  padding-bottom: 120px;
}


.wrapper {
  width: 100%;
}

.contents {
  max-width: 980px;
  width: 100%;
  margin: auto;
}



/* SP表示(599px以下) */
@media only screen and (max-width: 979px) {

  .btn01 {
    margin-left: 9.2vw;
    margin-right: 9.2vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }

  .btn02 {
    margin-left: 9.2vw;
    margin-right: 9.2vw;
    margin-bottom: 3%;
  }
}





/* SP表示(599px以下) */
@media only screen and (max-width: 599px) {


  .btn01 {
    margin-left: 7.7vw;
    margin-right: 7.7vw;
    padding-bottom: 5vw;
  }

  .btn02 {
    margin-left: 7.7vw;
    margin-right: 7.7vw;
    margin-bottom: 3%;
    padding-bottom: 0px;
  }

  .btn03 {
    margin-left: 7.7vw;
    margin-right: 7.7vw;
    margin-bottom: 14vw;
  }
}



/*PCの場合にはメニューを表示させない*/
@media (min-width: 599px) {
  .for-sp {
    display: none !important;
  }

}