@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;
}

header {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    display: flex;
        border-bottom: 1px solid #333;
}

.logo{
  /*max-width: 1200px;*/
/*  margin-left: auto;*/
    margin-right: auto;
    margin-left: 15px;
    margin-top: auto;
/*    margin-bottom: auto;*/
    zoom:0.8;
}

.menu{
    width:70px;
    margin-right:15px;
    margin-top: 5px;
    text-align: right;
/*    padding-right: 70px;*/
        flex: 1;
        zoom:0.8;
}

h1{
    text-align: center;
    margin-bottom: 20px;
    zoom:0.8;

    
}

.container{
    display: flex;
    margin-left: 20px;
    margin-right: 20px;
}

.item{
    flex:1;
/*    border: 1px solid;*/

    text-align: center;
/*    width: 441px;*/
}

.item li{
    margin-bottom: 5px;
}

.item 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;
}

/*
.menu a{
  display: block;
  padding: 10px;
  margin: 10px;
  color: inherit;
  text-decoration: none;
}
*/

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

/*
.menu img{
	max-height: 250px;
}
*/

.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){
  /* 小さい画面用の設定 */
   .item img{
        zoom:0.5;
    }
    
    h1{
        zoom:0.5;
    }
    
   .logo{
        zoom:0.6;
    }
    .menu{
        zoom:0.6;
    }

}

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

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