@charset "utf-8";

@media screen and (min-width:2300px) {
  html {
    font-size: 80%;
  }

  #wrap {
    width:1600px;
  }

  #sub {
    width: 400px;
  }

  .main-title {
    width: 1600px;
  }

  .mpub {
   width:150px;
  }

}

@media screen and (max-width:1200px) {

html {
  font-size:60%;
}
  img {
    max-width:100%;
    height:auto;
  }
  #wrap,
  .main-title {
    width:980px;
  }

}

@media screen and (max-width:1024px) {

  #wrap {
    display: block;
    width: 100%;
    margin-top: 0;
  }

  .main-title,
  #sub,
  .content,
  .logo {
    width:90%;
    margin-right: auto;
    margin-left: auto;
  }

  .main-title img {
    max-width: 80%;
    margin: 0 auto;
  }

  #sub {
    margin-top: 60px;
  }

.ref_con {
  display: block;
}

.ref_side {
  display: none;
}

 .subtitle_ar{
  text-align: center;
}

}


@media screen and (max-width:800px) {

  .fwrap,
  .author {
    display: block;
  }

  .fig img,
  .author img {
    margin-bottom: 1em;
  }


}