html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height: 1.3;
}

input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  background: #f7f7f9;
  color: #000;
  font-feature-settings: "palt";
  font-size: 13px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.001em;
}

@media screen and (min-width: 1080px) {
  .l-stage,
  body {
    font-size: 16px;
  }
}
b, strong {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}

.l-stage {
  padding: 3.5em 1.7em 1.7em;
}

a:hover {
  color: inherit;
}

.m-intro {
  font-weight: bold;
  box-sizing: border-box;
  max-width: 640px;
  margin: 0 auto 3em;
  text-align: center;
}

.m-intro_msg {
  margin-top: 3em;
}

.m-intro_msg span {
  position: relative;
  display: inline-block;
}

.m-intro_msg span:before {
  width: 100%;
  height: 0.3em;
  background: rgba(65, 198, 224, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  opacity: 0.3;
}

.m-title {
  font-weight: bold;
  display: inline-block;
  background: #11A5ED;
  padding: 1em 1.4em 1em 1.35em;
  border-radius: 0.75em;
  color: #fff;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.m-title a {
  text-decoration: none;
  color: inherit;
}

.m-title h1 {
  font-weight: bold;
}

.m-card {
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.16);
  box-sizing: border-box;
  margin: 1em auto;
  max-width: 640px;
}

.m-card__header {
  background: #6F52ED;
  color: #fff;
  font-weight: bold;
  padding: 1em;
  font-size: 1.4em;
}

.m-card__header h1 {
  font-weight: bold;
}

.m-card__section {
  padding: 1em;
  border-top: 1px solid #ececec;
}

.m-card__section:empty {
  display: none;
}

.m-card__description {
  white-space: pre-wrap;
}

.m-card__footer {
  background: #f3f3f3;
  padding: 1.5em 2em;
}

.m-btn,
.m-btn02 {
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 1em 2em 1em 4em;
  box-shadow: 0 12px 6px -5px rgba(111, 82, 237, 0.2);
  background: #6F52ED;
  border-radius: 100px;
  position: relative;
  font-size: 1.08em;
  border: none;
  width: 100%;
  box-sizing: border-box;
}

.l-stage a.m-btn:hover,
.l-stage a.m-btn02:hover {
  color: #fff;
}

.m-btn02 {
  padding: 1em 2em;
}

@media screen and (min-width: 1080px) {
  .m-btn,
  .m-btn02 {
    padding: 1em 4em;
  }
}

.m-google-calendar {
  text-align: center;
  margin-top: 1em;
  color: #6598B1;
}

.m-google-calendar a {
  color: #6598B1;
}

.m-footer {
  margin: 3.5em auto;
  max-width: 640px;
  text-align: center;
}

.m-footer li {
  list-style: none;
  display: inline-block;
}

.m-footer a {
  color: #6598B1;
  text-decoration: none;
  display: block;
  padding: 0 0.5em;
}

.m-footer a:hover {
  text-decoration: underline;
}

.m-footer__msg1 {
  font-size: 0.95em;
  margin-bottom: 1em;
  color: rgba(0, 0, 0, 0.4);
  line-height: 1.6;
}

.c-events .m-card__period {
  padding: 1.25em 1.5em 1.25em 1em;
}
.c-events .m-card__item-label,
.c-events .m-card__input-detail label,
.c-events .m-card__input-description label,
.c-events .m-card__input-title label,
.c-events .m-card__period dt {
  font-weight: bold;
  font-size: 0.75em;
  color: #939BB1;
  margin-bottom: 0.25em;
}
.c-events #error_explanation {
  width: auto;
  box-sizing: border-box;
  margin: 1em 1.5em;
}
.c-events #error_explanation ul {
  padding: 0.5em;
}
.c-events #error_explanation ul li {
  list-style: square inside;
}
.c-events .m-card__period dd + dt {
  margin-top: 1.5em;
}
.c-events .m-card__period input {
  font-size: 1.15em;
  font-family: inherit;
  border: 1px solid #d9dcdf;
  padding: 0.65em;
  width: 100%;
  box-sizing: border-box;
  margin-right: 1em;
  margin-top: 0.25em;
}
.c-events .m-card__input-title {
  border-bottom: 1px solid #ececec;
  padding: 1.5em;
}
.c-events .m-card__input-detail,
.c-events .m-card__input-description {
  border-top: 1px solid #ececec;
  padding: 1.5em;
}
.c-events .m-card__input-detail-item + .m-card__input-detail-item {
  margin-top: 1em;
}
.c-events .m-card__input-detail label,
.c-events .m-card__input-description label,
.c-events .m-card__input-title label {
  margin-bottom: 0.5em;
  display: block;
}
.c-events .m-card__input-detail input,
.c-events .m-card__input-description textarea,
.c-events .m-card__input-title input {
  box-sizing: border-box;
  width: 100%;
  padding: 0.65em;
  font-size: 1.25em;
  border: 1px solid #d9dcdf;
  font-family: inherit;
}
.c-events .m-card input::placeholder,
.c-events .m-card__input-title input::placeholder,
.c-events .m-card__input-title input::-webkit-input-placeholder {
  color: #d9dcdf;
}
.c-events .m-card__input-description textarea {
  box-sizing: border-box;
  width: 100%;
  height: 5.5em;
  padding: 0.65em;
  font-size: 1em;
}
.c-events .m-share {
  margin: 2em auto;
  max-width: 640px;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 1.5em;
}
.c-events .m-share ul {
  display: table;
  margin: 0 auto;
}
.c-events .m-share li {
  display: table-cell;
}
.c-events .m-share li span,
.c-events .m-share li a {
  display: block;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  font-weight: bold;
  text-decoration: none;
}
.c-events .m-share li a:hover {
  text-decoration: underline;
}
.c-events .m-share .m-share__twitter a {
  color: #00acee;
}
.c-events .m-share .m-share__line a {
  color: #00B900;
}
.c-events .m-card details {
  transition: 0.15s ease-out;
  height: 1.3em;
  overflow: hidden;
  max-height: 1.3em;
}
.c-events .m-card details[open] {
  height: auto;
  max-height: 15em;
  transition: 0.15s ease-out;
}
.c-events .m-card details[open] summary {
  margin-bottom: 1em;
}
.c-events .m-card summary {
  cursor: pointer;
  font-weight: bold;
  font-size: 1em;
}
.c-events .m-card summary:focus {
  outline: none;
}
.c-events.a-show .m-section {
  box-sizing: border-box;
  margin: 2em auto 3em;
  max-width: 640px;
  background: #fff;
  padding: 1.5em;
  border-radius: 1.5em;
  font-size: 0.85em;
}
.c-events.a-show .m-section__section {
  padding-left: 1.7em;
  position: relative;
}
.c-events.a-show .m-section__section:after {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  position: absolute;
  top: 0.65em;
  left: 0;
  background: #b9becc;
}
.c-events.a-show .m-section__section + .m-section__section {
  margin-top: 1.5em;
}
.c-events.a-show .m-input-url {
  width: 100%;
  box-sizing: border-box;
  padding: 0.65em;
  border: 1px solid #b9becc;
  background: rgba(255, 255, 255, 0.7);
}
.c-events.a-show .m-msg1 {
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 0.5em;
  text-align: center;
}

button {
  cursor: pointer;
  font: inherit;
}

.m-card__input-title input, .m-card__input-detail input, textarea {
  border-radius: 4px;
}

.m-card__footer button {
  border: 0;
}

.m-input-url {
  margin: 0.5em 0;
}

[hidden] {
  display: none !important;
}