.mission .sub-entryArea {
  margin-top: 0;
}
.mission section:nth-of-type(2) {
  position: relative;
}
.mi-deco2 {
  position: absolute;
}
.mi-label {
  text-align: center;
}
.mi-txt1 {
  color: #202124;
  font-weight: bold;
}
.mi-txt2 {
  text-align: center;
  font-weight: bold;
}
.mi-txt3 {
  color: #202124;
  font-weight: bold;
  text-align: center;
  line-height: 1.9;
}
.mi-bg-title {
  font-size: 0;
}
.mi-img {
  text-align: center;
}
.mi-phrase {
  position: relative;
  letter-spacing: 0.05em;
}
.mi-phrase::before,
.mi-phrase::after {
  content: "";
  display: block;
  position: absolute;
}
.mi-phrase::before {
  top: 0;
  left: -4px;
  width: 1px;
  height: 19px;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
.mi-phrase::after {
  top: 0;
  right: -4px;
  width: 1px;
  height: 19px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}
.mi-txt_step {
  color: #fff;
  text-align: center;
}
.mi-txt_step .mi-phrase::before,
.mi-txt_step .mi-phrase::after {
  background-color: #fff;
}
.mi-txt_step .mi-phrase::before {
  left: -14px;
}
.mi-txt_step .mi-phrase::after {
  right: -14px;
}
.mi-btn_mypage {
  margin: 0 auto;
}
.mi-horse01 {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.mi-horse02 {
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.mi-summer-btn {
  display: block;
}
@media screen and (max-width: 767px) {
  .sub .wrapper.bg-rulemission {
    margin: 0 auto;
    max-width: 375px;
  }
  .mission .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mission .sub-inner {
    width: 375px;
  }
  .mission .md-note1_item {
    font-size: 10px;
    line-height: 1.6;
  }
  .mission section:nth-of-type(1) {
    padding-top: 111px;
    padding-bottom: 55px;
    background: url("/assets/img/rule/mission/bg_2_sp.jpg?jraodds25sum") no-repeat center top;
    background-size: 375px auto;
    background-color: #0084d0;
  }
  .mission section:nth-of-type(2) {
    padding-top: 89px;
    padding-bottom: 55px;
    background: url("/assets/img/rule/mission/bg_3_sp.jpg?jraodds25sum") no-repeat center top;
    background-size: 375px auto;
    background-color: #ffe200;
    z-index: 1;
  }
  .mission section:nth-of-type(3) {
    padding-top: 29px;
    padding-bottom: 55px;
    background-color: #0084d0;
  }
  .mi-top {
    padding-top: 75px;
    padding-bottom: 58px;
    background: url("/assets/img/rule/mission/bg_1_sp.jpg?jraodds25sum") no-repeat center top;
    background-size: 375px auto;
    background-color: #dcdddd;
  }
  .mi-next-step {
    padding-top: 111px;
    background: url("/assets/img/rule/mission/bg_4_sp.jpg?jraodds25sum") no-repeat center top;
    background-size: 375px auto;
    background-color: #0084d0;
  }
  .mi-deco2 {
    width: 172px;
    top: -104px;
    left: 0;
    z-index: -1;
  }
  .mi-bg {
    width: 305px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
  }
  .mi-read-title {
    width: 289.5px;
    margin: 25px auto;
  }
  .mi-label {
    width: 85.5px;
    margin: 0 auto 0;
  }
  .mi-txt1 {
    font-size: 16px;
    line-height: 1.81;
    text-align: left;
    width: 335px;
    margin: 0 auto 0;
    letter-spacing: 0.09em;
  }
  .mi-txt2 {
    font-size: 12px;
    line-height: 1.91;
  }
  .mi-txt3 {
    font-size: 12px;
  }
  .mi-title {
    width: 339.5px;
    margin: 0 auto;
  }
  .mi-bg-title {
    width: 158px;
    margin: 20px auto;
  }
  .mi-img + .mi-img {
    margin-top: 11px;
  }
  .mi-phrase {
    font-size: 12.5px;
  }
  .mi-txt_step {
    margin-bottom: 15px;
  }
  .mi-btn_mypage {
    width: 335px;
  }
  .mi-horse01 {
    width: 90px;
    right: -35px;
    top: -170px;
  }
  .mi-horse02 {
    width: 96px;
    left: -35px;
    bottom: -403px;
  }
  .mi-summer_head {
    margin: 0 auto;
    width: 140px;
  }
  .mi-summer-btn {
    margin: 15px auto 0;
    width: 275px;
  }
}
@media print, screen and (min-width: 768px) {
  .mission .wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mission .sub-inner {
    width: 1366px;
    margin: 0 auto;
  }
  .mission .md-note1 {
    margin-left: 50px;
  }
  .mission .md-note1_item {
    line-height: 1.67;
  }
  .mission section:nth-of-type(1) {
    padding-top: 265px;
    padding-bottom: 40px;
    background: url("/assets/img/rule/mission/bg_1.jpg?jraodds25sum") no-repeat center top;
    background-size: 1366px auto;
    background-color: #0084d0;
  }
  .mission section:nth-of-type(2) {
    padding-top: 240px;
    padding-bottom: 64px;
    background: url("/assets/img/rule/mission/bg_2.jpg?jraodds25sum") no-repeat center top;
    background-size: 1366px auto;
    background-color: #ffe200;
  }
  .mission section:nth-of-type(3) {
    padding-top: 69px;
    padding-bottom: 140px;
    background-color: #0084d0;
  }
  .mi-top {
    position: relative;
    padding-top: 130px;
    z-index: 1;
    background-color: #dcdddd;
  }
  .mi-next-step {
    padding-top: 234px;
    background: url("/assets/img/rule/mission/bg_3.jpg?jraodds25sum") no-repeat center top;
    background-size: 1366px auto;
    background-color: #0084d0;
  }
  .mi-deco1 {
    position: absolute;
    top: 89px;
    right: 0;
    z-index: -1;
  }
  .mi-deco2 {
    top: -200px;
    left: 0;
  }
  .mi-bg {
    width: 1016px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
  }
  .mi-read-title {
    margin-bottom: 20px;
  }
  .mi-label {
    margin-bottom: 40px;
  }
  .mi-txt1 {
    font-size: 20px;
    line-height: 1.9;
    text-align: center;
  }
  .mi-txt2 {
    font-size: 20px;
    line-height: 1.9;
  }
  .mi-txt3 {
    font-size: 20px;
  }
  .mi-title {
    margin-bottom: 58px;
  }
  .mi-img + .mi-img {
    margin-top: 20px;
  }
  .mi-phrase {
    font-size: 18px;
  }
  .mi-txt_step {
    margin-bottom: 18px;
  }
  .mi-btn_mypage {
    width: 489px;
  }
  .mi-horse01 {
    top: -256px;
    right: -103px;
  }
  .mi-horse02 {
    bottom: -792px;
    left: -93px;
  }
  .mi-summer-btn {
    margin: 18px auto 0;
    width: 475px;
  }
}