@charset "UTF-8";

/*-------------
base
-------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}
li {
list-style-type:none;
}
body {
font-family: 'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
      
}

html,body,container{
/*     height: 100%;*/
    
}

header {
    width: 100%;
    height: 100%;
    margin: 0px auto;
}

.logo{
  /*max-width: 1200px;*/
/*  margin-left: auto;*/
    margin-right: auto;
    flex: 1;
    margin-left: 5px;
    margin-top: 5px;
}

h1{
    text-align: center;
    margin-bottom: 20px;
    zoom:0.5;
    border-bottom: 1px solid #333;
}

.container{
 
/*    display: flex; */
/*    align-items: center;*/

}

.menu{
       margin-top: 150px;
    margin-bottom: 150px;
     display: flex;
    justify-content: center;
    align-items:center;
        height: 200%;
}
.menu li{
/*    flex:1;*/
/*    border: 1px solid;*/
/*    width: 441px;*/
    border: 1px solid #333;
    padding:10px;
    margin: 20px;
}


.menu img{
        zoom:0.7;
    }

.copy{
  width: 100%;
  height: 50px;
  margin: 0px auto;
  font-size:12px;
  text-align: center;
  font-family: 'Montserrat',sans-serif;
  border-top:1px solid #00234c;
  display: flex;
  align-items: center;
  justify-content:center;
}


.howto{
	display: flex;
    align-items:center;
    justify-content:center;
	margin-left: auto;
	margin-right: auto;
		
}

.howto a{
	display: block;
	text-decoration: none;
	padding:10px;
	color: inherit;
	text-align: center;
}

.howto a:hover{
  background-color: rgba(0,0,0,0.1);
}

.howto img{
	max-height: 150px;
	
}

@media (max-width:767px){
  /* 小さい画面用の設定 */

}

@media (min-width:768px) and (max-width:1024px){
  /* 大きい画面用の設定 */
 
  
}

@media (min-width:1024px){
  /* 大きい画面用の設定 */
}