@charset "utf-8";
body {
    background-image: url(gazou/22907152.jpg);
}


h1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #ffffe0;/*背景色*/
  border-bottom: solid 3px #ff8c00;/*下線*/	
  width: 870px;
}

h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #ff8c00;/*左線*/
}

#navi {
	background: #ff8c00;
}
	#navi ul {
		display: flex;
		margin: 0 auto;
		padding: 0 3%;
		width: 94%;
		max-width: 960px;
		list-style-type: none;
	}
		#navi ul li {
			position: relative;
			width: 20%;
		}
		#navi ul li:first-child::before {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			left: 0px;
			width: 1px;
			height: 50%;
			background-color: #976d52;
		}
		#navi ul li::after {
			position: absolute;
			display: block;
			content: "";
			top: 25%;
			right: 0px;
			width: 1px;
			height: 50%;
			background-color: #976d52;
		}
			#navi ul li a {
				display: block;
				padding: 17px 10px;
				color: #fff;
				text-align: center;
				text-decoration: none;
			}
			#navi ul li a:hover {
				background-color: #ff8c00;
			}

	.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #eedcb3;
	width: 870px;
	text-align: left;
}
.box1 p {
    margin: 0; 
    padding: 0;
	
}

.box15 {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
	width: 870px;
	text-align: left;
}
.box15 p {
    margin: 0; 
    padding: 0;
}