/*--------------------------------------



--------------------------------------*/
.welfareWrap {
  margin: 0 0 30px;
}

.welfareImg {
  max-width: 430px;
  margin: 0 auto;
}
.welfareImg:first-of-type {
  margin: 0 auto 20px;
}

.welfareBox:first-of-type {
  margin: 0 0 60px;
}

.welfareTitle {
  display: inline-block;
  background: #61D2DB;
  color: #fff;
  position: relative;
  font-size: 18px;
  padding: 10px 45px 10px 10px;
  font-weight: 700;
}
.welfareTitle::before {
  position: absolute;
  content: "";
  right: 0;
  border-top: solid 24px #61D2DB;
  border-bottom: solid 24px #61D2DB;
  border-right: solid 22px #fff;
  top: 0;
  bottom: 0;
}

.welfareTitleRed {
  background: #F9A1A1;
}
.welfareTitleRed::before {
  position: absolute;
  content: "";
  right: 0;
  border-top: solid 24px #F9A1A1;
  border-bottom: solid 24px #F9A1A1;
  border-right: solid 22px #fff;
  top: 0;
  bottom: 0;
}

.welfareItem {
  border-bottom: dotted 2px #ccc;
  padding: 10px 0 10px 40px;
  position: relative;
}
.welfareItem span {
  position: absolute;
  left: 10px;
  top: 13px;
  font-weight: 700px;
  background: #61D2DB;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  color: #fff;
  border-radius: 50%;
}

.welfareItemRed span {
  background: #F9A1A1;
}

.clubTextWrap {
  margin: 0 0 20px;
}

.clubTitleWrap {
  margin: 0 0 10px;
}

.clubTitle {
  font-weight: 400;
  font-size: calc(1.355rem + 0.945vw);
  border-bottom: solid 1px #61D2DB;
}

.pickup {
  background: #61D2DB;
  border-radius: 6px;
  font-size: calc(1.265rem + 0.135vw);
  font-weight: 700;
  color: #fff;
  position: relative;
  display: inline-block;
  padding: 5px 15px;
  margin: 0 0 5px;
}
.pickup::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 15px;
  border-top: solid 5px #61D2DB;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}

.clubTable {
  width: 100%;
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  margin: 0 0 5px;
}

.clubTableHead, .clubTableData {
  display: block;
  width: 100%;
  border-bottom: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  padding: 5px 20px;
}

.clubTableHead {
  background: #F9F9F9;
  font-weight: 400;
}

.clubTextMin {
  font-size: calc(1.265rem + 0.135vw);
}

.clubImg {
  max-width: 280px;
  margin: 0 auto;
}

.eventImg {
  margin: 0 auto;
  max-width: 380px;
}

.welfareMinRow {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 1000px) {
  .clubTitle {
    font-size: 2.3rem;
  }
  .pickup {
    font-size: 1.4rem;
  }
  .clubTextMin {
    font-size: 1.4rem;
  }
}

@media print, screen and (min-width: 960px) {
  .welfareWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .welfareImg {
    max-width: 100%;
    margin: 0;
    width: calc(50% - 10px);
  }
  .welfareImg:first-of-type {
    margin: 0;
  }
  .welfareTitle {
    padding: 10px 70px 10px 10px;
    font-size: 20px;
  }
  .welfareTitle::before {
    border-top: solid 26px #61D2DB;
    border-bottom: solid 26px #61D2DB;
    border-right: solid 25px #fff;
  }
  .welfareTitleRed::before {
    border-top: solid 26px #F9A1A1;
    border-bottom: solid 26px #F9A1A1;
    border-right: solid 25px #fff;
  }
  .clubWrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }
  .clubTable {
    max-width: 380px;
  }
  .clubTableHead {
    text-align: left;
    display: table-cell;
    width: 100px;
    vertical-align: top;
  }
  .clubTableData {
    display: table-cell;
    width: auto;
  }
  .clubImg {
    max-width: 100%;
    margin: 0 20px 0 0;
  }
  .eventRow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .eventImg {
    min-width: 43.1818181818%;
    margin: 0 0 0 20px;
  }
}

/*# sourceMappingURL=welfare.css.map*/