/**
#MainTop {
    max-width:960px;
    margin: auto;
    padding-top:52px;
    padding-bottom: 50px;
    position:relative;
}**/
#MainTop {
    width:96%;
    margin: auto;
    padding-top:52px;
    padding-bottom: 5%;
    position:relative;
}


h1 {
    width:83px;
    margin-left:9px;
    margin-bottom:80px;
}

.MainImage {
    max-width: 75%;
    text-align: left;
}
.MainImage img {
    width:100%;
    opacity: 0;
}
#MainTop .scroll {
    font-size:17.5px;
    margin-top:21px;
}
#MainTop .scroll:after {
    content: ">";
    display: block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    margin-top:8px;
}
/**
.concept {
    width:257px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #000;
    padding:28px 28px 45px 28px;
    text-align: left;
    position: absolute;
    right:0%;
    top:350px;
    opacity: 0;
    margin-right:20px;
}
**/
.concept {
    width:257px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #000;
    padding:28px 28px 45px 28px;
    text-align: left;
    position: absolute;
    left: 64%;
    top: 42.3032806798%;
    opacity: 0;
    margin-right:20px;
}
.concept p.eng {
    line-height: 28px;
}
.concept p.jp {
    line-height: 16px;
    margin-top:8px;
}

/* .nav {
    width:480px;
    border-top:1px solid #000;
    padding-top:15px;
    margin-top:22px;
    margin-left:-12%;
} */

.nav {
  width: 480px;
  border-top: 1px solid #000;
  margin-top: 22px;
  margin-left: -2%;
  text-align: left;
  padding-left: 2%;
}

.nav ul li {
    display: inline-block;
    margin:0 10px;
}

footer p{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    position:fixed;
    top:150px;
    right:-70px;
}

footer p:after{
    content: "";
    display: block;
    height:1px;
    background-color: #000;
    margin-top:15px;
}

#MainTop{
  width: 77.37%;
}

.MainImage {
    width: 68.1173131504%;
    text-align: left;
}

.nav {
    width: 480px;
    border-top: 1px solid #000;
    margin-top: 22px;
    margin-left: -5%;
    text-align: left;
    font-size: 14px;
    padding-top: 12px;
    padding-left: 5%;
}

.concept{
    width: 257px;
    background-color: rgba(255,255,255,0.3);
    border: 2px solid #000;
    padding: 28px 28px 45px 28px;
    text-align: left;
    position: absolute;
    left: 64%;
    top: 48.303281%;
    opacity: 0;
    margin-right: 20px;
}

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

@media screen and (max-width:640px) {
    #wrapper{
      height: 100%;
    }

    html,body{
      height: 100%;
    }

    header{
        padding-top:13px;
        padding-bottom:10px;
        position: fixed;
        height: 27px;
        background-color: #fff;
        width: 100%;
        z-index: 2;
    }

    h1 {
        width:30.5px;
        margin-left:17px;
        margin-bottom:0px;
    }

    #scrollContainer{
      position: relative;
      height: 100%;
      top: 50px;
    }
    #MainTop {
        padding-top:0px;
        position:relative;
        height: 100%;
        width: 100%;
    }

    #MainTop .scroll{
      font-size: 17.5px;
      /* margin-top: 21px; */
      position: fixed;
      left: 0;
      right: 0;
      margin: auto;
      bottom: 20px;
      display: inline;
      width: 100px;
      cursor: pointer;
      transition: opacity .5s;
    }

    #MainTop .scroll.off{
      opacity: 0;
    }

    .MainImage {
        text-align: left;
        overflow: hidden;
        width: 100%;
        height: 94%;
        position: fixed;
        background-image: url('../images/image1_sp.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        max-width: unset;
    }
    .MainImage img {
        opacity: 1;
        display: none;
        margin: 0 auto;
    }

    #conceptContainer{
      position: relative;
      width: 100%;
      background: rgba(255, 255, 255, 0.79);
      padding-top: 20px;
    }

    .concept {
        width:75%;
        background:none;
        border: 1px solid #000;
        padding:20px 13px 30px 13px;
        margin:40px auto 38px auto;
        position: relative;
        right:inherit;
        top:inherit;
        opacity: 1;
        left: auto;
        text-align: center;
    }

    .concept p.eng {
        line-height: 14px;
    }
    .concept p.jp {
        font-size: 9px;

        line-height: 14.5px;
        margin-top:10px;
    }

    .nav {
        width:80%;
        border-top:1px solid #000;
        padding-top:15px;
        margin-top:0;
        margin-left:auto;
        margin-right:auto;
        padding-bottom:35px;
        text-align: center;
    }

    .nav ul li {
        display: inline-block;
        margin:0 10px;
    }

        footer p{
        top:230px;
        right:-90px;

    }

    footer p:after{
        content: "";
        display: block;
        height:1px;
        background-color: #000;
        margin-top:3px;
    }
}