@charset "UTF-8";
/*
編集はscssで行うこと
*/
.event-body .event_btn_y {
  display: inline-block;
  padding: 10px 20px 10px 30px;
  margin: 10px 10px 15px;
  border-radius: 50px;
  background: #7b47d2;
  color: #fff; }
.event-body a.event_btn_y {
  text-decoration: none !important;
  opacity: 1 !important;
  transition: .5s; }
.event-body a.event_btn_y:hover {
  text-decoration: none;
  opacity: 0.6 !important;
  transition: .5s; }
.event-body span.event_btn_y {
  background: #eee; }
.event-body .event-copy {
  margin: 40px 0 20px;
  text-align: center; }
  .event-body .event-copy h2 {
    margin: 0;
    font-size: 24px; }
    @media screen and (min-width: 768px) {
      .event-body .event-copy h2 {
        font-size: 30px; } }
.event-body .event-lead .flex {
  margin: 30px 0; }
  @media screen and (min-width: 768px) {
    .event-body .event-lead .flex {
      display: flex; } }
  .event-body .event-lead .flex .image {
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .event-body .event-lead .flex .image {
        width: 30%; } }
    .event-body .event-lead .flex .image img {
      margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .event-body .event-lead .flex .text {
      width: 70%;
      padding-left: 20px; } }
  .event-body .event-lead .flex .text section {
    margin-bottom: 15px; }
    @media screen and (min-width: 768px) {
      .event-body .event-lead .flex .text section {
        display: flex;
        margin-bottom: 5px; } }
  .event-body .event-lead .flex .text .heading {
    margin: 3px 0 5px;
    font-size: 1.05em; }
    @media screen and (min-width: 768px) {
      .event-body .event-lead .flex .text .heading {
        padding-right: 15px; } }
  .event-body .event-lead .flex .text p {
    margin-bottom: 5px; }
  .event-body .event-lead .flex .text .btn_box {
    text-align: center; }
    .event-body .event-lead .flex .text .btn_box .event_btn_y {
      margin: 20px auto 40px;
      padding: 15px 30px 15px 40px; }
.event-body .table figure {
  margin: 20px 0; }