#event .event {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  #event .event {
    margin-top: 60px;
  }
}

#event .event__head {
  text-align: center;
  background: url(../img/ico_event02@2x.png) no-repeat center left/103px, url(../img/ico_event03@2x.png) no-repeat center right/175px;
}

@media screen and (max-width: 767px) {
  #event .event__head {
    background-size: 53px,75px;
  }
}

#event .event__head__ico {
  width: 55px;
  margin: auto;
}

#event .event__head__txt {
  margin-top: 10px;
  font-size: 3rem;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.125em;
}

@media screen and (max-width: 1199px) {
  #event .event__head__txt {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 767px) {
  #event .event__head__txt {
    font-size: 2.2rem;
  }
}

#event .event__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  #event .event__flex {
    margin-top: 30px;
  }
}

#event .event__flex__list {
  width: 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 10px 6px 0;
}

@media screen and (max-width: 1199px) {
  #event .event__flex__list {
    width: 49%;
  }
}

@media screen and (max-width: 767px) {
  #event .event__flex__list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 8px;
  }
}

#event .event__flex__list__head {
  color: #fff;
  width: 80px;
  padding: 16px 0;
  font-size: 2rem;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  text-align: center;
  border-radius: 10px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #event .event__flex__list__head {
    width: 50px;
    padding: 9px 0;
    font-size: 1.6rem;
  }
}

#event .event__flex__list__head__num {
  font-size: 3rem;
}

@media screen and (max-width: 767px) {
  #event .event__flex__list__head__num {
    font-size: 2rem;
  }
}

#event .event__flex__list__wrap {
  margin-left: 25px;
}

@media screen and (max-width: 767px) {
  #event .event__flex__list__wrap {
    width: calc(100% - 60px);
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #event .event__flex__list__wrap__txt {
    font-size: 1.2rem;
  }
}

#event .event__flex__list__wrap__txt:not(:nth-of-type(1)) {
  margin-top: 5px;
}

#event .event__flex__list:nth-child(n+4) {
  margin-top: 8px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .one {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
}

#event .event__flex .one h4 {
  background: url(../img/bg_event01@2x.png) no-repeat center/80px;
}

#event .event__flex .two {
  background: #fff3f5;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .two {
    -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
            order: 11;
    background: none;
  }
}

#event .event__flex .two h4 {
  background: url(../img/bg_event02@2x.png) no-repeat center/80px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .three {
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
    background: #fff3f5;
  }
}

#event .event__flex .three h4 {
  background: url(../img/bg_event03@2x.png) no-repeat center/80px;
}

#event .event__flex .for {
  background: #f4faeb;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .for {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

#event .event__flex .for h4 {
  background: url(../img/bg_event04@2x.png) no-repeat center/80px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .five {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

#event .event__flex .five h4 {
  background: url(../img/bg_event05@2x.png) no-repeat center/80px;
}

#event .event__flex .six {
  background: #f0f7ff;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .six {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    background: no-repeat;
  }
}

#event .event__flex .six h4 {
  background: url(../img/bg_event06@2x.png) no-repeat center/80px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .seven {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    background: #fff3f5;
  }
}

#event .event__flex .seven h4 {
  background: url(../img/bg_event07@2x.png) no-repeat center/80px;
}

#event .event__flex .eight {
  background: #fff3f5;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .eight {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}

#event .event__flex .eight h4 {
  background: url(../img/bg_event08@2x.png) no-repeat center/80px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .nine {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
}

#event .event__flex .nine h4 {
  background: url(../img/bg_event09@2x.png) no-repeat center/80px;
}

#event .event__flex .ten {
  background: #f4faeb;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .ten {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
    background: none;
  }
}

#event .event__flex .ten h4 {
  background: url(../img/bg_event10@2x.png) no-repeat center/80px;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .eleven {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
    background: #f4faeb;
  }
}

#event .event__flex .eleven h4 {
  background: url(../img/bg_event11@2x.png) no-repeat center/80px;
}

#event .event__flex .twelve {
  background: #f0f7ff;
}

@media screen and (max-width: 1199px) {
  #event .event__flex .twelve {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
}

#event .event__flex .twelve h4 {
  background: url(../img/bg_event12@2x.png) no-repeat center/80px;
}

#event .flow {
  margin-top: 100px;
}

@media screen and (max-width: 1199px) {
  #event .flow {
    margin-top: 80px;
  }
}

@media screen and (max-width: 767px) {
  #event .flow {
    margin-top: 60px;
  }
}

#event .flow__head {
  text-align: center;
}

#event .flow__head__ico {
  width: 40.5px;
  margin: auto;
}

#event .flow__head__txt {
  margin-top: 10px;
  font-size: 3rem;
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.125em;
}

@media screen and (max-width: 1199px) {
  #event .flow__head__txt {
    font-size: 2.6rem;
  }
}

@media screen and (max-width: 767px) {
  #event .flow__head__txt {
    font-size: 2.2rem;
  }
}

#event .flow__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

#event .flow__flex__dl {
  width: 42%;
}

@media screen and (max-width: 767px) {
  #event .flow__flex__dl {
    width: 36%;
  }
}

#event .flow__flex__dl__dt {
  color: #fff;
  padding: 8px 0;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #event .flow__flex__dl__dt {
    font-size: 1.4rem;
  }
}

#event .flow__flex__dl__dd {
  min-height: 64px;
  padding: 19px 0;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dashed #ada086;
}

@media screen and (max-width: 767px) {
  #event .flow__flex__dl__dd {
    min-height: 40px;
    padding: 10px 0;
    font-size: 1.2rem;
  }
}

#event .flow__flex__dl:nth-of-type(1) {
  background: #fff6e5;
}

#event .flow__flex__dl:nth-of-type(1) dt {
  background: #ffc352;
}

#event .flow__flex__dl:nth-of-type(2) {
  width: 16%;
}

@media screen and (max-width: 767px) {
  #event .flow__flex__dl:nth-of-type(2) {
    width: 28%;
  }
}

#event .flow__flex__dl:nth-of-type(2) dt {
  color: #5c420f;
}

#event .flow__flex__dl:nth-of-type(3) {
  background: #eef8e1;
}

#event .flow__flex__dl:nth-of-type(3) dt {
  background: #8fce3b;
}
/*# sourceMappingURL=style.css.map */