@charset "utf-8";
/* 全体設定 */
html {
  font-size: 16px;
}
body {
  font-family: YuGothic, 'Yu Gothic', 'Helvetica Neue' , 'Hiragino Sans','Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
  font-weight: 500;
  overflow-x: hidden;
  position: relative;
  color: #333;
  -webkit-font-smoothing: antialiased;
}
main {
  overflow: hidden;
}
img {
  max-width: 100%;
  height: auto;
  flex-shrink: 0;
}
a {
  color: #2271b1;
  text-decoration: none;
  transition: 0.3s;
  visibility: visible;
}
a:hover {
  opacity: 0.7;
  color: #2271b1;
  text-decoration: none;
}
ul {
  list-style: none;
  padding-left: 0;
}
/* //全体設定 */

/* mainタグ上の余白 */
main {
  margin-top: 42.5px;
}
@media all and (min-width: 992px) {
  main {
    margin-top: 68px;
  }
}
/* //mainタグ上の余白 */

/* フォントファミリー */
.yugo {
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", 'Hiragino Sans','Hiragino Kaku Gothic Pro', Meiryo, Osaka, MS PGothic, -apple-system, BlinkMacSystemFont, sans-serif;
}

.arial{
  font-family:"Arial",sans-serif;
}

/* //フォントファミリー */

/* フォントウェイト */
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}
/* //フォントウェイト */

/* フォントスタイル */
.italic {
  font-style: italic;
}
/* //フォントスタイル */

/* 文字色 */

.text-gray, a.text-gray:hover {
  color: #333333;
}
/* //文字色 */
/* 背景色 */
.bg-lightgray {
  background-color: #F7F7F7;
}
/* //背景色 */
:root {
   scroll-behavior: auto;/* ハンバーガーを閉じた後のスクロール対策 */
}


/* フッターの下に余白ができないように */
body {
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

footer {
  width: 100%;
}
/* //フッターの下に余白ができないように */

/* 下記はコピペ用。パーツ毎にレスポンシブの記述をしてください。 */
@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {

}