@charset "UTF-8";
.wrapperEraberuContent img {
  max-width: 100%;
  height: auto; }

.wrapperEraberuContent a, .wrapperEraberuContent a:visited, .wrapperEraberuContent a:active {
  color: #0099cc;
  text-decoration: underline; }

.wrapperEraberuContent .f-genJyuu * {
  font-family: "GenJyuuGothic-Bold", sans-serif; }

.wrapperEraberuContent .wrap {
  width: 89.3333333333vw;
  max-width: 670px;
  margin: 0 auto; }

.wrapperEraberuContent .mark {
  color: #e94730; }

.wrapperEraberuContent .green {
  color: #6eb92b; }

.wrapperEraberuContent .icon {
  display: block;
  background-color: #784C02;
  color: #FFF;
  border-radius: 0.5em;
  padding: 0.6em .7em .5em;
  line-height: 1;
  font-size: 3.3333333333vw;
  width: 105px;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: bold; }
  @media (min-width: 46.875em) {
    .wrapperEraberuContent .icon {
      width: 210px;
      font-size: 25px; } }

.wrapperEraberuContent .btn a {
  display: block;
  position: relative;
  background-color: #e94730;
  padding: .5em 0;
  border-radius: 0.5em;
  color: #FFF !important;
  text-align: center;
  text-decoration: none;
  font-size: 4.6666666667vw; }
  .wrapperEraberuContent .btn a::after {
    content: '';
    position: absolute;
    right: .5em;
    top: 50%;
    display: block;
    width: .8em;
    height: .8em;
    margin-top: -.4em;
    background: url("/kodomo/ap/eraberu/english/step/images/parts_arrow_r.png") no-repeat 0 0;
    background-size: auto 100%; }
  @media (min-width: 46.875em) {
    .wrapperEraberuContent .btn a {
      font-size: 35px; } }

.wrapperEraberuContent ruby rt {
  margin-bottom: -.5em; }

.wrapperEraberuContent ruby rt,
.wrapperEraberuContent .select_color .careful * {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

.mv {
  background: url("/kodomo/ap/eraberu/english/step/images/_bg_border-wave_01.png") repeat-x 0 100%, url("/kodomo/ap/eraberu/english/step/images/bg_mv-line.png") repeat 0 0;
  background-size: 15.4666666667vw 4.2666666667vw, 9px 9px;
  text-align: center; }
  @media (min-width: 46.875em) {
    .mv {
      background-size: 80px auto, 9px 9px; } }
  .mv .wrap {
    padding-bottom: 3em; }
    @media (min-width: 46.875em) {
      .mv .wrap {

        padding-bottom: 6em; } }
  .mv .ttl {
    padding-top: 1em;
    margin-bottom: 0.4em;
    font-size: 4vw;
    font-weight: bold; }
    @media (min-width: 46.875em) {
      .mv .ttl {
        font-size: 30px; } }
    .mv .ttl img {
      width: 11.6vw;
      max-width: 87px;
      margin: 0 .3em;
      vertical-align: middle; }
  .mv .description {
    margin: 1em 0;
    font-size: 3.4666666667vw;
    color: #784c02; }
    @media (min-width: 46.875em) {
      .mv .description {
        font-size: 26px; } }
  .mv .pic_item {
    margin-bottom: 1em; }
  .period {
    margin-bottom: 2em;
    font-size: 3.2vw; }
    @media (min-width: 46.875em) {
      .period {
        font-size: 24px;
        margin-bottom: 50px; } }
  .mv .period {
    margin-bottom: 1.5em; }
    .mv .period .txt {
      display: inline;
      background: url("/kodomo/ap/eraberu/english/step/images/parts_section01_line.png") no-repeat 50% 100%;
      background-size: 100% auto;
      line-height: 1.5;
      padding-bottom: 6px;
      color: #e94730;
      margin-bottom: .5em;
      font-weight: bold;
      font-size: 7.4vw }
      .mv .period .txt small {
        display: inline-block;
        font-size: 70%; }
      .mv .period .txt em {
        display: inline-block;
        line-height: 1;
        border-bottom: solid 2px #e94730; }
      @media (min-width: 46.875em) {
        .mv .period .txt {
          font-size: 48px;
          padding-bottom: 14px; } }
  .mv .itemlist {
    margin-bottom: 1.5em; }
    .mv .itemlist ul {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 0.5em; }
      .mv .itemlist ul li {
        flex-basis: 32%; }
    .mv .itemlist .attention {
      text-align: left;
      font-size: 2.1333333333vw;
      color: #784c02; }
      @media (min-width: 46.875em) {
        .mv .itemlist .attention {
          font-size: 15px; } }

.section01 {
  background-color: #fcf1dd;
  text-align: center;
  padding: 2em 0 3em; }
  @media (min-width: 46.875em) {
    .section01 {
      padding: 4em 0 6em; } }
  .section01 .sect-header {
    margin-bottom: .5em; }
    .section01 .sect-header div {
      display: inline-block;
      background: url("/kodomo/ap/eraberu/english/step/images/parts_section01_line.png") no-repeat 50% 100%;
      background-size: 100% auto;
      line-height: 1.2;
      padding-bottom: .5em;
      margin-bottom: 1em;
      font-size: 4.6666666667vw;
      font-weight: bold; }
      @media (min-width: 46.875em) {
        .section01 .sect-header div {
          font-size: 35px; } }
      .section01 .sect-header div em {
        font-size: 7.2vw; }
        @media (min-width: 46.875em) {
          .section01 .sect-header div em {
            font-size: 54px; } }
    .section01 .sect-header .ttl {
      line-height: 1.4;
      font-size: 4.6666666667vw;
      font-weight: bold; }
      @media (min-width: 46.875em) {
        .section01 .sect-header .ttl {
          font-size: 35px; } }
      .section01 .sect-header .ttl em {
        letter-spacing: -0.07em;
        font-size: 6.6666666667vw; }
        @media (min-width: 46.875em) {
          .section01 .sect-header .ttl em {
            font-size: 50px; } }
  .pic01 {
    background-color: #fff;
    border-radius: .5em;
    padding: 1em 0 .5em;
    margin-bottom: 1.5em;
    font-size: 3.2vw; }
    @media (min-width: 46.875em) {
      .pic01 {
        font-size: 24px; } }
    .pic01 img {
      display: block;
      margin: 0 auto .5em;
      width: 60.9333333333vw;
      max-width: 457px; }
  .section01 .txt {
    margin-bottom: 1em;
    color: #784c02;
    font-size: 3.7333333333vw; }
    @media (min-width: 46.875em) {
      .section01 .txt {
        font-size: 28px; } }
  .section01 .pic02 {
    width: 88.8vw;
    max-width: 666px; }

.cv {
  background: url("/kodomo/ap/eraberu/english/step/images/_bg_border-wave_02.png") repeat-x 0 0, url("/kodomo/ap/eraberu/english/step/images/bg_cv-line.png") repeat 0 0;
  background-size: 15.4666666667vw 4.2666666667vw, 9px 9px;
  text-align: center; }
  @media (min-width: 46.875em) {
    .cv {
      background-size: 80px auto, 9px 9px; } }
  .cv .wrap {
    padding-top: 3em; }
    @media (min-width: 46.875em) {
      .cv .wrap {
        padding-top: 6em; } }
  .cv .cv_btnset {
    padding-bottom: 3em; }
    @media (min-width: 46.875em) {
      .cv .cv_btnset {
        padding-bottom: 6em; } }
    .cv .cv_btnset .period {
      margin-bottom: 2em;
      font-size: 3.2vw; }
      @media (min-width: 46.875em) {
        .cv .cv_btnset .period {
          font-size: 24px; } }
    .cv .txt {
      margin-bottom: .5em;
      font-size: 5.0666666667vw; }
      @media (min-width: 46.875em) {
        .cv .txt {
          font-size: 38px; } }
    .cv .cv_btnset .icon {
      margin-bottom: 1.5em; }
  .cv.cv01 .cv-header {
    background: url("/kodomo/ap/eraberu/english/step/images/bg_cv_square.png") no-repeat 0 0;
    background-size: 100% 100%;
    width: 100%;
    height: 57.3333333333vw;
    margin-bottom: .5em;
    display: table; }
    @media (min-width: 46.875em) {
      .cv.cv01 .cv-header {
        height: 430px; } }
    .cv.cv01 .cv-header .ttl {
      display: table-cell;
      vertical-align: middle;
      font-size: 4.8vw;
      font-weight: bold;
      padding: 15px 0; }
      @media (min-width: 46.875em) {
        .cv.cv01 .cv-header .ttl {
          font-size: 36px;
          padding: 21px 0px; } }
      .cv.cv01 .cv-header .ttl .mark01 {
        font-size: 6.9333333333vw; }
        @media (min-width: 46.875em) {
          .cv.cv01 .cv-header .ttl .mark01 {
            font-size: 52px; } }
        .cv.cv01 .cv-header .ttl .mark01 em {
          font-size: 10.9333333333vw; }
          @media (min-width: 46.875em) {
            .cv.cv01 .cv-header .ttl .mark01 em {
              font-size: 82px; } }
      .cv.cv01 .cv-header .ttl .green em {
        font-size: 6.4vw;
        letter-spacing: -.07em; }
        @media (min-width: 46.875em) {
          .cv.cv01 .cv-header .ttl .green em {
            font-size: 48px; } }
  .cv.cv01 .cv_flow {
    padding-bottom: 4em; }
    @media (min-width: 46.875em) {
      .cv.cv01 .cv_flow {
        padding-bottom: 4em; } }
    .cv_flow .ttl {
      letter-spacing: -0.07em;
      font-size: 4.8vw;
      font-weight: bold; }
      @media (min-width: 46.875em) {
        .cv_flow .ttl {
          font-size: 35px; } }
    .cv.cv01 .cv_flow .list-item {
      border-bottom: solid 2px #000; }
      .cv.cv01 .cv_flow .list-item a {
        text-align: left;
        font-size: 4.2666666667vw;
        display: block;
        padding: .8em 0;
        text-decoration: none;
        position: relative;
        color: #000; }
        .cv.cv01 .cv_flow .list-item a::after {
          content: '';
          position: absolute;
          top: 50%;
          right: 0;
          width: 1em;
          height: 1em;
          background: url("/kodomo/ap/eraberu/english/step/images/parts_arrow_b.png") no-repeat 0 0;
          background-size: 100% auto; }
        @media (min-width: 46.875em) {
          .cv.cv01 .cv_flow .list-item a {
            font-size: 32px; } }
        .mv .period .txt span {
          font-size: 20px;}
        @media (min-width: 46.875em) {
          .mv .period .txt span {
            font-size: 30px;} }
      @media (min-width: 46.875em) {
        .c-pc-hidden {
            display: none; } }
      @media (max-width: 46.876em) {
        .c-sp-hidden {
            display: none; } }
  .cv.cv02 {
    background-size: 15.4666666667vw 4.2666666667vw, 9px 9px; }
    .cv.cv02 .cv-header {
      margin-bottom: 2em; }
      .cv.cv02 .cv-header .ttl, .cv.cv02 .cv-header .ttlPlus {
        margin-bottom: .5em;
        font-weight: bold;
        font-size: 5.6vw; }
        @media (min-width: 46.875em) {
          .cv.cv02 .cv-header .ttl, .cv.cv02 .cv-header .ttlPlus {
            font-size: 42px; } }
      .cv.cv02 .cv-header .pic {
        background-color: #fffbef;
        color: #6eb92b;
        padding: 1em 1em .8em;
        margin-bottom: .5em;
        border-radius: 1em;
        font-size: 3.7333333333vw;
        line-height: 1.2; }
        @media (min-width: 46.875em) {
			.cv.cv02 {
			    background-size: 80px 20px, 9px 9px;
			}
        
          .cv.cv02 .cv-header .pic {
            font-size: 28px; } }
        .cv.cv02 .cv-header .pic img {
          margin-bottom: .8em; }

.section02 {
  background-color: #fffbef;
  text-align: center; }
  .section02 .wrap {
    padding-top: 3em;
    max-width: none;
    width: auto; }
    @media (min-width: 46.875em) {
      .section02 .wrap {
        padding-top: 6em; } }

.select_color .sect-header {
  margin-bottom: 1.5em; }
  .select_color .sect-header .ttl {
    margin-bottom: .6em;
    font-weight: bold;
    font-size: 4.2666666667vw; }
    @media (min-width: 46.875em) {
      .select_color .sect-header .ttl {
        font-size: 32px; } }
  .select_color .sect-header .icon {
    font-weight: normal;
    background-color: #FFF;
    border: solid 1px #e94730;
    padding: .5em .8em .4em;
    color: #e94730; }

.select_color .items_list {
  margin-bottom: 1.5em;
  max-width: 750px;
  margin: 0 auto;
  position: relative; }
  .select_color .items_list .item {
    border: solid 6px #008bd0;
    background-color: #fff;
    border-radius: 1em;
    padding: 1em;
    margin: 0 .5em;
    font-size: 3.4666666667vw; }
    @media (min-width: 46.875em) {
      .select_color .items_list .item {
        font-size: 20px; } }
    .select_color .items_list .item .pic {
      text-align: center; }
    .select_color .items_list .item img {
      width: 50.6666666667vw;
      margin: 0 auto 1em; }
      @media (min-width: 46.875em) {
        .select_color .items_list .item img {
          width: 380px; } }
    .select_color .items_list .item dt {
      margin-bottom: .6em;
      color: #008bd0;
      text-decoration: underline;
      font-weight: bold;
      font-size: 4.2666666667vw; }
      @media (min-width: 46.875em) {
        .select_color .items_list .item dt {
          font-size: 24px; } }
    .select_color .items_list .item.item02 {
      border-color: #ff96d0; }
      .select_color .items_list .item.item02 dt {
        color: #ff96d0; }
    .select_color .items_list .item.item03 {
      border-color: #ec0c24; }
      .select_color .items_list .item.item03 dt {
        color: #ec0c24; }

.select_color .slick-dots {
  display: flex;
  justify-content: center;
  margin-bottom: 2em; }
  @media (min-width: 46.875em) {
    .select_color .slick-dots {
      margin-bottom: 3em; } }
  .select_color .slick-dots li {
    overflow: hidden;
    border-radius: 100%;
    width: 1em;
    height: 1em;
    margin: 0 .5em;
    background-color: #d7c8ad; }
    .select_color .slick-dots li.slick-active {
      background-color: #865e1b; }
  .select_color .slick-dots button {
    opacity: 0; }

.select_color .careful {
  width: 89.3333333333vw;
  max-width: 670px;
  margin: 0 auto 3em;
  padding-left: 1em; }
  @media (min-width: 46.875em) {
    .select_color .careful {
      margin-bottom: 6em; } }
  .select_color .careful li {
    text-indent: -1em;
    text-align: left;
    font-size: 3.2vw; }
    @media (min-width: 46.875em) {
      .select_color .careful li {
        font-size: 24px; } }

.whats_mypad {
  padding-bottom: 4em;
  width: 89.3333333333vw;
  max-width: 670px;
  margin: 0 auto; }
  @media (min-width: 46.875em) {
    .whats_mypad {
      padding-bottom: 6em; } }
  .whats_mypad .sect-header .ttl {
    margin: 0 0 .3em;
    color: #6eb92b;
    font-size: 4.8vw;
    font-weight: bold; }
    @media (min-width: 46.875em) {
      .whats_mypad .sect-header .ttl {
        font-size: 36px; } }
  .whats_mypad .wrapping {
    background-color: #fcf1dd;
    border-radius: 1em;
    padding: 1em;
    }
    @media (min-width: 46.875em) {
      .whats_mypad .wrapping {
        padding: 2em; } }
    .whats_mypad .wrapping .txt {
      padding-top: 1em;
      text-align: left;
      font-size: 3.2vw; }
      @media (min-width: 46.875em) {
        .whats_mypad .wrapping .txt {
          font-size: 24px; } }

.section03 {
  background-color: #fffbef;
  text-align: center; }
  .section03 .wrap {
    max-width: none;
    width: auto; }
  .wrapperEraberuContent .section03 .mark {
    color: #00A0E9;
  }
  .accordion-icon {
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    color: #784C02;
    position: absolute;
    right: 10px;
  }
  .js-accordion-open + .accordion-icon {
    content: "ー";
  }
  .js-accordion-open .accordion-icon::before {
    display: none;
  }
  .acc-item {
    border-top: 1px solid #DDCDB1;
    border-bottom: 1px solid #DDCDB1;
    margin-top: 10px;
    cursor: pointer;
  }
  .acc-ttl {
    padding: 12px 0;
    color: #784C02;
    font-size: 3.2vw;
    text-align: center;
    font-weight: bold;
    position: relative;
    right: 18px;
  }
  .more-txt {
    font-size: 3.2vw;
  }
  .acc-inner {
    margin: 20px 18px;
  }
  .more {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 20px;
  }
  .more-ttl,
  .other-ttl {
    font-weight: bold;
    font-size: 3.733vw;
    margin-bottom: 10px;
  }
  .more-txt {
    text-align: left;
    font-weight: normal;
    margin-top: 10px;
  }
  .section03 .list {
    font-size: 2.667vw;
    color: #6C6C6C;
    font-weight: 300;
    margin-top: 10px;
    margin-left: 10px;
    text-indent: -1em;
    text-align: left;
  }
  .section03 .list li {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  }
  .other-cv-top .number {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .other-cv-top {
    margin-top: 20px;
    font-size: 3.733vw;
    font-weight: bold;
  }
  .other-text {
    margin-bottom: 10px;
    font-size: 2.667vw;
    text-align: center;
    margin-top: 20px;
  }
  .other-link {
    padding: 8px 15px;
    border-radius: 8px;
    border: 2px solid #00A0E9;
    background: #FFF;
    font-size: 4.8vw;
    font-style: normal;
    font-weight: 700;
    color: #00A0E9;
    text-align: center;
    margin-bottom: 10px;
    max-width: 100%;
    display: block;
    margin-top: 10px;
    text-decoration: none !important;
    position: relative;
  }
  .other-link::after {
    content: "";
    position: absolute;
    background-image: url(/kodomo/ap/eraberu/english/step/images/link_icon.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }
  .lineup {
    position: relative;
  }
  .lineup::after {
    content: "";
    position: absolute;
    background-image: url(/kodomo/ap/eraberu/english/step/images/zoom-in.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    bottom: 10px;
    right: 10px;
  }
  .mark--ttl {
    font-size: 4.267vw;
  }
  .c-mb10-sp {
    margin-bottom: 10px;
  }
  .other a {
    color: #00A0E9 !important;
  }
    @media (min-width: 46.875em) {
      .c-mb10-pc {
        margin-bottom: 10px;
      }
      .mark--ttl {
        font-size: 32px;
      }
      .acc-ttl,
      .more-txt {
        font-size: 24px;
      }
      .more-ttl,
      .other-ttl,
      .other-cv-top {
        font-size: 26px;
      }
      .other-cv-top .number {
        font-size: 32px;
      }
      .other-link {
        font-size: 32px;
      }
      .section03 .list {
        font-size: 20px;
      }
      .other-text {
        font-size: 20px;
        padding-left: 1em;
      }
      .acc-item,
      .more-txt,
      .list,
      .other-cv-top,
      .other-text {
        margin-top: 1em;
      }
      .section03 .list {
        margin-left: 1em;
      }
      .acc-ttl {
        padding: 1em 0;
      }
      .more {
        padding: 3em;
        margin-bottom: 4em;
      }
      .more-ttl {
        margin-bottom: 1em;
      }
      .other-link {
        margin: 0.5em 0;
      }
      .other-link::after {
        width: 33px;
        height: 33px;
        top: 15px;
      }
      .lineup::after {
        width: 50px;
        height: 50px;
        bottom: 1em;
        right: 1em;
      }
    }

.faq {
  background-color: #fcf1dd; }
  .faq .wrap {
    padding-top: 3em; }
    @media (min-width: 46.875em) {
      .faq .wrap {
        padding-top: 6em; } }
  .faq .faq_wrap {
    background-color: #fffbef;
    padding: 1.5em 1em;
    border-radius: 0 0 1em 1em; }
  .faq .faq_item {
    background-color: #fff;
    border-radius: .5em;
    padding: 0 1em 1px;
    margin-bottom: 1em;
    font-size: 2.6666666667vw; }
    @media (min-width: 46.875em) {
      .faq .faq_item {
        font-size: 20px; } }
    .faq .faq_item dt {
      display: flex;
      align-items: center;
      background: url("/kodomo/ap/eraberu/english/step/images/icon_toggle-open.png") no-repeat 100% 50%;
      background-size: 2.6666666667vw 2.6666666667vw;
      padding: 1em 2.6666666667vw 1em 0;
      font-weight: bold;
      cursor: pointer; }
    
      @media (min-width: 46.875em) {
        .faq .faq_item dt {
          padding-right: 40px;
          background-size: 20px 20px; }
         }
      .faq .faq_item dt.open {
        background-image: url("/kodomo/ap/eraberu/english/step/images/icon_toggle-close.png"); }
      .faq .faq_item dt::before {
        content: '';
        display: inline-block;
        width: 4.1333333333vw;
        height: 3.4666666667vw;
        margin-right: .5em;
        background: url("/kodomo/ap/eraberu/english/step/images/txt_faq_q.png") no-repeat 0 0;
        background-size: 100% 100%; }
    .faq .faq_item dd {
      display: none;
      background-color: #fff9f9;
      padding: .5em;
      padding-left: 7vw;
      position: relative;
      margin-bottom: 1em; }
      .faq .faq_item dd::before {
        content: '';
        display: inline-block;
        position: absolute;
        left: 0.5em;
        width: 4.1333333333vw;
        height: 3.4666666667vw;
        margin-right: .5em;
        background: url("/kodomo/ap/eraberu/english/step/images/txt_faq_a.png") no-repeat 0 0;
        background-size: 100% 100%; }
      .faq .faq_item dd ul {
        padding-left: 1em; }
      .faq .faq_item dd li {
        text-indent: -1em; }
      .faq .faq_item dd p {
        margin-bottom: 1em; }
        .faq .faq_item dd p:last-child {
          margin-bottom: 0; }
      .faq .faq_item dd a {
        color: #0099cc !important; }
        @media (min-width: 46.875em) {
        .faq .faq_item dt::before {
          width: 31px;
          height: 26px;
        }
        .faq .faq_item dd::before {
          width: 31px;
          height: 26px;
        }
        .faq .faq_item dd {
          padding-left: 50px;
        }
      }
.beAttention {
  background-color: #fcf1dd; }
  .beAttention .wrap {
    padding-top: 3em; }
    @media (min-width: 46.875em) {
      .beAttention .wrap {
        padding-top: 6em; } }
  .beAttention .attention_wrap {
    background-color: #fffbef;
    padding: 1.5em 1em;
    border-radius: 1em; }
    @media (min-width: 46.875em) {
      .beAttention .attention_wrap {
        padding: 3em 2em; } }
  .beAttention .attention-header {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px #ddcdb1; }
    .beAttention .attention-header .ttl {
      margin-bottom: .7em;
      color: #e94730;
      text-align: center;
      font-size: 5.0666666667vw;
      font-weight: bold; }
      @media (min-width: 46.875em) {
        .beAttention .attention-header .ttl {
          font-size: 36px; } }
    .beAttention .attention-header p {
      font-size: 3.2vw; }
      @media (min-width: 46.875em) {
        .beAttention .attention-header p {
          font-size: 24px; } }
  .beAttention .attention-item {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: solid 1px #ddcdb1;
    font-size: 3.2vw; }
    .beAttention .attention-item:last-child {
      padding-bottom: 0;
      margin-bottom: 0;
      border: none; }
    @media (min-width: 46.875em) {
      .beAttention .attention-item {
        font-size: 24px; } }
    .beAttention .attention-item .ttl {
      color: #784c02;
      font-size: 3.4666666667vw;
      font-weight: bold;
      background: url("/kodomo/ap/eraberu/english/step/images/icon_toggle-open.png") no-repeat 100% 50%;
      background-size: 2.6666666667vw 2.6666666667vw;
      cursor: pointer; }
      @media (min-width: 46.875em) {
        .beAttention .attention-item .ttl {
          font-size: 26px;
          background-size: 20px 20px; } }
      .beAttention .attention-item .ttl.open {
        background-image: url("/kodomo/ap/eraberu/english/step/images/icon_toggle-close.png"); }
    .beAttention .attention-item ul, .beAttention .attention-item dl {
      padding-top: .5em;
      display: none; }
    .beAttention .attention-item ul, .beAttention .attention-item dd {
      padding-left: 1em; }
    .beAttention .attention-item li, .beAttention .attention-item dt {
      text-indent: -1em; }
    .beAttention .attention-item dt {
      padding-left: 1em;
      font-weight: bold; }
    .beAttention .attention-item p {
      margin-bottom: 1em; }
      .beAttention .attention-item p:last-child {
        margin-bottom: 0; }
    .beAttention .attention-item a {
      color: #0099cc !important; }

.page-summary {
  padding: 1em 0 3em;
  font-size: 2.9333333333vw; }
  .page-summary p:last-child {
    margin-top: 1em;
    text-indent: -1em;
    padding-left: 1em; }
  @media (min-width: 46.875em) {
    .page-summary {
      font-size: 22px; } }

.jumpslider .slick-track {
  display: flex;
}
.select_color .items_list .item {
  height: auto;
}

.next-link {
  padding: 1em;
  font-size: 2.933vw;
}

@media (min-width: 46.875em) {
  .next-link {
    font-size: 20px;
  }
  .btn01 {
    font-size: 35px;
  }
  .footer__globalFooter .btPagetop {
    bottom: 14em !important;
  }
}
@media (max-width: 46.876em) {
  .btn01 {
    font-size: 4.6666666667vw;
  }
  .footer__globalFooter .btPagetop {
    bottom: 9em !important;
  }
}

.float {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  z-index: 5;
  padding: 15px 0;
  background-color: #ffffff;
  border-top: 2px solid #DDDDDD;
}
.btn01 {
  display: block;
  position: relative;
  background-color: #e94730;
  padding: .5em 0;
  border-radius: 0.5em;
  color: #FFF !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
  width: 89.3333333333vw;
  max-width: 670px;
  margin: 0 auto;
}
.btn01::after {
  content: '';
  position: absolute;
  right: .5em;
  top: 50%;
  display: block;
  width: .8em;
  height: .8em;
  margin-top: -.4em;
  background: url("/kodomo/ap/eraberu/english/step/images/parts_arrow_r.png") no-repeat 0 0;
  background-size: auto 100%;
}
.c-center {
  text-align: center !important;
}
.red {
  color: #E94730;
}
button.slick-arrow {
  background-color: rgba(102, 102, 102, 0.6);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  text-indent: inherit;
  color: transparent;
}
.slick-prev {
  left: 32px;
  z-index: 10;
}
.slick-next {
  right: 32px;
  z-index: 10;
}
.slick-prev::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -5px;
  left: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  transform: rotate(45deg);
  z-index: 20;
}
.slick-next::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: -5px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transform: rotate(45deg);
  z-index: 20;
}
.slick-disabled {
  display: none !important;
}
@media (min-width: 46.875em) {
  .slick-prev {
    left: 73px;
    z-index: 10;
  }
  .slick-next {
    right: 74px;
    z-index: 10;
  }
  button.slick-arrow {
    width: 50px;
    height: 50px;
  }
  .slick-prev::after {
    width: 15px;
    height: 15px;
    border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
  }
  .slick-next::after {
    width: 15px;
    height: 15px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
  }
}