@charset "UTF-8";
/* CSS Document */
/*----------全体----------*/
.contents {
  max-width: 100%;
  font-family: "fot-rodin-pron", sans-serif;
}

li {
  list-style: none;
}

ul {
  padding-left: 0%;
}

/*--------.main-wrapper--------*/
.main-wrapper {
  margin: 0 auto;
  text-align: center;
}

/*----レスポンシブによる出しわけ----*/
.pc {
  display: block;
}
@media only screen and (max-width: 519px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 519px) {
  .sp {
    display: block;
  }
}

/*----背景色----*/
.background_ {
  background-color: #F9DF84;
}

/*----タイトルエリア----*/
#title_area {
  width: 100%;
  margin: 0 auto;
}
#title_area h1.title_ {
  padding: 50px 0;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #title_area h1.title_ {
    padding: 5vw 0;
  }
}
@media only screen and (max-width: 519px) {
  #title_area h1.title_ {
    padding: 10vw 0;
  }
}
#title_area h1.title_ img {
  width: 315px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #title_area h1.title_ img {
    width: 28vw;
  }
}
@media only screen and (max-width: 519px) {
  #title_area h1.title_ img {
    width: 200px;
  }
}
#title_area h2.text_ {
  color: #604c3f;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.8;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #title_area h2.text_ {
    font-size: 1.7vw;
  }
}
@media only screen and (max-width: 519px) {
  #title_area h2.text_ {
    font-size: 2.4vw;
  }
}

/*----ボタンエリア----*/
#btn_area {
  width: 1200px;
  margin: 50px auto 0;
}
@media only screen and (max-width: 1199px) {
  #btn_area {
    width: 100%;
  }
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #btn_area {
    margin: 5vw auto 0;
  }
}
@media only screen and (max-width: 519px) {
  #btn_area {
    margin: 8vw auto 0;
  }
}
#btn_area .btn_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 520px);
  justify-content: center;
  gap: 50px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #btn_area .btn_wrapper {
    grid-template-columns: repeat(2, 40vw);
  }
}
@media only screen and (max-width: 519px) {
  #btn_area .btn_wrapper {
    grid-template-columns: 80vw;
  }
}
@media only screen and (max-width: 1199px) {
  #btn_area .btn_wrapper {
    gap: 5vw;
  }
}
#btn_area .btn_wrapper li img {
  vertical-align: top;
  width: 520px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #btn_area .btn_wrapper li img {
    width: 40vw;
  }
}
@media only screen and (max-width: 519px) {
  #btn_area .btn_wrapper li img {
    width: 80vw;
  }
}
#btn_area .disney_btn {
  padding: 50px 0 30px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #btn_area .disney_btn {
    padding: 5vw 0 3vw;
  }
}
@media only screen and (max-width: 519px) {
  #btn_area .disney_btn {
    padding: 8vw 0 5vw;
  }
}
#btn_area .disney_btn img {
  width: 375px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #btn_area .disney_btn img {
    width: 40vw;
  }
}
@media only screen and (max-width: 519px) {
  #btn_area .disney_btn img {
    width: 85vw;
  }
}

#footer_area {
  font-family: "Times New Roman", serif;
  color: #604c3f;
  font-size: 15px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #footer_area {
    font-size: 1.5vw;
  }
}
@media only screen and (max-width: 519px) {
  #footer_area {
    font-size: 2.6vw;
  }
}
@media only screen and (min-width: 520px) and (max-width: 1199px) {
  #footer_area {
    padding-bottom: 4vw;
  }
}
@media only screen and (max-width: 519px) {
  #footer_area {
    padding-bottom: 7vw;
  }
}/*# sourceMappingURL=2207stpcslgf_winniethepooh.css.map */