@charset "UTF-8";

body{
	margin:0 auto;
	padding:0;
	max-width:1280px;
	color:#464646;
	font-family:Arial, Helvetica, "sans-serif";
	font-size: 18px;
	height: 100vh;
}


/*====================ナビゲーション====================*/
.logo{
    margin-left: 100px;
    float: left;
}

.logo img{
	max-width: 100px;
	width: 100%;
	height: 0 auto;
}

.navi{
	justify-content: center;
	align-items: center;
}

.navi ul {
    display: inline-block;
    margin-top: 25px;
    margin-right: 100px;
    float: right;
}


.navi li {
    display: inline-block;
    list-style: none;
    margin-right: 40px;
    padding: 10px;
}

.navi a{
	color: gray;
	text-decoration: none;
}



/*====================スマホ用====================*/
@media screen and  (max-width:599px) { 
#mainpc{
    display: none;
	}
	p{
	 font-size:18px;
	}
}

/*====================PC用====================*/
@media screen and  (min-width:599px) {
	#mainsp{
    display: none;
  }
}