@charset "utf-8";


#body{
	width: 100%;
	font-family: "Sawarabi Mincho";
	}
/*logoの書式設定*/
#HeaderArea h1{
	margin-top: 0;
	margin-bottom: 0;
	}

#HeaderArea h1 img {
	margin-left: 10%;
	}
	


/*h1の書式設定*/
.hidari h1 {
	color: #3F4551;
	font-family: "Sawarabi Mincho";
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin-left: 10%;
	margin-bottom: 0;
	margin-top: 0.5em;
	}

/*class"egjn"の書式設定*/
.egjn {
	color: #3F4551;
	font-family: "Sawarabi Mincho";
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.3em;
	text-align: right;
	margin-top: 0;
	margin-right: 10%;
	}

/*id"menuarea"の書式設定*/
#menuarea {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}

/*menuの書式設定*/
#menu {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

/*id"menu li*/
#menu >li {
	display: inline-block;
	padding: 20px;
 	background-color: #B08D84;
 	width: 15%;
	height:20px;
	text-align: middle;
	text-align: center;
}

/*id"mainimg"の書式設定*/
#mainimg {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	}

/*class"conseputtop"の書式設定*/

/*画像の配置*/

.conseputtop {
	font-family: "Sawarabi Mincho";
	display: block;
	max-width: 75%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	/*text-align: center;*/
 	background: #B08D84;
	height: auto;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


/*class"conseputtop*/
.conseputtop >h2{
	color: #FCFAF2;
	margin-left: 20px;
	margin-bottom: 10px;
	}

/*.conseputtop >img{
	float: left;
	margin: 0 20px 10px 0;
	}

.conseputtop >p{
	display:block;
	width: 90%;
	color: #3F4551;
	font-family: "MS P明朝",serif;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.3em;
	line-height: 1.3em;
	float: left;
	}*/

.gazou{
	display: inline-block;
	margin-left: 20px;
	}

.gazou img{
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	}

.moji{
	display: inline-block;
	width: 60%;
	vertical-align: top;
	margin-left: 20px;
	}

	



/*about*/

/*h2*/
#about >h2	{
	background-image: url(../images/about.jpg);
	color: #3F4551;
	height: 250px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height:250px;	
	}

/*conseputtop"h3"*/
.conseputtop >h3{
	color: #FCFAF2;
	margin-left: 20px;
	margin-bottom: 10px;
	}
	

/*class"oeder"*/

.matome {
	display: block;
	text-align: center;
}
.oedermoji {
	display: inline-block;
	width: 60%;
	vertical-align: top;
	margin-left: 40px;
	}

.oederimg {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	}


/*class"copylight"の書式設定*/
.copylight {
	text-align: center;
	font-style: normal;
}


/*aリンク色*/
a:link {
	color: #ffffff;
	}
a:visited {
	color: #000000;
	}
a:hover {
	color: #000000;
	}
a {
text-decoration: none;
	}



/* *	画面幅が500px以下の場合 */
@media screen and (max-width:500px){

.conseputtop {
	margin-right: none;
	margin-left: none;
	}
.gazou{
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5px;
	}

.moji{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}

/*id"hannari_logo"の書式設定*/
#hannari_logo {
	width: 100%;
	margin-left: auto;
	height: auto;
	margin-right: auto;
	}

/*h1の書式設定*/

h1 {
margin-left: 0px;
	}


/*class"egjn"の書式設定*/
.egjn {
	color: #3F4551;
	font-family: "Sawarabi Mincho";
	font-size: 0.7em;
	font-weight: normal;
	letter-spacing: 0.3em;
	margin-left: auto;
	margin-right: auto;
	}

}


/*
 *	画面幅が500px以上、767px以下の場合
 */
@media screen and (min-width:501px) and (max-width:767px){
	#Container {
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 150px auto;
		grid-template-areas:
			"NavArea MainArea"
			"NavArea SubArea";
	}


}