@charset "utf-8";

.rpa_award{
width:70%;
margin:0 auto;
display:block;
padding-top:20px
}

.sp {
  display: block;
}

.tb,
.pc {
  display: none;
}

img {
	max-width: 100%;
}

#content {
  padding-top: 60px;
}

#header .inner {
  width: 94%;
}

.inner {
  width: 90%;
}

#header .inner h1 {
  float: none;
  width: 240px;
  padding: 18px 0;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
  position: fixed;
  top: 23px;
  right: 3%;
	width: 34px;
	height: 16px;
	z-index: 2;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 28px;
	height: 2px;
	background-color: #999;
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 7px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(2.3vw) rotate(-45deg);
	transform: translateY(4px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-2.3vw) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}

.menu-trigger + ul {
  display: none;
}

.menu-trigger.active + ul {
	overflow: hidden;
	display: block !important;
}

#header .inner nav {
  position: fixed;
  float: none;
  width: 100%;
  top: 60px;
  left: 0;
  padding: 0;
}

#header .inner nav ul {
  display: none;
}

#header .inner nav ul li {
  flex: none;
  margin: 0;
  border-top: 1px solid #ddd;
}

#header .inner nav ul li a {
  background: rgba(255,255,255,0.9);
  padding: 15px 0;
}

#header .inner nav ul li.download a,
#header .inner nav ul li.contact a {
  border-radius: 0;
}

#footer .logo {
  display: block;
  margin: 0 0 3%;
}

#footer .logo img {
  width: 20vw;
}

#footer .copy {
  margin: 0;
  padding: 0;
  font-size: 2vw;
}

#footer {
  padding: 5% 0;
  border-width: 3vw;
}