.mont {
  font-family: "Montserrat", sans-serif;
}

#content {
  background: #808080;
}

.pc_cta {
  display: none !important;
}

.participatory-wrap {
  font-size: 1rem;
  max-width: 100%;
  padding: 0 3em 6em;
  width: 1000px;
  margin: 1em auto 0;
}

.participatory-wrap .mail-links {
  background: #fb0026;
  color: #fff;
  font-size: 1.25em;
  text-decoration: none;
  text-align: center;
  padding: 1em;
  border-radius: .125em;
  margin: 0 auto 1em;
}

.participatory-wrap .mail-links i {
  color: #fff !important;
  margin-right: .5em;
}

@media screen and (min-width: 769px) {
  .participatory-wrap .tel-links {
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    margin-bottom: .75em;
    pointer-events: none;
  }
  .participatory-wrap .tel-links i {
    color: #fff !important;
    margin-right: .5em;
  }
}

.participatory-wrap .cautions {
  color: #fff;
  font-size: .9em;
}

.participatory-wrap .frame-wrap {
  border: 5px solid #808080;
}

.participatory-wrap .frame-wrap__yt {
  width: 70%;
}

.participatory-wrap .frame-wrap__yt iframe {
  width: 100%;
  height: 26vw;
}

.participatory-wrap .frame-wrap__cta {
  width: 30%;
}

.participatory-wrap .frame-wrap__ss {
  width: 35%;
  background: #fff;
}

.participatory-wrap .frame-wrap__ss iframe {
  height: 20vw;
}

.participatory-wrap .frame-wrap__chat {
  width: 30%;
  background: #fff;
}

.participatory-wrap .frame-wrap__chat iframe {
  min-height: 20vw !important;
  height: 20vw !important;
}

.participatory-wrap .frame-wrap__mm {
  background: #fff;
  width: 35%;
}

.participatory-wrap .frame-wrap__mm iframe {
  height: 20vw;
}

.participatory-wrap-02 {
  font-size: 1rem;
  max-width: 100%;
  padding: 0 3em 6em;
  width: 1220px;
  margin: 0 auto;
}

.participatory-wrap-02 .mail-links {
  background: #fb0026;
  color: #fff;
  font-size: 1.25em;
  text-decoration: none;
  text-align: center;
  padding: 1em;
  border-radius: .125em;
  margin: 0 auto 1em;
}

.participatory-wrap-02 .mail-links i {
  color: #fff !important;
  margin-right: .5em;
}

@media screen and (min-width: 769px) {
  .participatory-wrap-02 .tel-links {
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.5em;
    margin-bottom: .75em;
    pointer-events: none;
  }
  .participatory-wrap-02 .tel-links i {
    color: #fff !important;
    margin-right: .5em;
  }
}

.participatory-wrap-02 .cautions {
  color: #fff;
  font-size: .9em;
  margin-top: 1em;
}

.participatory-wrap-02 .lefts {
  width: 70%;
}

.participatory-wrap-02 .rights {
  width: 30%;
}

.participatory-wrap-02 .frame-wrap {
  border: 5px solid #808080;
}

.participatory-wrap-02 .frame-wrap__yt {
  width: 100%;
}

.participatory-wrap-02 .frame-wrap__yt iframe {
  width: 100%;
  height: 26vw;
}

.participatory-wrap-02 .frame-wrap__chat {
  width: 100%;
}

.participatory-wrap-02 .frame-wrap__chat iframe {
  min-height: auto;
  height: 36vw;
}

.participatory-wrap-02 .frame-wrap__mm {
  background: #fff;
  width: 50%;
}

.participatory-wrap-02 .frame-wrap__mm iframe {
  width: 100%;
  height: 20vw;
}

.participatory-wrap-02 .frame-wrap__ss {
  width: 50%;
  background: #fff;
}

.participatory-wrap-02 .frame-wrap__ss iframe {
  width: 100%;
  height: 20vw;
}

@media screen and (max-width: 768px) {
  .participatory-wrap,
  .participatory-wrap-02 {
    padding: 1em .75em 3em;
    font-size: .9rem;
  }
  .lefts,
  .rights,
  .frame-wrap {
    width: 100% !important;
  }
  iframe {
    height: 66vw !important;
  }
  .participatory-wrap .frame-wrap__chat iframe,
  .participatory-wrap-02 .frame-wrap__chat iframe {
    min-height: 140vw !important;
  }
  .tel-links {
    background: #eb6000;
    color: #fff;
    font-size: 1.25em;
    text-decoration: none;
    text-align: center;
    padding: 1em;
    border-radius: .125em;
    margin: 0 auto 1em;
  }
  .tel-links:hover {
    color: #fff !important;
  }
  .tel-links i {
    color: #fff !important;
    margin-right: .5em;
  }
}