@charset "UTF-8";
body{
    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    }
.wrapper {
    /* background-color: #fff; */
      min-height: 100%; /* 親の高さを基準に最小100% */
    background-image: 
linear-gradient(
  90deg,
  rgba(255, 255, 255, 0) 0%,
   rgba(255, 255, 255, 1) 15%,
  rgba(255, 255, 255, 1) 85%,
  rgba(255, 255, 255, 0) 100%
);
    width: 80%;
    height: 100%;
    margin:0 auto;
    position: fixed;
    top: 0;
    left: 0;
      width: 100vw;  /* ビューポート全体の幅 */
  height: 100vh; /* ビューポート全体の高さ */
}

a:hover{
    opacity: .8;
    transition: .3s;
}

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

.wrapper {
    /* width: 750px; */
    padding: 80px 0;
    position: fixed;
    overflow: scroll;
}
.wrapper::-webkit-scrollbar { display: none; }

.aligncenterblock{
    margin: 0 auto;
}

.logo50 {
    aspect-ratio: 211 / 194;
    width: 250px;
    margin-bottom: 45px;
}

.messagehead {
    width: 250px;
    margin-bottom: 50px;
}

.messagehead img {
    width: 100%;
}

.message {
    width: 250px;
    margin-bottom: 50px;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.message img {
    width: 100%;
}

.jalogo{
    width:100%;
    margin: 0 auto;
}

.jalogo img{
    display: block;
    width: 150px;
    margin: 0 auto;
}
}

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

.wrapper {
    padding: 50px 0;
    min-width: 350px;
    position: fixed;
    overflow: scroll;
        background-image:
linear-gradient(
  90deg,
  rgba(255, 255, 255, 0) 0%,
   rgba(255, 255, 255, 1) 10%,
  rgba(255, 255, 255, 1) 90%,
  rgba(255, 255, 255, 0) 100%
);
}
.wrapper::-webkit-scrollbar { display: none; }
.aligncenterblock{
    margin: 0 auto;
}

.logo50 {
    aspect-ratio: 211 / 194;
    width: 200px;
    margin-bottom: 30px;
}

.messagehead {
    width: 250px;
    margin-bottom: 40px;
}

.messagehead img {
    width: 100%;
}

.pc {
    display: none;
}

.sp {
    display: block;
}

.message {
    width: 250px;
    margin-bottom: 40px;
}

.message img {
    width: 100%;
}
.jalogo{
    width: 250px;
    margin: 0 auto;
}

.jalogo img{
    width: 100px;
}
}