@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: relative;
  padding-top:20px;
}
body#top::before,
body#top::after {
  display: block;
  position: absolute;
  content: '';
  width: 100%;
  height: 30px;
  left: 0;
}
body#top::before {
  top: 0;
  background: #8CC127;
}
body#top::after {
  bottom: 0;
  background: #E8541D;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
#wrap {
  text-align: center;
  font-size: 1.2rem;
}

#content {
  text-align: left;
  position: relative;
}
#content::before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 100%;
  left: -40px;
}
#content.mushup::before {
  background: #8CC127;
}
#content.works::before {
  background: #E8541D;
}

#content.mushup span {
  color: #8CC127;
}
#content.works span {
  color: #E8541D;
}
.mail {
  margin-top: 30px;
  font-size: 1.6rem;
}

.sp {
  margin-top: 30px;
  font-size: 1.4rem;
}
.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
}
.menu li {
  list-style: none;
  padding:15px;
  font-size: 1.3rem;
}

.menu a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.menu a:hover {
  text-decoration: underline;
}

.mushup a {
  color: #8CC127;
}
.works a {
  color: #E8541D;
}
.ar a {
  color: #666;
}

.block_list {
  text-align: left;
}
.block_list li {
  font-size: 1.2rem;
  list-style: none;
}

.block + .block {
  margin-top: 30px;
}
.heading {
  font-size: 2.4rem;
  font-weight: bold;
}
.heading-sub {
  font-size: 1.6rem;
  font-weight: bold;
}
.ar_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex-wrap: wrap;
}
.ar_wrap video {
  width: 100%;
}
.ar_item {
  width: 20%;
  padding: 20px;
}
.ar_item01 {
  width: 40%;
  padding: 20px;
}

.c-gr {
  color: #8CC127;
}
.c-rd {
  color: #E8541D;
}