@charset "UTF-8";
@media screen and (max-width: 480px) {
  .center {
    width: 90%; } }

@media screen and (max-width: 480px) {
  .study-wrap .morning {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .bg-white .evening {
    width: 100%; } }

@media screen and (max-width: 480px) {
  .study-wrap .right {
    width: 100%; } }

@media screen and (max-width: 480px) {
  #feature02 .right {
    display: none; } }

.only_mobile {
  display: none; }
  @media screen and (max-width: 480px) {
    .only_mobile {
      display: block;
      width: 100%; }
      .only_mobile img {
        width: 100%; } }

.only_desktop {
  display: block; }
  @media screen and (max-width: 480px) {
    .only_desktop {
      display: none; } }

@media screen and (max-width: 480px) {
  #feature02 .left {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 1em; }
    #feature02 .left img {
      width: 100%;
      height: 100%; }
    #feature02 .left p {
      width: 100%; } }

.event-cap img {
  width: 100%;
  height: 100%; }

.faq-wrap dl {
  width: 100%; }

.feature01-image,
.study-english {
  display: block; }
  @media screen and (max-width: 480px) {
    .feature01-image,
    .study-english {
      display: none; } }

@media screen and (max-width: 480px) {
  #logo img {
    width: 30%;
    height: 30%; } }

@media screen and (max-width: 480px) {
  .gnav ul li {
    height: 100%; }
    .gnav ul li a {
      display: block;
      height: 100%;
      line-height: 3rem; } }

@media screen and (max-width: 480px) {
  .summercamp {
    right: 0px; } }

.iframe-wrapper {
  text-align: center; }

/* CSSでレスポンシブ対応 */
@media screen and (max-width: 560px) {
  .iframe-wrapper {
    position: relative;
    width: 100%;
    height: 300px; }
  .iframe-class {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; } }

@media screen and (max-width: 560px) {
  .banner {
    display: none; } }

.feature-area:first-of-type {
  padding-top: 2em; }

.btn {
  color: black;
  display: block;
  padding: 1em 0;
  background: #FCF900;
  border-radius: 10px;
  font-size: 1.3em;
  width: 30%;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .btn {
      width: 90%; } }

.btn--center {
  margin: 0 auto;
  margin-bottom: 3em; }

.circle__list__list {
  color: white;
  display: block;
  padding: 2em 0;
  text-align: center;
  border-radius: 50px;
  width: 300px;
  margin: 1em;
  background: #7ED0FC; }

.bammer__mobile {
  padding: 4em 0;
  background: #007AE4;
  width: 90%;
  max-width: 300px;
  margin: 0 auto;
  display: none;
  margin-top: 1em; }
  @media screen and (max-width: 560px) {
    .bammer__mobile {
      display: block; } }

.banner__title {
  color: black;
  font-size: 2em;
  padding: 0 1em;
  margin: 0; }

.banner__text {
  margin-top: 1em;
  color: black; }