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

#navbtn{
	width: 60px; height: 60px; 
}
#navbtn span:nth-child(1){ right:5.5px; top:13px;}
#navbtn span:nth-child(2){ right:5.5px; top:28px;}
#navbtn span:nth-child(3){ right:5.5px; top:43px;}
.open span:nth-child(1){ transform:translateY(14px) rotate(45deg);}
.open span:nth-child(3){ transform:translateY(-14px) rotate(-45deg);}
.open span:nth-child(2){ top:18px; opacity:0;}
nav{
	
	height:60%;
}
#gnav_list{ 
	font-size:25pt; 
	line-height: 3;
	display: flex;  flex-flow: column; 
	align-items: center;
	justify-content: center; 
	
}

       
.newline{display:block;}


.nowar_main{display: block;}

.nowar_main .nowar1{width: 100%;
                    margin: 0 auto;}

.nowar1 img{width:50%;}

.nowar_main .nowar_text{width: 100%;
                        margin: 0 auto;}

.nowar_text{padding-top:initial;}

.nowar_main2{display: block;}

.nowar_main2 .nowar_text2{width: 100%;
                          margin: 0 auto;}

.nowar2 img{width:50%;}

.nowar_main2 .nowar2{width: 100%;
                     margin: 0 auto;}

.nowar_text2{padding-left:initial;}



.pm_main{display: block;}

.pm_main .pm_gif{width: 100%;
                 margin: 0 auto;}

.pm_main .pm_text{width: 100%;
                  margin: 0 auto;}

.pm_text{padding-top:40px;}


.footer-menu{
	display: grid;
	grid-template-columns: 80%;
	column-gap: 100px;
	font-size: 1.6rem;
}

.btn{width: 12%;}



}