#top-border {
	width: 100%;
	height: 24px;
	background-color: #316419;
}
#top-image {
	width: 1240px;
	height: 700px;
	margin: 0 auto;
}
#overwrap {
	width: 968px;
	height: auto;
	margin: -60px auto 0;
	display: flex;
	justify-content: space-between;
}
#overwrap a {
	display: block;
	height: 186px;
	z-index: 2;
}
#foot-border {
	width: 100%;
	height: 186px;
	background-color: #316419;
margin-top: -146px;
}
.top-footer-link01 {
background: linear-gradient(315deg, transparent 20px, #e18f33 20px);
background-position: top right;
background-repeat: no-repeat;
position: relative;
width: 100%;
margin: 0 30px 0 0;
text-align: center;
    display: block;
}
.top-footer-link02 {
background: linear-gradient(315deg, transparent 20px, #448001 20px);
background-position: top right;
background-repeat: no-repeat;
position: relative;
width: 100%;
margin: 0 0 0 30px;
text-align: center;
    display: block;
}
.top-footer-link01 a {
text-decoration: none;
color:#fff;
}
.top-footer-link02 a {
text-decoration: none;
color:#fff;
}
.top-footer-link01 a:hover {
text-decoration: none;
color:#fff;
}
.top-footer-link-title{
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin:20px 20px 10px;
font-weight:bold;
font-size:2em;
padding:10px;
}
.top-footer-link-cont{
font-size:1.4em;
margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	#top-image {
		width: 100vw;
		height: calc(700/1240 * 100vw);
	}
	#content {
		min-height: initial;
		padding: 0;
	}
	#overwrap {
		width: 100vw;
		display: block;
		margin: 0 auto;
		padding-top: 2px;
padding-bottom: 2px;
		text-align: center;
		background-color: #316419;
	}
.top-footer-link01 {
  background: linear-gradient(315deg, transparent 20px, #e18f33 20px);
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
width: 70%;
margin: 3vh auto;
padding-top: 2px;
}

.top-footer-link02 {
  background: linear-gradient(315deg, transparent 20px, #448001 20px);
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
width: 70%;
margin: 3vh auto;
padding-top: 2px;
}
.top-footer-link-title {
font-size: 20px;
margin: 10px 20px 10px;
padding: 5px;
}
.top-footer-link-cont {
font-size: 16px;
margin-bottom: 10px;
}
.top-footer-link-btn{
width:25%;
margin:0 auto;
text-align:center;
}

#overwrap a {
margin: 0 auto;
height: 136px;
	}
img {
max-width: 100%;
height: auto;
margin: 0 auto;
}
#foot-border {
height: auto;
margin-top: 0;
}
.copyright {
padding: 1em;
height: 50px;
}
}
@media screen and (max-width: 380px) { 
#overwrap a {
margin: 0 auto;
height: 126px;
}
.top-footer-link01, .top-footer-link02 {
background-position: top right;
background-repeat: no-repeat;
margin: 2vh auto;
padding-top: 2px;
}
.top-footer-link-title {
font-size: 16px;
}
.top-footer-link-cont {
font-size: 14px;
margin-bottom: 10px;
}
}