@charset "utf-8";

/*-----------------------*/
/* top */
/*-----------------------*/
.body_top .main > .inner {
  width: 100%;
  position: relative;
}
.dangerbg {
  display: none;
}
.page_top {
  width: 100%;
  height: 940px;
  overflow: hidden;
  margin-bottom: 20px;
  background:url(../img/top/bg.jpg) top center no-repeat;
  background-size:cover;
  background-attachment: fixed;
  position: relative;
}
.page_top svg {
  width: 1920px;
  height: 940px;
  display: block;
  position: absolute;
  top: 0;
  left:50%;
  margin-left:-960px;
  opacity: 0;
}

.page_top > .inner {
  width: 1200px;
  height: 940px;
  margin: 0 auto;
  position: relative;
}
.page_top > .inner > img {
  position: absolute;
  display: block;
}
.page_top .c1 {
  width:720px;height:930px;top:-20px;left:0;
  margin-top:200px;
  opacity: 0;
}
.page_top .c2 {
  width:250px;height:460px;top: 270px;left: 347px;
  margin-top:300px;
  opacity: 0;
}
.page_top .c3 {
  width:700px;height:880px;top: 10px;left: 423px;
  margin-top:400px;
  opacity: 0;
}
.page_top .c4 {
  width:360px;height:310px;top: 660px;left: 400px;
  margin-top:500px;
  opacity: 0;
}
.page_top h1 {
  width: 520px;
  height: 300px;
  display: block;
  position: absolute;
  right: 0;
  top: 450px;
  margin-top:500px;
  opacity: 0;
}
.page_top h1 a {
  width: 520px;
  height: 300px;
  display: block;
  background:url(../img/top/logo.png) 0 0 no-repeat;
  text-indent: 105%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  transform:scale(1);
}
.page_top h1 a:hover {
  transform:scale(1.1);
}
.page_top .banner {
  width: 1200px;
  height: 200px;
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;

}
.page_top .banner li {
  float: left;
  margin:20px 10px;
}
.page_top .banner li,
.page_top .banner li a,
.page_top .banner li div,
.page_top .banner li img {
  width: 220px;
  height: 160px;
  display: block;
}
.page_top .banner li div,
.page_top .banner li a {
  border-radius: 10px;
  overflow: hidden;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  transform:scale(1);
}
.page_top .banner li a:hover {
  transform:scale(1.1);
}
.page_top .twitter {
  width: 280px;
  height: 200px;
  position: absolute;
  display: block;
  left: 10px;
  bottom: 200px;
}

.page_top .loading {
  margin-top: -120px;
}
.page_top .cover {
  width: 100%;
  height: 940px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/s.png);
}



/*-----------------------*/
.sp .page_top {
  background-attachment: scroll;
  height: 1140px;
}
.sp .page_top > .inner {
  height: 1140px;
}
.sp .page_top .twitter {
  bottom: 220px;
}
.sp .page_top h1 {
  top: 640px;
}
.sp .page_top .c4 {
  top: 630px;
}

/*-----------------------*/
/* intro */
/*-----------------------*/
.intro {
  width: 1200px;
  height: 1000px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 50px;
}
.intro > img {
  display: block;
  position: absolute;
}




/*-----------------------*/
/* staffcast */
/*-----------------------*/
.staffcast {
  position:relative;
  width: 100%;
  background:url(../img/top/staffcast_bg.jpg) center center no-repeat;
  background-size:cover;
  background-attachment: fixed;
  margin:0 auto;
  color:#323232;
  font-size:16px;
  line-height: 1.3em;
  font-weight: bold;
}
.sp .staffcast {
  background-size:auto;
  background-attachment: scroll;
}
.staffcast .inner {
  width: 1100px;
  margin:0 auto;
  position: relative;
  padding-top:40px;
  padding-bottom: 40px;
  text-align: center;
}
.staffcast h2 {
  font-size: 48px;
  color:#ff3e84;
  text-align: center;
  height: 80px;
  line-height: 80px;
  font-family: 'Ubuntu', 'メイリオ', 'Mairyo', 'sans-serif';
  letter-spacing: -0.01em;
  margin-bottom: 10px;
}
.staffcast ul {
  display: inline-block;
}
.staffcast ul:after {
  content: " ";
  clear: both;
  display: block;
}
.staffcast li {
  font-size: 20px;
  float: left;
  margin-left:40px;
  margin-bottom: 20px;
  text-align: left;
}
.staffcast li b {
  font-size: 16px;
  margin-bottom: 4px;
  color: #7435b3;
  display: block;
}