.content {
  padding: 10px;
    position: relative;
    height: auto;
    margin: auto;
    /* min-height: 100vh; */
    /* padding-bottom: 120px; */
    box-sizing: border-box;
}
header {
  width: 100%; /* 幅いっぱいを指定 */
  height: 70px; /* 高さを50pxに指定 */
  background: #f3f1ed; /* 背景色にグレーを指定 */
  padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定 */
  box-sizing: border-box; /* padding分を含んで幅を100%にするため */
  position: fixed; /* ウィンドウを基準に画面に固定 */
  top: 0; /* 上下の固定位置を上から0pxにする */
  left: 0; /* 左右の固定位置を左から0pxにする */
  display: flex; /* 中の要素を横並びにする */
  align-items: center; /* 中の要素を上下中央に並べる */
  z-index: 10000;
}

html {
  font-family: 'Lato', sans-serif;
}

body {
  margin: 0;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.logo{
  position: absolute;
  top: -2px;
  left: 25px;
  width: 50px;
}
.pc-only{
  display: none;
}
video{
  width: 79%;
    padding-top: 21%;
}

.msg {
  font-family: 'Pacifico', cursive;
  font-size: 8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FEFEFE;
  background-color: white;
}

.features {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
}

.features li {
  width: 100%;
  text-align: center;
  padding: .25em;
}

.drawer-list {
  position: fixed;
  right: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  -webkit-transform: translate(100vw, 0);
          transform: translate(100vw, 0);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: none;
  padding-top: 125px;
  -webkit-transition: width 475ms ease-out, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  transition: width 475ms ease-out, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
  transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease, -webkit-transform 450ms ease;
  border-bottom-left-radius: 100vw;
  background-color: #ebebeb;
  background-color:rgba(208, 210, 210, 0.89);
  z-index: 10000;
}
.drawer-list ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
  pointer-events: auto;
  margin-top: -37px;
}

.drawer-list li {
  list-style: none;
  pointer-events: auto;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translatex(100vw);
          transform: translatex(100vw);
  /* ie workaround */
  -ms-transform: translatex(-100vw);
}

.drawer-list li:last-child {
  margin-bottom: 2em;
}

.drawer-list li a {
  text-decoration: none;
  color: #100101;
  text-align: center;
  display: block;
  padding: 1rem;
}
.drawer-list li a:hover {
  cursor: pointer;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.5);
}

input.hamburger {
  display: none;
}

input.hamburger:checked ~ .drawer-list {
  -webkit-transform: translatex(0);
          transform: translatex(0);
  border-bottom-left-radius: 0;
}

input.hamburger:checked ~ .drawer-list li {
  -webkit-transform: translatex(0);
          transform: translatex(0);
}

