html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

*:focus{
  outline: none;
}

a {
  text-decoration: none;
  display: block;
  color:#333;
  transition: all .4s;
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;

}

a:hover,
a:active,
a:focus {
  text-decoration: none;
  color: #fff;
  transition: all .4s;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  line-height: 0;
}

body{
  color:#333;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
        scrollbar-width: none;       /* Firefox 対応 */
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;

}

body::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }



.pc{
  display: block;
}

.sp{
  display: none;
}


.wrap{
  width: 90%;
  max-width: 1000px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .wrap{
    width: auto;
    margin: auto 30px;
  }

  .pc{
    display: none;
  }

  .sp{
    display: block;
  }
}









.js-fadeup {
opacity: 0;
transform: translateY(40px);
transition: all .75s cubic-bezier(0.75, 0, 0.35, 1);
}