@charset "UTF-8";

/* 背景画像 */
body{
  content:"";
  position:relative;
  bottom:0;
  height:100%;
  width:100%;
  background-image:url(../img/about/aboutbg.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:0 0;
}
#header{
  content:"";
  position:relative;
  bottom:0;
  height:100%;
  width:100%;
  background-image:url(../img/about/cat.png),url(../img/about/bird.png),url(../img/about/man.png),url(../img/about/kuma.png),url(../img/about/fish.png);
  background-repeat: no-repeat;
  background-size:80px,80px,70px,80px,80px;
  background-position:1% 8%,13% 46%,90% 28%,70% 86%,99% 99%;
}

/* about_content */
#about_content h1{
  width:280px;
  margin:30px auto;
} 
#about_content .container{
  width: 450px;
  padding-bottom:30px;
  line-height: 2.8;
  margin:0 auto;
}
#about_content .container span{
  display: block;
  text-align:right;
  margin-right:70px;
}

/* SP */
@media screen and (max-width: 600px) {
  body{
    background-size:contain;
  }
  #header{
    background-size:60px,60px,50px,60px,60px;
  } 
  #about_content .container{
    width:350px;
  }
  #about_content .container span{
    display: block;
    text-align:right;
    margin-right:40px;
  }
  #about_content h1{
    width:250px;
  } 
  }