@media screen and (min-width: 980px) {
    html{
        font-size:1em;
    }
    .title{
        margin-top:1%;
        margin-bottom:1%;
    }
    .title{
        font-size:0.7rem;
    }
    .img-logo{
         width:10%;
    }
    
    .slide{
         margin-top:7%;
         margin-bottom:2%;
     
    }
    .slide-line{
         width:20%;
    }
    .slide-times{
         width:5%;
         padding-bottom:5%;
    }
    .slide-logo{
         width:30%;
    }
    
    .balloon-whole{
   
         flex-direction: row;
    }
    .balloon-whole-cell-1{
         flex-basis:70%;
         justify-content: flex-end;
    }
    .balloon-whole-cell-2{
         flex-basis:30%;
         justify-content: flex-start;
         align-items:flex-start;
    align-content:flex-start;
    }
    
    .select-box-whole-buttons{
         flex-direction: row;
         margin-top:0%;    
    }
    .select-box-whole-button{
   flex-basis:33%;
   display: flex;             /* 段組 */
    flex-wrap: nowrap;         /* 折り返しなし */
    flex-direction: row;
    justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
    align-items:center;
    align-content:center;
    
    /* background: #0B257F;  */

	background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
    color:#fff;
    padding-top:6%;    
    padding-bottom:6%;
    margin-left:0.5%;
    margin-right:0.5%;
}


.border-top-left-radius{

    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    
    border-top-right-radius:0px;
    
}
.border-bottom-right-radius{

    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    
    border-bottom-left-radius:0px;
    
}
    .title-sentence-img{
         width:100%;
    
         padding-top:0%;
         padding-bottom:0%;
    }
    .img-sentence{
     width:150%;
    }


    .balloon-title{
         margin-top:5%;
    }
    .balloon-title-1{
         flex-basis:50%;
         text-align:right;
    }
    .balloon-title-2{

         flex-basis:50%;
         text-align:left;
    }
    .title-sentence{
         width:60%;
         margin-top:2%;
         margin-bottom:5%;
    }
    .title-sentence-img{
         width:40%;
    }
    
    .new-acount{
    
         margin-top:5%;
         margin-bottom:5%;
         padding-bottom:3%;
    
    }

    
    
    .new-acount-3-whole{
        flex-direction: row;
        justify-content: space-around;/*要素の均等配置それぞれの要素に余白あり */
        align-items:flex-start;
        align-content:ceter;
    }
    
    .new-acount-whole{
        flex-basis:30%;
        width:100%;
        
        display: flex;             /* 段組 */
        flex-wrap: nowrap;         /* 折り返しなし */
        flex-direction: column;
        justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
        align-items:flex-start;
        align-content:center;
        
       
    }
    
    .new-acount-whole-sentence{
        width:100%;
        display: flex;             /* 段組 */
        flex-wrap: nowrap;         /* 折り返しなし */
        flex-direction: column;
        justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
        align-items:center;
        align-content:center;

    }
    .new-acount-whole-icon{
        width:100%;
    }

    .new-acount-whole-img{
        width:100%;
 
display: flex;             /* 段組 */
        flex-wrap: nowrap;         /* 折り返しなし */
        flex-direction: column;
        justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
        align-items:center;
        align-content:center;
    }
    .img-new-acount{
        width:80%;  
    }

    .new-acount-whole-qr-img{
        width:100%;
    }
    .img-new-acount-qr-img{
        width:40%;
    }
    
    
    .add-friend-img{
        width:70%;
        height: 50px;
        object-fit: cover;
    }
    
    .new-acount-sentence-line-2{

    width:70%;
    text-align:center;
    font-weight:bold;
    font-size:1.2rem;
    
    color:#fff;
    background:#99CC66;
    
    padding-top:2%;
    padding-bottom:2%;
    
    
    border-radius:10px;

}

    
    .new-acount-line-download{
    width:70%;
 
    display: flex;             /* 段組 */
    flex-wrap: nowrap;         /* 折り返しなし */
    flex-direction: row;
    justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
    align-items:center;
    align-content:center;
    
    
    margin-top:3%;
    margin-bottom:3%;
}

.new-acount-line-download-whole{
    flex-basis:50%;
    
    display: flex;             /* 段組 */
    flex-wrap: nowrap;         /* 折り返しなし */
    flex-direction: column;
    justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
    align-items:center;
    align-content:center;
}

.new-acount-line-download-whole-cell{
   width:100%;
   display: flex;             /* 段組 */
    flex-wrap: nowrap;         /* 折り返しなし */
    flex-direction: column;
    justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
    align-items:center;
    align-content:center;
}
.new-acount-line-download-whole-cell-apple{
   width:100%;
}

.img-new-acount-line-download-whole-cell{
    width:40%;
}

.img-new-acount-line-download-whole-cell-2{
    width:40%;
}


    .online-booking-whole{
    
    margin-top:5%;
    margin-bottom:5%;
    padding-bottom:3%;
     font-size:1.2rem;
    
}



    .online-booking-whole-sentence{
        width:100%;
        display: flex;             /* 段組 */
        flex-wrap: nowrap;         /* 折り返しなし */
        flex-direction: column;
        justify-content: center;/*要素の均等配置それぞれの要素に余白あり */
        align-items:center;
        align-content:center;
        
        padding-top:1%;
    padding-bottom:1%;

    }
    .online-booking-whole-icon{
        width:100%;
    }
.new-separator{
height:0px;
}

#page-top a{
	border-radius: 5px;
	width: 60px;
	height: 60px;
}
#page-top {
	right: 10px;
	bottom:10px;
	
	transform: translateY(100px);
}

/*　上に上がる動き　*/

#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}

}