@charset "utf-8";
/*

全ページ共通 スタイルを記述

*/


html {
    box-sizing: border-box;
    font-size: 62.5%;
}

* {
    margin: 0;
    padding: 0;
    font-size:13px;
    word-break: break-word;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    font-size:1.6rem;
}

a:link,
a:visited {
    color: #222;
}

ul, li {
  list-style: none;
}


img {
    border-style: none;
    max-width: 100%;
}

strong {
    font-size:1.6rem;
}


a:hover {
    opacity: 0.7;
}


body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 1.5;
  word-break: break-word;
  padding: 0;
  margin: 0;
  font-family: "Noto Sans JP", "Roboto", sans-serif;
  color: #222;
}


/* -------------------- behavior -------------------- */

@media (max-width:1023px) {
    .pc {
        display: none;
    }
}

@media (min-width:1024px) {
    .sp {
        display: none;
    }
}


/* 参照リンク ボタン */

.referenceBtn {
    display:block;
    margin:2rem 0;
    padding:1rem 1.6rem;
    border-radius:.2rem;
    background: #222;
    text-align: center;
}

a:link.referenceBtn,
a:visited.referenceBtn {
    color:#fff;
}