@media (max-width: 576px) {

  #main-visual {
      /*padding: 0rem 0 2rem;*/
  }

  #main-visual .slide .item {
    width:100%;
  }
  #main-visual .slide .item img{
    width:100%;

  }

  #main-visual .bg{
      height:auto;
      background-image:none;
  }
  #main-visual .bg img{
    width:100%;
    display:block;
  }

    #service .item .img {
        width: 100%;
    }
    #service .item .img-inner {
        width: 100%;
        height:230px;
        position: relative;
    }

    #service .item .info .eng {

        font-size: 30px;
    }

    #service .item .info {
        margin-top:-40px;
        margin-left:15px;
        margin-right:15px;
        width:calc(100% - 30px);
        background-color: #fff;
        padding: 40px;
        box-shadow: 0 6px 10px rgba(0,0,0,.2);
        z-index: 2;
        position: relative;
    }

    #service .item:nth-child(odd) .info {
        order: 2;
    }
    #service .item:nth-child(odd) .img {
        order: 1;
    }


    #service .item .info .to-btn.common-btn a{
        width: 100%;
    }

  .middle-content {
          padding: 3rem 1rem 1rem;
          background-position: 3% 1%,98% 1%;
background-size: 22%,22%;
}

.middle-content .movie {
    display: block;

}
.middle-content .movie .item {
    width: 100%;
        display: block;
        margin-top:1rem;
}

#profile {

    padding: 2rem 1rem;
}
#profile .list .item {
    margin-top:1rem;
}

#about .img {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
    float: none;
    margin-bottom:1rem;
}

.middle-content .comment{
  display:block;
}

.middle-content .comment .txt {
    width:100%;
}
.middle-content .comment .img {
  padding-top:1rem;
    width: 200px;
    margin-left:auto;
    margin-right:auto;
}

#namiyumi .common-ttl3 .img {
  right: -3%;
top: -64%;
}

#profile .comment {

    display: block;
}

#profile .comment .txt {
    width:100%;
}

#profile .comment .img {
  padding-top:1rem;
    width: 200px;
    margin-left:auto;
    margin-right:auto;
}

    .login-box{
        display: none;
    }
    #service .item .info .ttl {
        font-size:18px;

    }

  

    .present-area .info .img{
        width: 100%;
        text-align: center;
    }

    .present-area .info .img img{
        width: 200px;
    }


    .present-area .info .txt{
        padding-left: 0px;
        width: 100%;
    }

    .present-area .info .txt h3{

        font-size: 16px;
        text-align: center;
    }
    .present-area .info .txt p{
        margin-top: 20px;
    }

    .main-ttl{
        text-align: center;
    }
    .main-ttl-eng{
        font-size: 38px;
        text-align: center;
        margin-top: 22px;
    }
    .trial-ttl {
        font-size: 25px;
   font-weight: bold;
    }

}