@charset "utf-8";

/*======================================================
	Original style
======================================================== */

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: clamp(1.6rem,4vw,2rem);
  font-weight: 500;
  font-family: "noto-sans-cjk-jp", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic",
    "Yu Gothic Medium", "游ゴシック Medium", "游ゴシック体", "メイリオ",
    "Meiryo", sans-serif;
  line-height: 1.7;
  word-wrap: break-word;
  transition: 0.3s;
}

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

li {
  list-style-type: none;
}

hr {
  display: none;
}

section button {
  margin: 0 auto;
}

a:hover {
  opacity: 0.6;
}

.flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/*======================================================
	main
======================================================== */

.wrapper {
  padding: 1em 0;
}

.inner {
  margin: auto;
  max-width: 780px;
}

@media screen and (min-width:768px) {
  .inner {
    width: 90%;
  }
}