input.hamburger:checked ~ .drawer-list li:nth-child(1) {
  -webkit-transition: -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(2) {
  -webkit-transition: -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(3) {
  -webkit-transition: -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(4) {
  -webkit-transition: -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(5) {
  -webkit-transition: -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(6) {
  -webkit-transition: -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(7) {
  -webkit-transition: -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(8) {
  -webkit-transition: -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(9) {
  -webkit-transition: -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(10) {
  -webkit-transition: -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(11) {
  -webkit-transition: -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(12) {
  -webkit-transition: -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 0.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(13) {
  -webkit-transition: -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(14) {
  -webkit-transition: -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(15) {
  -webkit-transition: -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(16) {
  -webkit-transition: -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(17) {
  -webkit-transition: -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(18) {
  -webkit-transition: -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(19) {
  -webkit-transition: -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(20) {
  -webkit-transition: -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(21) {
  -webkit-transition: -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(22) {
  -webkit-transition: -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(23) {
  -webkit-transition: -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(24) {
  -webkit-transition: -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 1.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(25) {
  -webkit-transition: -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(26) {
  -webkit-transition: -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.08s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(27) {
  -webkit-transition: -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.16s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(28) {
  -webkit-transition: -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.24s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(29) {
  -webkit-transition: -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.32s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(30) {
  -webkit-transition: -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(31) {
  -webkit-transition: -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.48s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(32) {
  -webkit-transition: -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.56s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(33) {
  -webkit-transition: -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.64s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(34) {
  -webkit-transition: -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.72s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(35) {
  -webkit-transition: -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.8s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(36) {
  -webkit-transition: -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.88s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(37) {
  -webkit-transition: -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 2.96s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(38) {
  -webkit-transition: -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.04s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(39) {
  -webkit-transition: -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.12s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(40) {
  -webkit-transition: -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.2s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(41) {
  -webkit-transition: -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.28s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(42) {
  -webkit-transition: -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.36s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(43) {
  -webkit-transition: -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.44s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(44) {
  -webkit-transition: -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.52s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(45) {
  -webkit-transition: -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.6s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(46) {
  -webkit-transition: -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.68s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(47) {
  -webkit-transition: -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.76s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(48) {
  -webkit-transition: -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.84s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(49) {
  -webkit-transition: -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 3.92s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li:nth-child(50) {
  -webkit-transition: -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
  transition: transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96), -webkit-transform 1s 4s cubic-bezier(0.29, 1.4, 0.44, 0.96);
}

input.hamburger:checked ~ .drawer-list li a {
  padding-right: 15px;
}

input.hamburger:checked ~ label > i {
  background-color: transparent;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

input.hamburger:checked ~ label > i:before {
  -webkit-transform: translate(-50%, -50%) rotate(315deg);
          transform: translate(-50%, -50%) rotate(315deg);
}

input.hamburger:checked ~ label > i:after {
  -webkit-transform: translate(-50%, -50%) rotate(-315deg);
          transform: translate(-50%, -50%) rotate(-315deg);
}

input.hamburger:checked ~ label close {
  color: #FEFEFE;
  width: 100%;
}

input.hamburger:checked ~ label open {
  color: rgba(0, 0, 0, 0);
  width: 0;
}

label.hamburger {
  z-index: 20000;
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
}

label.hamburger:hover {
  cursor: pointer;
}

label.hamburger text close,
label.hamburger text open {
  text-transform: uppercase;
  font-size: .8em;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  text-align: center;
  overflow: hidden;
  -webkit-transition: width .25s .35s, color .45s .35s;
  transition: width .25s .35s, color .45s .35s;
}

label.hamburger text close {
  color: rgba(0, 0, 0, 0);
  right: 0;
  width: 0;
}

label.hamburger text open {
  color: #FEFEFE;
  width: 100%;
}

label.hamburger > i {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  background-color: #060606;;
  pointer-events: auto;
  -webkit-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}

label.hamburger > i:before, label.hamburger > i:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  left: 50%;
  background-color: #060606;;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

label.hamburger > i:before {
  -webkit-transform: translate(-50%, -14px);
          transform: translate(-50%, -14px);
}

label.hamburger > i:after {
  -webkit-transform: translate(-50%, 14px);
          transform: translate(-50%, 14px);
}

label.hamburger {
  position: fixed;
  top: 15px;
  right: 15px;
}

/**
      SCROLLBAR STYLE FOR IE
  */

.icon {
  display: inline-block;
  width: 5vw;
  height: 4vw;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}


.nav-menu{
padding: 10px;
color:black;
}
.moji-chibi{
  font-size: 9px;
  line-height: 9px;
  margin-top: 2px;
}
.left-content{
  margin: auto;
  text-align: center;
}
.right-content{
  margin: 10px;
  position: relative;
  
}
.right-waku{
  float: left;
  width: 100%;
  margin-left: 10%;
  
}
.right-waku li{
  float: left;
  margin-top: 30px;
}
.right-waku-img{
  width: 50%;
}
.home-haikei8,
.home-haikei6,
.home-haikei7,
.home-haikei9{
  z-index: -1000;
}
/* トピック */
.news-waku {
  width: 75%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    margin-left: 19%;
}
.news-list {
    list-style: none;
    padding: 1% 2%;
    width: 80%;
    color: #1c448d;
    display: inline-block;
    text-decoration: none;
}
.news-list a:link,
.news-list a:visited{
  list-style: none;
  color: #1c448d;
  display: inline-block;
  text-decoration: none;
  color: #212223;
}
.time {
  display: inline-block;
  font-weight: bold;
  margin-right: 40px;
  font-size: 12px;
  color: #656262;
  padding-top: 12px;
}
.que-title{
  font-size: 14px;
    letter-spacing: 1px;
    text-align:left;
}
.qu-mark{
  font-size: 26px;
  margin-right: 3px;
  color: #b0784059;
}
.shiharai-title{
  font-size: 14px;
    color: #333333;
    letter-spacing: 2px;
    font-weight: 700;
    margin-bottom: 11px;
    margin-top: 38px;
}
.shiharai-nakami{
  font-size: 12px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 24px;
    margin: 10% 0px 6%;
  
}
.shiharai-img{
  margin-top: 30px;
  margin-left: -1%;
  width: 76%;
}
.offset-3 {
  margin-left: 0px;
}
@media (min-width: 768px) {
  .drawer-list li a {
    text-align: right;
    padding: .5rem;
  }
  .drawer-list {
    width: 40vw;
  }
 
}

@media (min-width: 768px) and (max-width:900px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
      position: absolute;
      bottom: 0;
    width: 30%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 289px;
    height: 289px;
    border-radius: 50%;
    position: relative;
    margin-top: 24vh;
    margin-left: auto;
    margin-right: auto;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
  /* home*/
  video{
    width: 74%;
    padding-top: 19%;
}
.home-movie-wrap{
  /* margin-bottom: 51%; */
}
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
    position: absolute;
    top: 5.5%;
    left: 1%;
    width: 268px;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 116px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 293px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 62vh;
  left: 7%;
  width: 51px;
  }
  .home-haikei5{
  position: absolute;
  top: 82vh;
  left: 0%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 91%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 57%;
  width: 58px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 89vh;
    left: 73%;
    width: 23px;
  transform: rotate(12deg);
  z-index: -10000;
  }
  .home-haikei10{
  position: absolute;
  top:38vh;
  left:52vw;
  width: 26px;
  transform: rotate(44deg);
  z-index: -30000;
  }
  
  .home-koga1{
    position: absolute;
    width: 23%;
    top: 42%;
    left: 20%;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 63%;
    left: 26%;
  }
  .home-koga3{
    position: absolute;
    width: 23%;
    top: 42%;
    left: 44%;
  }
  .home-koga4{
    position: absolute;
    width: 95px;
    top: 63%;
    left: 51%;
}
  
  .home-koga5{
    position: absolute;
    width: 23%;
    top: 42%;
    left: 68%;
}
  
  .home-koga6{
    position: absolute;
    width: 95px;
    top: 63%;
    left: 73%;
    text-align: center;
}

   /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:5%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:154px; /*下に固定*/
  right: 0;
}
}
@media (min-width: 531px) and (max-width:767px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
      position: absolute;
      bottom: 0;
    width: 30%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 289px;
    height: 289px;
    border-radius: 50%;
    position: relative;
    margin-top: 24vh;
    margin-left: auto;
    margin-right: auto;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
  /* home*/
  video {
    width: 79%;
    padding-top: 31%;
}
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
    position: absolute;
    top: 8.5%;
    left: 1%;
    width: 268px;
  }
  .home-movie-wrap {
  position: relative;
  /* padding-bottom:27%;  */
  overflow: hidden;
  margin-left:0px;
  z-index: -10000;
  
  }
  
  .home-movie-wrap iframe {
  position: absolute;
  top: 22%;
  left: -1%;
  width: 79%;
  height: 28%;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 96px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 293px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 41%;
  left: 7%;
  width: 7%;
  }
  .home-haikei5{
  position: absolute;
  top: 82vh;
  left: 0%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 91%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 90vh;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  z-index: -10000;
  }
  .home-haikei8{
  position: absolute;
  top:84vh;
  left: 57%;
  width: 43px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 69%;
    left: 73%;
    width: 23px;
  transform: rotate(12deg);
  z-index: -10000;
  
  }
  .home-haikei10{
  position: absolute;
  top:38vh;
  left:52vw;
  width: 26px;
  transform: rotate(44deg);
  z-index: -30000;
  }
  
  .home-koga1{
  position: absolute;
  width: 114px;
  top: 42%;
    left: 18%;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 58%;
  left: 20%;
  }
  .home-koga3{
  position: absolute;
  width:114px;
  top: 42%;
    left: 43%;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 58%;
  left: 47%;
  }
  .home-koga5{
  position: absolute;
  width:114px;
  top: 42%;
  left: 69%;
  }
  .home-koga6{
    position: absolute;
    width: 95px;
    top: 58%;
    left: 70%;
    text-align: center;
  }
    /* トピック */
  .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
  z-index:1000;
} 

   /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:5%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:154px; /*下に固定*/
  right: 0;
}
}
@media (min-width: 415px) and (max-width:530px){
.mina-waku{
padding: 0px 0px 50px 50px;
  position: absolute;
  bottom: 0;
width: 54%;
}
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 289px;
    height: 289px;
    border-radius: 50%;
    position: relative;
    margin-top: 24vh;
    margin-left: auto;
    margin-right: auto;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
  /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
  position: absolute;
  top: 7.5%;
  left:1%;
  width: 200px;
  }
  .home-movie-wrap {
  position: relative;
  /* padding-bottom: 163.25%;  */
  overflow: hidden;
  margin-left:0px;
  z-index: -10000;
  
  }
  
  .home-movie-wrap iframe {
  position: absolute;
  top: 22%;
  left: -1%;
  width: 79%;
  height: 28%;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 63px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 34%;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 82vh;
  left: 0%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 65%;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 58px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 90vh;
  left: 77%;
  width: 23px;
  transform: rotate(0deg);
  z-index: -10000;
  }
  .home-haikei10{
  position: absolute;
  top:38vh;
  left:52vw;
  width: 26px;
  transform: rotate(44deg);
  z-index: -30000;
  }
  
  .home-koga1{
    position: absolute;
    width: 30%;
    top: 30%;
    left: 23%;
  }
  .home-koga2{
    position: absolute;
    width: 85px;
    top: 32%;
    left: 54%;
  }
  .home-koga3{
    position: absolute;
    width: 30%;
    top: 40%;
    left: 57%;
  }
  .home-koga4{
    position: absolute;
    width: 95px;
    top: 55%;
    left: 65%;
  }
  .home-koga5{
    position: absolute;
    width: 30%;
    top: 46%;
    left: 23%;
  }
  .home-koga6{
    position: absolute;
    width: 95px;
    top: 61%;
    left: 30%;
    text-align: center;
  }
   /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:154px; /*下に固定*/
}
   /* トピック */
   .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
  z-index:1000;
} 
}

@media (min-width: 376px) and (max-width:414px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
      position: absolute;
      bottom: 0;
    width: 31%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 289px;
    height: 289px;
    border-radius: 50%;
    position: relative;
    margin-top: 24vh;
    margin-left: auto;
    margin-right: auto;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 50%;
    left: 76%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 71%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 30%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
  video {
    width: 80%;
    padding-top: 33%;
  
}
.home-movie-wrap{
  /* padding-bottom: 74%; */
}
  /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
  position: absolute;
  top: 9%;
  left:1%;
  width: 200px;
  }

  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 63px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 45vh;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 71vh;
  left: -10%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 51px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 90vh;
  left: 77%;
  width: 23px;
  transform: rotate(0deg);
  z-index: -10000;
  }
  .home-haikei10{
  position: absolute;
  top:43vh;
  left:47vw;
  width: 26px;
  transform: rotate(35deg);
  z-index: -30000;
  }
  
  .home-coach{
  margin-top: -300px;
  margin-left: 123px;
  height: 502px;
  }
  .home-coach1{
  float: left;
  width: 200px;
  height: 246px;
  list-style: none;
  text-align: center;
  background-color: #8e8e8d;
  margin-left: 70px;
  }
  .home-coach2{
  width: 200px;
  height: 236px;
  margin-top: 0px;
  }
  .home-koga1{
  position: absolute;
  width: 114px;
  top: 46vh;
  left: 24vw;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 46vh;
  left: 55vw;
  }
  .home-koga3{
  position: absolute;
  width:114px;
  top: 57vh;
  left: 59vw;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 75vh;
  left: 65vw;
  text-align: center;
  }
  .home-koga5{
  position: absolute;
  width:114px;
  top: 68vh;
  left: 24vw;
  }
  .home-koga6{
  position: absolute;
  width: 95px;
  top: 87vh;
  left: 26vw;
  text-align: center;
  }
  /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:0; /*下に固定*/
  right: 0;;
}
/* トピック */
.news-waku {
  width: 98%;
  margin: auto;
  padding: 1%;
  /* margin-top: 32%; */
  background-color: white;
  overflow: scroll;
  height: 305px;
    border-radius: 21px;
}
.news-list {
border-bottom: 1px dotted #000;
list-style: none;
padding: 1% 2%;
width: 92%;
color: #1c448d;
display: inline-block;
text-decoration: underline;
}
}

@media (min-width: 351px) and (max-width:375px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
    position: absolute;
    bottom: 0;
    width: 53%;
  }
  .ishi{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 289px;
    height: 289px;
    border-radius: 50%;
    position: relative;
    margin-top: 24vh;
    margin-left: auto;
    margin-right: auto;
  
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 46%;
    left: 69%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 61%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 25%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;

  }
  /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
  position: absolute;
  top: 9%;
  left:1%;
  width: 200px;
  }
  video {
    width: 81%;
    padding-top: 38%;
}
.home-movie-wrap{
  /* margin-bottom: 108%; */
}
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 63px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 45vh;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 71vh;
  left: -10%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 58px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 90vh;
  left: 77%;
  width: 23px;
  transform: rotate(0deg);
  z-index: -10000;
  }
  .home-haikei10{
  position: absolute;
  top:42vh;
  left:52vw;
  width: 26px;
  transform: rotate(35deg);
  z-index: -30000;
  }

  .home-koga1{
  position: absolute;
  width: 114px;
  top: 30%;
    left: 23%;
  }
  .home-koga2{
    position: absolute;
    width: 85px;
    top: 32%;
    left: 56%;
  }
  .home-koga3{
  position: absolute;
  width:114px;
  top: 40%;
  left: 59%;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 54%;
  left: 65%;
  }
  .home-koga5{
  position: absolute;
  width: 114px;
  top: 46%;
    left: 23%;
  }
  .home-koga6{
  position: absolute;
  width: 95px;
  top: 61%;
  left: 26%;
  text-align: center;
  }
  /* トピック */
  .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
}
/* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:0; /*下に固定*/
  right: 0;
}
}
  @media (min-width:320px) and (max-width: 350px) {
    video {
      width: 79%;
      padding-top: 39%;
  }
    .mina-waku{
      padding: 0px 0px 50px 50px;
      position: absolute;
      bottom: 0;
      width: 26%;
    }
    .ishi{
      background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50%;
    position: relative;
    margin-top: 18vh;
    margin-left: auto;
    margin-right: auto;
    width: 269px;
    height: 267px;
    }
    .ishi-moji{
      position: absolute;
      top: -15%;
      left: -3%;
      width: 34%;
    }
    .ishi-1{
      width: 36%;
      position: absolute;
      top: 40%;
      left: -5%;
    }
    .ishi-2{
      width: 23%;
      position: absolute;
      top: 46%;
      left: 69%;
    }
    .ishi-3{
      width: 36%;
      position: absolute;
      top: -3%;
      left: 4%;
    }
    .ishi-4{
      width: 35%;
      position: absolute;
      top: 61%;
      left: 45%;
    }
    .ishi-5{
      width: 22%;
      position: absolute;
      top: 67%;
      left: 20%;
    }
    .ishi-6{
      width: 31%;
      position: absolute;
      top: 18%;
      left: 75%;
    }
    .ishi-7{
      width: 31%;
      position: absolute;
      top: 5%;
      left: 52%;
    }
    .ishi-8{
      width: 32%;
      position: absolute;
      top: 25%;
      left: 33%;
    }
    .ishi-9{
      width: 22%;
      position: absolute;
      top: -9%;
      left: 45%;
  
    }
    /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1 {
    position: absolute;
    top: 7.5%;
    left: 1%;
    width: 200px;
}
  .home-movie-wrap {
  position: relative;
  /* padding-bottom: 80.25%;  */
  overflow: hidden;
  margin-left:0px;
  z-index: -10000;
  
  }
  
  .home-movie-wrap iframe {
  position: absolute;
  top: 22%;
  left: -1%;
  width: 79%;
  height: 28%;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 63px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 45vh;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 71vh;
  left: -10%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 69%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 45px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 90vh;
  left: 77%;
  width: 23px;
  transform: rotate(0deg);
  z-index: -10000;
  }
  .home-haikei10{
  position: absolute;
  top:30vh;
  left:52vw;
  width: 26px;
  transform: rotate(35deg);
  z-index: -30000;
  }

  .home-koga1{
  position: absolute;
  width: 95px;
  top: 46vh;
  left: 24vw;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 46vh;
  left: 55vw;
  }
  .home-koga3{
  position: absolute;
  width: 95px;
  top: 57vh;
  left: 59vw;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 78vh;
  left: 62vw;
  }
  .home-koga5{
  position: absolute;
  width: 95px;
  top: 68vh;
  left: 24vw;
  }
  .home-koga6{
  position: absolute;
  width: 95px;
  top: 90vh;
  left: 26vw;
  }
  /* トピック */
  .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
}
    /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:0; /*下に固定*/
  right: 0;
}
  
}
@media (max-width:319px) and (min-width:280px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
    position: absolute;
    bottom: 0;
    width: 26%;
  }
  .ishi{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50%;
  position: relative;
  margin-top: 30vh;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 200px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 46%;
    left: 69%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 61%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 25%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;
  }
  /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
  position: absolute;
  top: 10.5%;
  left:1%;
  width:166px;
  }
  .home-movie-wrap {
  position: relative;
  /* padding-bottom: 163.25%;  */
  overflow: hidden;
  margin-left:0px;
  z-index: -10000;
  }
  .home-movie-wrap iframe {
  position: absolute;
  top: 30%;
  left: -1%;
  width: 79%;
  height: 28%;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 54px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 45vh;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 71vh;
  left: -10%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 77%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 47px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 93vh;
  left: 87%;
  width: 16px;
  transform: rotate(0deg);
  }
  .home-haikei10{
  position: absolute;
  top:45vh;
  left:52vw;
  width: 26px;
  transform: rotate(35deg);
  z-index: -30000;
  }
  
  .home-koga1{
  position: absolute;
  width: 95px;
  top: 46vh;
  left: 24vw;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 46vh;
  left: 55vw;
  }
  .home-koga3{
  position: absolute;
  width: 95px;
  top: 57vh;
  left: 59vw;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 79vh;
  left: 59vw;
  }
  .home-koga5{
  position: absolute;
  width: 95px;
  top: 68vh;
  left: 24vw;
  }
  .home-koga6{
  position: absolute;
  width: 95px;
  top: 90vh;
  left: 26vw;
  }
  /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:139px; /*下に固定*/
}
   /* トピック */
   .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
  z-index:1000;
} 

}
@media (max-width:279px){
  .mina-waku{
    padding: 0px 0px 50px 50px;
    position: absolute;
    bottom: 0;
    width: 26%;
  }
  .ishi{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 50%;
  position: relative;
  margin-top: 30vh;
  margin-left: auto;
  margin-right: auto;
  width: 200px;
  height: 200px;
  }
  .ishi-moji{
    position: absolute;
    top: -15%;
    left: -3%;
    width: 34%;
  }
  .ishi-1{
    width: 36%;
    position: absolute;
    top: 40%;
    left: -5%;
  }
  .ishi-2{
    width: 23%;
    position: absolute;
    top: 46%;
    left: 69%;
  }
  .ishi-3{
    width: 36%;
    position: absolute;
    top: -3%;
    left: 4%;
  }
  .ishi-4{
    width: 35%;
    position: absolute;
    top: 61%;
    left: 45%;
  }
  .ishi-5{
    width: 22%;
    position: absolute;
    top: 67%;
    left: 20%;
  }
  .ishi-6{
    width: 31%;
    position: absolute;
    top: 18%;
    left: 75%;
  }
  .ishi-7{
    width: 31%;
    position: absolute;
    top: 5%;
    left: 52%;
  }
  .ishi-8{
    width: 32%;
    position: absolute;
    top: 25%;
    left: 33%;
  }
  .ishi-9{
    width: 22%;
    position: absolute;
    top: -9%;
    left: 45%;
  }
  /* home*/
.home-moji {
  font-family: 'Noto Serif JP', serif;
  }
  .home-haikei1{
  position: absolute;
  top: 14.5%;
  left:1%;
  width:166px;
  }
  .home-movie-wrap {
  position: relative;
  /* padding-bottom: 163.25%;  */
  overflow: hidden;
  margin-left:0px;
  z-index: -10000;
  }
  .home-movie-wrap iframe {
  position: absolute;
  top: 22%;
  left: -1%;
  width: 79%;
  height: 28%;
  }
  .home-haikei2{
  position: absolute;
  top: 10%;
  left: 82%;
  width: 63px;
  }
  .home-haikei3{
  position: absolute;
  top: 24%;
  left:63%;
  width: 192px;
  transform: rotate(-120deg);
  z-index: -20000;
  }
  .home-haikei4{
  position: absolute;
  top: 45vh;
  left: 7%;
  width: 30px;
  }
  .home-haikei5{
  position: absolute;
  top: 71vh;
  left: -10%;
  width: 59px;
  transform: rotate(73deg);
  z-index: -1000;
  }
  .home-haikei6{
  position: absolute;
  top:74vh;
  left: 80%;
  width: 42px;
  transform: rotate(-23deg);
  z-index: -10000;
  }
  .home-haikei7{
  position: absolute;
  top: 86vh;
  left: 77%;
  width: 22px;
  transform: rotate(1deg);
  }
  .home-haikei8{
  position: absolute;
  top:79vh;
  left: 46%;
  width: 47px;
  transform: rotate(25deg);
  z-index:-10000;
  }
  .home-haikei9{
  position: absolute;
  top: 93vh;
  left: 87%;
  width: 16px;
  transform: rotate(0deg);
  }
  .home-haikei10{
  position: absolute;
  top:30vh;
  left:52vw;
  width: 26px;
  transform: rotate(35deg);
  z-index: -30000;
  }
  
  .home-koga1{
  position: absolute;
  width: 95px;
  top: 46vh;
  left: 24vw;
  }
  .home-koga2{
  position: absolute;
  width: 85px;
  top: 46vh;
  left: 55vw;
  }
  .home-koga3{
  position: absolute;
  width: 95px;
  top: 57vh;
  left: 59vw;
  }
  .home-koga4{
  position: absolute;
  width: 95px;
  top: 79vh;
  left: 59vw;
  }
  .home-koga5{
  position: absolute;
  width: 95px;
  top: 68vh;
  left: 24vw;
  }
  .home-koga6{
  position: absolute;
  width: 95px;
  top: 90vh;
  left: 26vw;
  }
  /* footer */
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 120px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
  max-width: 100%;
    overflow: hidden;
}

footer{
  width:10%;
  color: #fff;
  text-align: right;
  position: absolute;/*←絶対位置*/
  bottom:139px; /*下に固定*/
}
   /* トピック */
   .news-waku {
    width: 98%;
    margin: auto;
    padding: 1%;
    /* margin-top: 32%; */
    background-color: white;
    overflow: scroll;
    height: 305px;
    border-radius: 21px;
}
.news-list {
  border-bottom: 1px dotted #000;
  list-style: none;
  padding: 1% 2%;
  width: 92%;
  color: #1c448d;
  display: inline-block;
  text-decoration: underline;
  z-index:1000;
} 

}