@charset "UTF-8";
/*about*/
body{
  background: #f7f7f7;
  }

section{
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
  }

/*inner*/
.inner{
  width: 1000px;
  margin: 130px auto 0;
  }

.contents_wrap{
  padding: 70px 20px;
  background: #ffffff;
  }

#about h1{
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 423px;
  height: 90px;
  margin: 0 auto 70px;
  background: url('/id/img/about/bg_h1.gif') center top no-repeat;
  }

p{
  font-size: 1.6em;
  line-height: 2.3;
  text-align: center;
  }

h2{
  font-size: 1.8em;
  text-align: center;
  padding-top: 20px;
  }

.square{
  display: block;
  width: 13px;
  height: 13px;
  background: #122989;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 20px auto;
  }

.movie_wrap{
  position: relative;
  margin: 10px 0 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  }
 
.movie_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }


/* Media Queries
==========================================================================*/
@media screen and (min-width: 979px) {
}

@media screen and (max-width:834px) {
.inner{
  width: 90%;
  margin: 80px auto;
 }

.contents_wrap{
  margin-bottom: 70px;
  }

p{
  font-size: 1.5em;
  }

}
@media screen and (max-width:699px) {
.flex{
  display: block;
  }
.contents_wrap{
  width: auto;
  padding: 20px;
  }

#about h1{
  margin: 0 auto 2em;
  width: 250px;
  height: 53px;
  -webkit-background-size: 250px 53px;
  -o-background-size: 250px 53px;
  -khtml-background-size: 250px 53px;
  background-size: 250px 53px;
  }

p{
  text-align: left;
  }

  }
@media print {

}