body {
  color: #333;
  letter-spacing: 2px;
  line-height: 2; }

.header {
  position: absolute;
  top: 0;
  left: 0; }

.header-content {
  width: 1000px;
  height: 584px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -500px;
  margin-top: -280px;
  text-align: center;
  background: url(../img/miyako/header-bg.jpg) center bottom no-repeat;
  z-index: 20; }
  .header-content p {
    font-size: 18px;
    font-size: 1.8rem;
    color: #333333;
    letter-spacing: 3px;
    position: absolute;
    bottom: -5px;
    text-align: center;
    width: 1000px;
    line-height: 1.6; }

.section1 p,
.section2 p,
.section3 p,
.section4 p,
.section5-content p {
  opacity: 0; }

.section1 {
  width: 1000px;
  height: 494px;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  top: 50%;
  margin-top: -247px; }
  .section1 .bg1 {
    position: absolute;
    top: -213px;
    left: -603px;
    z-index: 1; }
  .section1 .bg2 {
    position: absolute;
    top: -29px;
    left: 438px;
    z-index: 2; }
  .section1 h1 {
    position: absolute;
    left: 288px;
    top: 0px;
    z-index: 10; }
  .section1 .zouge {
    position: absolute;
    top: 375px;
    left: 138px;
    z-index: 10; }
    .section1 .zouge img {
      vertical-align: bottom; }
  .section1 .copy {
    width: 711px;
    position: absolute;
    right: 0;
    top: 370px;
    z-index: 20;
    font-size: 15px;
    font-size: 1.5rem; }
  .section1 .kanji {
    position: absolute;
    right: 0;
    bottom: -130px;
    z-index: 10; }

.section2 .section2-content {
  width: 1000px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -300px;
  margin-left: -500px; }
  .section2 .section2-content h1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
  .section2 .section2-content .copy {
    position: absolute;
    right: 0;
    bottom: -21px;
    width: 791px;
    font-size: 15px;
    font-size: 1.5rem;
    z-index: 200; }
  .section2 .section2-content .kanji {
    position: absolute;
    left: 12px;
    bottom: 18px;
    z-index: 100; }
.section2 .slide-image {
  background: url(../img/miyako/section2-slide.jpg) 0 0 repeat-x;
  height: 300px;
  width: 100%;
  position: relative;
  z-index: 1; }
.section2 a {
  color: #0059B2;
  text-decoration: underline; }
.section2 a:hover {
  text-decoration: none; }

.section3 {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .section3 .section3-content {
    width: 1000px;
    height: 478px;
    top: 50%;
    left: 50%;
    margin-top: -239px;
    margin-left: -500px;
    position: absolute; }
    .section3 .section3-content h1 {
      position: absolute;
      left: 152px;
      top: 79px;
      z-index: 100; }
    .section3 .section3-content .kanji {
      position: absolute;
      left: 50px;
      top: 10px;
      z-index: 20; }
    .section3 .section3-content .copy {
      width: 476px;
      position: absolute;
      left: 55px;
      top: 330px;
      z-index: 20;
      font-size: 15px;
      font-size: 1.5rem;
      background: #FFF; }
  .section3 .section3-bg {
    position: absolute;
    top: -80px;
    right: -10px;
    height: 100%; }

.section4 {
  width: 880px;
  height: 480px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: -440px; }
  .section4 h1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10; }
  .section4 ul {
    zoom: 1; }
    .section4 ul:before, .section4 ul:after {
      display: block;
      height: 0;
      visibility: hidden;
      content: "\0020"; }
    .section4 ul:after {
      clear: both; }
    .section4 ul li {
      float: left;
      margin-left: 25px; }
    .section4 ul li:first-child {
      margin-left: 0; }
  .section4 .copy {
    position: absolute;
    left: 15px;
    bottom: 0px;
    width: 665px;
    font-size: 15px;
    font-size: 1.5rem; }
  .section4 .kanji {
    position: absolute;
    top: 92px;
    left: 712px;
    z-index: 1; }
  .section4 .img {
    position: absolute;
    left: 0;
    top: 0; }

.section5 {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .section5 .section5-content {
    width: 1000px;
    height: 200px;
    top: 0;
    left: 50%;
    margin-left: -500px;
    position: relative; }
    .section5 .section5-content h1 {
      position: absolute;
      top: 0;
      left: 176px;
      z-index: 20; }
    .section5 .section5-content .logo {
      position: absolute;
      top: 23px;
      left: -4px;
      z-index: 20; }
    .section5 .section5-content .btn {
      position: absolute;
      top: 80px;
      left: 244px;
      z-index: 20; }
    .section5 .section5-content .bg {
      position: absolute;
      left: 248px;
      top: -244px;
      z-index: 1; }
  .section5 .footer {
    position: absolute;
    bottom: 0;
    z-index: 999;
    line-height: 1.6;
    letter-spacing: 0; }