@charset "utf-8";
/* ------------------------------------------------------
common
------------------------------------------------------ */

.l-content .h2Ttl {
  padding: 9px 0px 5px;
  border-top: 5px solid #0f218b;
  margin: 60px 0 25px;
  background: #fff5cc;
  color: #0f218b;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.l-content .btn_w500 {
  width: 500px;
  padding: 14px 12px 10px;
}

.l-content .m-btnWin--conversion::after {
  margin-bottom: 2px;
}

.l-content .color_red {
  color: #d00;
}

/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* note */
.l-content .note {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* wrap */
.l-content .wrap {
  width: 1100px;
  padding: 0 50px;
}

/* campaignDetail */
.l-content .campaignDetail table>tbody>tr>th {
  background: #f1f1f1;
  font-size: 24px;
  text-align: center;
}

.l-content .campaignDetail table>tbody>tr>td {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  border-top: none;
  border-left: none;
  font-size: 15px;
  line-height: 30px;
}

.l-content .campaignDetail table>tbody>tr>td.top {
  border-top: 1px solid #ccc;
}
.l-content .campaignDetail table>tbody>tr>td .date {
  font-size: 18px;
  line-height: 60px;
  font-weight: bold;
}

.l-content .campaignDetail table>tbody>tr>td .date>.num {
  font-size: 30px;
}

/* howToEntry */
.l-content .howToEntry {
  display: flex;
  justify-content: space-between;
}

.l-content .howToEntry .box {
  box-sizing: border-box;
  border: 1px solid #ccc;
  width: 352px;
}

.l-content .howToEntry .box .head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 120px;
  background: #f1f1f1;
  border-bottom: 1px solid #ccc;
}

.l-content .howToEntry .box .head .upper {
  position: relative;
  font-size: 24px;
  font-weight: bold;
}

.l-content .howToEntry .box .head .upper::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 100%;
  height: 5px;
  background: #fc0;
}

.l-content .howToEntry .box .head .upper>.num {
  font-size: 36px;
}

.l-content .howToEntry .box .head .lower {
  margin-top: 5px;
  font-size: 24px;
  font-weight: bold;
}

.l-content .howToEntry .box .main {
  box-sizing: border-box;
  padding: 15px 0;
}

.l-content .howToEntry .box .main p{
  padding-left: 8px;
}
.l-content .howToEntry .box .main p.center{
  padding-right: 8px;
  text-align: center;
}

.l-content .howToEntry .box .main p.right{
  padding-left: 0;
  padding-right: 8px;
  text-align: right;
}

.l-content .howToEntry .box .main .cvBtn{
  font-size: 18px;
  font-weight: bold;
}

/* noteList */
.l-content .noteList {
  padding-left: 20px;
}

.l-content .noteList>li {
  position: relative;
  padding-left: 13px;
}

.l-content .noteList>li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}

.l-content .noteList>li.shikaku::before {
  content: "■";
}

.l-content .noteList>li:not(:first-child) {
  margin-top: 15px;
}