@charset "UTF-8";
#menuArea #menuAreaInner {
  display: none !important;
}

.wrapperPlusContent {
  font-size: 24px;
}

.spOnly {
  display: none;
}

@media only screen and (max-width: 650px) {
  .spOnly {
    display: block;
  }
}
.pcOnly {
  display: inline;
}

@media only screen and (max-width: 650px) {
  .pcOnly {
    display: none;
  }
}
.tabOnly {
  display: none;
}

@media only screen and (max-width: 860px) {
  .tabOnly {
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  .tabOnly {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .wrapperPlusContent {
    font-size: 24px;
  }
}
@media only screen and (max-width: 745px) {
  .wrapperPlusContent {
    font-size: 23.84px;
  }
}
@media only screen and (max-width: 740px) {
  .wrapperPlusContent {
    font-size: 23.68px;
  }
}
@media only screen and (max-width: 735px) {
  .wrapperPlusContent {
    font-size: 23.52px;
  }
}
@media only screen and (max-width: 730px) {
  .wrapperPlusContent {
    font-size: 23.36px;
  }
}
@media only screen and (max-width: 725px) {
  .wrapperPlusContent {
    font-size: 23.2px;
  }
}
@media only screen and (max-width: 720px) {
  .wrapperPlusContent {
    font-size: 23.04px;
  }
}
@media only screen and (max-width: 715px) {
  .wrapperPlusContent {
    font-size: 22.88px;
  }
}
@media only screen and (max-width: 710px) {
  .wrapperPlusContent {
    font-size: 22.72px;
  }
}
@media only screen and (max-width: 705px) {
  .wrapperPlusContent {
    font-size: 22.56px;
  }
}
@media only screen and (max-width: 700px) {
  .wrapperPlusContent {
    font-size: 22.4px;
  }
}
@media only screen and (max-width: 695px) {
  .wrapperPlusContent {
    font-size: 22.24px;
  }
}
@media only screen and (max-width: 690px) {
  .wrapperPlusContent {
    font-size: 22.08px;
  }
}
@media only screen and (max-width: 685px) {
  .wrapperPlusContent {
    font-size: 21.92px;
  }
}
@media only screen and (max-width: 680px) {
  .wrapperPlusContent {
    font-size: 21.76px;
  }
}
@media only screen and (max-width: 675px) {
  .wrapperPlusContent {
    font-size: 21.6px;
  }
}
@media only screen and (max-width: 670px) {
  .wrapperPlusContent {
    font-size: 21.44px;
  }
}
@media only screen and (max-width: 665px) {
  .wrapperPlusContent {
    font-size: 21.28px;
  }
}
@media only screen and (max-width: 660px) {
  .wrapperPlusContent {
    font-size: 21.12px;
  }
}
@media only screen and (max-width: 655px) {
  .wrapperPlusContent {
    font-size: 20.96px;
  }
}
@media only screen and (max-width: 650px) {
  .wrapperPlusContent {
    font-size: 20.8px;
  }
}
@media only screen and (max-width: 645px) {
  .wrapperPlusContent {
    font-size: 20.64px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapperPlusContent {
    font-size: 20.48px;
  }
}
@media only screen and (max-width: 635px) {
  .wrapperPlusContent {
    font-size: 20.32px;
  }
}
@media only screen and (max-width: 630px) {
  .wrapperPlusContent {
    font-size: 20.16px;
  }
}
@media only screen and (max-width: 625px) {
  .wrapperPlusContent {
    font-size: 20px;
  }
}
@media only screen and (max-width: 620px) {
  .wrapperPlusContent {
    font-size: 19.84px;
  }
}
@media only screen and (max-width: 615px) {
  .wrapperPlusContent {
    font-size: 19.68px;
  }
}
@media only screen and (max-width: 610px) {
  .wrapperPlusContent {
    font-size: 19.52px;
  }
}
@media only screen and (max-width: 605px) {
  .wrapperPlusContent {
    font-size: 19.36px;
  }
}
@media only screen and (max-width: 600px) {
  .wrapperPlusContent {
    font-size: 19.2px;
  }
}
@media only screen and (max-width: 595px) {
  .wrapperPlusContent {
    font-size: 19.04px;
  }
}
@media only screen and (max-width: 590px) {
  .wrapperPlusContent {
    font-size: 18.88px;
  }
}
@media only screen and (max-width: 585px) {
  .wrapperPlusContent {
    font-size: 18.72px;
  }
}
@media only screen and (max-width: 580px) {
  .wrapperPlusContent {
    font-size: 18.56px;
  }
}
@media only screen and (max-width: 575px) {
  .wrapperPlusContent {
    font-size: 18.4px;
  }
}
@media only screen and (max-width: 570px) {
  .wrapperPlusContent {
    font-size: 18.24px;
  }
}
@media only screen and (max-width: 565px) {
  .wrapperPlusContent {
    font-size: 18.08px;
  }
}
@media only screen and (max-width: 560px) {
  .wrapperPlusContent {
    font-size: 17.92px;
  }
}
@media only screen and (max-width: 555px) {
  .wrapperPlusContent {
    font-size: 17.76px;
  }
}
@media only screen and (max-width: 550px) {
  .wrapperPlusContent {
    font-size: 17.6px;
  }
}
@media only screen and (max-width: 545px) {
  .wrapperPlusContent {
    font-size: 17.44px;
  }
}
@media only screen and (max-width: 540px) {
  .wrapperPlusContent {
    font-size: 17.28px;
  }
}
@media only screen and (max-width: 545px) {
  .wrapperPlusContent {
    font-size: 17.12px;
  }
}
@media only screen and (max-width: 530px) {
  .wrapperPlusContent {
    font-size: 16.96px;
  }
}
@media only screen and (max-width: 525px) {
  .wrapperPlusContent {
    font-size: 16.8px;
  }
}
@media only screen and (max-width: 520px) {
  .wrapperPlusContent {
    font-size: 16.64px;
  }
}
@media only screen and (max-width: 515px) {
  .wrapperPlusContent {
    font-size: 16.48px;
  }
}
@media only screen and (max-width: 510px) {
  .wrapperPlusContent {
    font-size: 16.32px;
  }
}
@media only screen and (max-width: 505px) {
  .wrapperPlusContent {
    font-size: 16.16px;
  }
}
@media only screen and (max-width: 500px) {
  .wrapperPlusContent {
    font-size: 16px;
  }
}
@media only screen and (max-width: 495px) {
  .wrapperPlusContent {
    font-size: 15.84px;
  }
}
@media only screen and (max-width: 490px) {
  .wrapperPlusContent {
    font-size: 15.68px;
  }
}
@media only screen and (max-width: 485px) {
  .wrapperPlusContent {
    font-size: 15.52px;
  }
}
@media only screen and (max-width: 480px) {
  .wrapperPlusContent {
    font-size: 15.36px;
  }
}
@media only screen and (max-width: 475px) {
  .wrapperPlusContent {
    font-size: 15.2px;
  }
}
@media only screen and (max-width: 470px) {
  .wrapperPlusContent {
    font-size: 15.04px;
  }
}
@media only screen and (max-width: 465px) {
  .wrapperPlusContent {
    font-size: 14.88px;
  }
}
@media only screen and (max-width: 460px) {
  .wrapperPlusContent {
    font-size: 14.72px;
  }
}
@media only screen and (max-width: 455px) {
  .wrapperPlusContent {
    font-size: 14.56px;
  }
}
@media only screen and (max-width: 450px) {
  .wrapperPlusContent {
    font-size: 14.4px;
  }
}
@media only screen and (max-width: 445px) {
  .wrapperPlusContent {
    font-size: 14.24px;
  }
}
@media only screen and (max-width: 440px) {
  .wrapperPlusContent {
    font-size: 14.08px;
  }
}
@media only screen and (max-width: 435px) {
  .wrapperPlusContent {
    font-size: 13.92px;
  }
}
@media only screen and (max-width: 430px) {
  .wrapperPlusContent {
    font-size: 13.76px;
  }
}
@media only screen and (max-width: 425px) {
  .wrapperPlusContent {
    font-size: 13.6px;
  }
}
@media only screen and (max-width: 420px) {
  .wrapperPlusContent {
    font-size: 13.44px;
  }
}
@media only screen and (max-width: 415px) {
  .wrapperPlusContent {
    font-size: 13.28px;
  }
}
@media only screen and (max-width: 410px) {
  .wrapperPlusContent {
    font-size: 13.12px;
  }
}
@media only screen and (max-width: 405px) {
  .wrapperPlusContent {
    font-size: 12.96px;
  }
}
@media only screen and (max-width: 400px) {
  .wrapperPlusContent {
    font-size: 12.8px;
  }
}
@media only screen and (max-width: 395px) {
  .wrapperPlusContent {
    font-size: 12.64px;
  }
}
@media only screen and (max-width: 390px) {
  .wrapperPlusContent {
    font-size: 12.48px;
  }
}
@media only screen and (max-width: 385px) {
  .wrapperPlusContent {
    font-size: 12.32px;
  }
}
@media only screen and (max-width: 380px) {
  .wrapperPlusContent {
    font-size: 12.16px;
  }
}
@media only screen and (max-width: 375px) {
  .wrapperPlusContent {
    font-size: 12px;
  }
}
@media only screen and (max-width: 370px) {
  .wrapperPlusContent {
    font-size: 11.84px;
  }
}
@media only screen and (max-width: 365px) {
  .wrapperPlusContent {
    font-size: 11.68px;
  }
}
@media only screen and (max-width: 360px) {
  .wrapperPlusContent {
    font-size: 11.52px;
  }
}
@media only screen and (max-width: 355px) {
  .wrapperPlusContent {
    font-size: 11.36px;
  }
}
@media only screen and (max-width: 350px) {
  .wrapperPlusContent {
    font-size: 11.2px;
  }
}
@media only screen and (max-width: 345px) {
  .wrapperPlusContent {
    font-size: 11.04px;
  }
}
@media only screen and (max-width: 340px) {
  .wrapperPlusContent {
    font-size: 10.88px;
  }
}
@media only screen and (max-width: 335px) {
  .wrapperPlusContent {
    font-size: 10.72px;
  }
}
@media only screen and (max-width: 330px) {
  .wrapperPlusContent {
    font-size: 10.56px;
  }
}
@media only screen and (max-width: 325px) {
  .wrapperPlusContent {
    font-size: 10.4px;
  }
}
@media only screen and (max-width: 320px) {
  .wrapperPlusContent {
    font-size: 10.24px;
  }
}
.wrapperPlusContent {
  color: #212121;
}
.wrapperPlusContent * {
  letter-spacing: 0.04em;
}

.wrapperPlusContent--optionMaterial {
  background-size: auto auto;
  background-color: #fcd700;
  background-image: repeating-linear-gradient(125deg, transparent, transparent 5px, #f7c600 5px, #f7c600 6px);
  border-bottom: 8px solid #fab600;
  padding-top: 5px;
}

.wrapperPlusContent .f-genJyuu-m {
  font-family: "GenJyuuGothic-Medium", sans-serif;
}
.wrapperPlusContent .f-genJyuu-m * {
  font-family: "GenJyuuGothic-Medium", sans-serif;
}
.wrapperPlusContent .f-genJyuu {
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
}
.wrapperPlusContent .f-genJyuu * {
  font-family: "GenJyuuGothic-Bold",sans-serif;
}
.wrapperPlusContent .f-genJyuu-h {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
  font-weight: bold;
}
.wrapperPlusContent .f-genJyuu-h * {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.wrapperPlusContent * {
  box-sizing: border-box;
}
.wrapperPlusContent *:before, .wrapperPlusContent *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapperPlusContent .clor {
  color: #f04646;
}
.wrapperPlusContent .clor01 {
  color: #2aa0de;
}
.wrapperPlusContent .clor02 {
  color: #7a7a7a;
}
.wrapperPlusContent .clor03 {
  color: #212121;
}
.wrapperPlusContent .clor04 {
  color: #8f621f;
}
.wrapperPlusContent .clor05 {
  color: #e60012;
}
.wrapperPlusContent .line {
  text-decoration: underline;
}
.wrapperPlusContent .balloonText01 {
  color: #006ebc;
  text-align: center;
  font-size: 1.1em;
  line-height: 1.3;
  position: relative;
  display: inline-block;
  margin-top: 1.3em;
}
.wrapperPlusContent .balloonText01::before {
  content: "";
  position: absolute;
  left: -1.65em;
  top: 52%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_l.png) no-repeat left center;
  background-size: 1.5em;
  width: 41px;
  height: 45px;
}
.wrapperPlusContent .balloonText01::after {
  content: "";
  position: absolute;
  right: -1.45em;
  top: 52%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_r.png) no-repeat right center;
  background-size: 1.5em;
  width: 41px;
  height: 45px;
}
.wrapperPlusContent .balloonText01.step {
  color: #14a83b;
}
.wrapperPlusContent .balloonText01.step::before {
  background: url(/plus/resources/images/step/sample/icon_balloon_step_l.png) no-repeat left center;
  background-size: contain;
}
.wrapperPlusContent .balloonText01.step::after {
  background: url(/plus/resources/images/step/sample/icon_balloon_step_r.png) no-repeat right center;
  background-size: contain;
}
.wrapperPlusContent .movieBox {
  margin-top: 1.3em;
  margin-bottom: 1em;
  width: 590px;
  height: 332px;
}
.wrapperPlusContent .movieBox iframe {
  width: 100%;
  height: 100%;
}
.wrapperPlusContent .movieBox02 {
  margin: 0.3em auto 0;
  margin-top: 0.3em;
  width: calc(590px - 3.33333333333em);
  height: 290px;
}
.wrapperPlusContent .movieBox02 iframe {
  width: 100%;
  height: 100%;
}
.wrapperPlusContent .img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.wrapperPlusContent .img.spOnly {
  display: none;
}
.wrapperPlusContent .sm {
  display: none !important;
}
.wrapperPlusContent a {
  color: #212121;
  text-decoration: none;
  transition: .3s;
}
.wrapperPlusContent a:focus {
  outline: none;
  border: none;
}
.wrapperPlusContent a:hover {
  text-decoration: none;
}
.wrapperPlusContent a.underlineLink {
  text-decoration: underline;
}
.wrapperPlusContent a.underlineLink:hover {
  text-decoration: none;
}
.wrapperPlusContent .accordion {
  display: none;
  width: 100%;
}
.wrapperPlusContent .accordion.active {
  left: auto;
  top: auto;
  position: relative;
}
.wrapperPlusContent .likBlock {
  background: url(/plus/resources/images/common/bullet03.png) no-repeat right center;
  -webkit-background-size: 0.5457142857142857em auto;
  background-size: 0.5457142857142857em auto;
  font-size: 1.166666666666667em;
  line-height: 1.2em;
  display: inline-block;
  padding-right: 1em;
  color: #f04646;
}
.wrapperPlusContent .plusAlloffer06course {
  margin-top: 60px;
}

@media only screen and (max-width: 650px) {
  .wrapperPlusContent .balloonText01.step::before {
    width: 22px;
    height: 24px;
  }
}
@media only screen and (max-width: 650px) {
  .wrapperPlusContent .balloonText01.step::after {
    width: 22px;
    height: 24px;
  }
}
@media only screen and (max-width: 650px) {
  .wrapperPlusContent .movieBox {
    width: 100%;
    height: 44.3vw;
  }
}
@media only screen and (max-width: 650px) {
  .wrapperPlusContent .movieBox02 {
    width: 100%;
    height: 38.3vw;
  }
}
@media only screen and (max-width: 650px) {
  .wrapperPlusContent .img.spOnly {
    display: block;
  }
}
.wrapBlock {
  max-width: 680px;
  margin: 0 auto;
}

@media only screen and (max-width: 860px) {
  .wrapBlock {
    max-width: 100% !important;
    padding-left: 1.666666666666667em;
    padding-right: 1.666666666666667em;
  }

  .img {
    width: 100%;
  }
}
.descBlock {
  font-size: 1em;
  line-height: 1.833333333333333em;
  letter-spacing: 0.04em;
}
.descBlock.caption {
  color: #f04647;
  font-size: .8em;
  padding-bottom: 1em;
}
.descBlock.mt {
  margin-top: 0.5em;
}

p + .noticeBox {
  margin: 1.45em auto 2.5em;
}

.noticeBox {
  margin: 0 auto 2.3em;
  border: 2px solid #f04647;
  border-radius: 0.25em;
  padding: 0.5em 0.5em 0.6em 1em;
  box-sizing: border-box;
  background: #fff;
}
.noticeBox .textBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.noticeBox .textBox .txt01 {
  font-size: 1.2em;
  color: #f04647;
  text-indent: -.5em;
  padding-left: 0.8em;
  text-align: center;
  padding-top: 0.2em;
}
.noticeBox .textBox .txt01 span {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
  background: linear-gradient(transparent 0%, #fff200 0%);
}
.noticeBox .textBox .txt02 {
  text-align: right;
  color: #f04647;
}
.noticeBox .textBox .txt02 .dayTxt {
  font-size: 3em;
  letter-spacing: 0.05em;
}
.noticeBox .textBox .txt02 .weekTxt {
  font-size: 1.3em;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.noticeBox .subtxt01 {
  text-align: center;
  font-size: 1.3rem;
  background: #f04647;
  color: #FFFFFF;
  padding: 5px 0;
}

@media only screen and (max-width: 860px) {
  .noticeBox .subtxt01 {
    font-size: 0.9rem;
    padding: 5px;
  }
}
.noteBlock, .ulNoteBlock {
  font-size: 0.8333333333333333em;
  line-height: 2em;
}

.noteBlock.mb, .ulNoteBlock.mb {
  margin-bottom: 1.5em;
}

.noteBlock li, .ulNoteBlock li, .noteBlock, .ulNoteBlock > li {
  text-indent: -1em;
  padding-left: 1em;
}

.noteBlock a.link, .ulNoteBlock > li a.link {
  margin-bottom: 20px;
  font-size: 20px;
  color: #f04647;
  text-align: left;
  padding-left: 3em;
  margin: 10px 0;
  display: block;
  background: url(/plus/resources/images/common/ico_movie.png) left center no-repeat;
}

@media only screen and (max-width: 860px) {
  .noteBlock a.link, .ulNoteBlock > li a.link {
    margin-bottom: 1em;
    font-size: 1.2em;
    background-size: auto 1.5em;
  }
}
.btnBlock {
  border: none;
  height: 4.166666666666667em;
  display: table;
  width: 100%;
  max-width: 670px;
  position: relative;
  background: #f04647;
  border-radius: 0.35em;
  margin: 0 auto;
}
.btnBlock::before {
  content: '';
  width: 15px;
  height: 26px;
  position: absolute;
  right: 0.9166666666666667em;
  top: 50%;
  margin-top: -13px;
  background: url(/plus/resources/images/common/arrow01.png) no-repeat 0 0;
}
.btnBlock:hover {
  text-decoration: none;
}
.btnBlock > span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 1.18em;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.04em;
}
.btnBlock > span > span.small {
  font-size: .6em;
}

@media only screen and (max-width: 860px) {
  .btnBlock {
    border: none;
    height: 4.166666666666667em;
    display: table;
    width: 100%;
    max-width: 670px;
    position: relative;
    background: #f04647;
    border-radius: 0.35em;
    margin: 0 auto;
  }
  .btnBlock:before {
    width: 0.46875em;
    height: 0.8125em;
    margin-top: -0.40625em;
    background-size: cover;
  }
  .btnBlock > span {
    font-size: 1.2em;
  }
}
.btnBlock01 {
  border: none;
  height: 3.6em;
  display: table;
  width: 100%;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #fce6de;
  border-radius: 0.35em;
}
.btnBlock01:before {
  content: '';
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1.25em;
  top: 50%;
  margin-top: -0.5em;
  background: url(/plus/resources/images/common/ic_z.png) no-repeat 0 0;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}
.btnBlock01:hover {
  text-decoration: none;
}
.btnBlock01 > span {
  display: table-cell;
  vertical-align: middle;
  color: #f04647;
  font-size: 1.166666666666667em;
  line-height: 1.2em;
  text-align: center;
}

.btnBlock02 {
  border: none;
  height: 3.2em;
  display: table;
  width: 60%;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background: #006ebc;
  border-radius: 0.35em;
  margin: 0 auto 1em;
  padding-right: 1em;
}
.btnBlock02::before {
  content: '';
  width: 2em;
  height: 2em;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/common/ic_pdf.svg) no-repeat 0 0;
  background-size: 100% 100%;
}
.btnBlock02:hover {
  text-decoration: none;
}
.btnBlock02 > span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 1em;
  line-height: 1.2em;
  text-align: center;
}
.btnBlock02.step {
  background: #14a83b;
}

.trans {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
  transition: 0.3s;
}
.trans:hover {
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  opacity: 0.7;
}

.ttlBlock {
  font-size: 1.666666666666667em;
  text-align: center;
  position: relative;
  letter-spacing: 0.04em;
  line-height: 1.4em;
  padding-bottom: 0.75em;
}
.ttlBlock::before {
  content: "";
  width: 2.9em;
  height: 0.4em;
  bottom: 0;
  left: 50%;
  margin-left: -1.45em;
  background: url(/plus/resources/images/common/line01.png) no-repeat 0 0;
  -webkit-background-size: cover;
  background-size: cover;
  position: absolute;
}
.ttlBlock span {
  font-size: 0.8em;
}

.captionBlock {
  text-align: center;
  font-size: 1.45em;
  line-height: 1.625em;
  letter-spacing: 0.04em;
}
.captionBlock .color01 {
  color: #f04647;
}
.captionBlock + .mt {
  margin-top: 2em;
}

.captionBlock-2 {
  text-align: center;
  font-size: 1.15em;
  line-height: 1.625em;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em;
}

.captionBlock02 {
  font-size: 1.2em;
  line-height: 1.625em;
  letter-spacing: 0.04em;
}

.captionBlock03 {
  font-size: 1.666666666666667em;
  text-align: center;
  letter-spacing: 0.04em;
  margin-bottom: 1.5em;
}
.captionBlock03 .bigFont {
  font-size: 38px;
}
@media only screen and (max-width: 650px) {
  .captionBlock03 .bigFont {
    font-size: 20px;
  }
}
.captionBlock03 .smallFont01 {
  font-size: 28px;
}
@media only screen and (max-width: 650px) {
  .captionBlock03 .smallFont01 {
    font-size: 14px;
  }
}
.captionBlock03 .smallFont02 {
  width: 460px;
  padding-top: 0.8em;
  margin: auto;
}
@media only screen and (max-width: 650px) {
  .captionBlock03 .smallFont02 {
    width: 75%;
  }
}
.captionBlock03 .smallFont02 img {
  width: 100%;
}
.captionBlock03 .color01 {
  color: #f04646;
}
.captionBlock03 .color02 {
  color: #0091db;
}

.captionBlock04 {
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 0.04em;
  margin-bottom: 0.5em;
  font-weight: bold;
  position: relative;
}
.captionBlock04::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_left.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04::before {
    left: 8px;
    background-size: 50%;
  }
}
.captionBlock04::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_right.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04::after {
    right: 10px;
    background-size: 50%;
  }
}

.captionBlock04-2 {
  display: inline-block;
  text-align: center;
  font-size: 1.2em;
  letter-spacing: 0.04em;
  margin-bottom: 1em;
  font-weight: bold;
  position: relative;
}
.captionBlock04-2::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_left.png) no-repeat left center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: -1.65em;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04-2::before {
    width: 16px;
    height: 20px;
  }
}
.captionBlock04-2::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_right.png) no-repeat right center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04-2::after {
    width: 16px;
    height: 20px;
  }
}

.captionBlock04-3 {
  display: inline-block;
  text-align: center;
  font-size: 1.1em;
  letter-spacing: 0.03em;
  margin-top: 1em;
  font-weight: bold;
  position: relative;
}
.captionBlock04-3::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_left.png) no-repeat left center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: -1.55em;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04-3 {
    width: 16px;
    height: 20px;
  }
}
.captionBlock04-3::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_right.png) no-repeat right center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  right: -1.45em;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock04-3::after {
    width: 16px;
    height: 20px;
  }
}

.captionBlock05 {
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0.04em;
  margin-bottom: 1.7em;
  font-weight: bold;
  color: #8f621f;
  position: relative;
}
.captionBlock05::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown_left.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: 30px;
  top: 70%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05::before {
    left: 15px;
    background-size: 55%;
  }
}
.captionBlock05::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown_right.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  right: 30px;
  top: 70%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05::after {
    right: 15px;
    background-size: 55%;
  }
}
.captionBlock05.mt {
  margin-top: 1em;
}
.captionBlock05.mt02 {
  margin-top: 2em;
}

.captionBlock05-2 {
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0.04em;
  margin-bottom: 1.7em;
  font-weight: bold;
  color: #8f621f;
  position: relative;
}
.captionBlock05-2::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown02_left.png) no-repeat left center;
  width: 32px;
  height: 80px;
  background-size: contain;
  position: absolute;
  left: -10px;
  top: 64%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05-2::before {
    background-size: 50%;
    left: -8px;
  }
}
.captionBlock05-2::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown02_right.png) no-repeat right center;
  width: 32px;
  height: 80px;
  background-size: contain;
  position: absolute;
  right: -10px;
  top: 64%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05-2::after {
    background-size: 50%;
    right: -8px;
  }
}
.captionBlock05-2 .fs01 {
  font-size: 0.85em;
}
.captionBlock05-2 .ml {
  margin-left: -0.35em;
}
.captionBlock05-2 .mr {
  margin-right: -0.35em;
}
.captionBlock05-2.mt02 {
  margin-top: 2em;
}

.captionBlock05-3 {
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0.02em;
  margin-bottom: 1.7em;
  font-weight: bold;
  color: #8f621f;
  position: relative;
}
.captionBlock05-3::before {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown_left.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  left: -10px;
  top: 70%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05-3::before {
    left: -12px;
    top: 60%;
    background-size: 55%;
  }
}
.captionBlock05-3::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_brown_right.png) no-repeat center center;
  width: 32px;
  height: 41px;
  background-size: contain;
  position: absolute;
  right: -10px;
  top: 70%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock05-3::after {
    right: -12px;
    top: 60%;
    background-size: 55%;
  }
}

.captionBlock06 {
  text-align: center;
  font-size: 1.35em;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: bold;
  padding-top: 0.6em;
  padding-bottom: 0.4em;
  margin-bottom: 0.85em;
  background: url(/plus/resources/images/common/pattern02.png) repeat 0 0;
  border-radius: 0.35em;
  position: relative;
}
.captionBlock06 span {
  font-size: 0.85em;
  display: block;
}
.captionBlock06::after {
  content: "";
  background: url(/plus/resources/images/common/balloon_pattern02_bottom.png) no-repeat center top;
  width: 37px;
  height: 11px;
  background-size: contain;
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
}
@media only screen and (max-width: 650px) {
  .captionBlock06::after {
    background-size: 60%;
  }
}
.captionBlock06.mt {
  margin-top: 1em;
}

.captionBlock07 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: bold;
  width: 6.8em;
  height: 6.8em;
  border-radius: 4em;
  color: #fff;
  background: #f04647;
  padding-left: 0.3em;
  position: absolute;
  top: -1.5em;
  right: 2em;
}

.captionBlock08 {
  font-size: 0.9em;
}
.captionBlock08 a {
  text-decoration: underline;
  transition: 0.3s;
}

.captionBlock09 {
  text-align: right;
  font-size: 16px;
  margin: -1em auto 2.2em;
}
@media only screen and (max-width: 650px) {
  .captionBlock09 {
    font-size: 10px;
  }
}
.captionBlock09.center {
  text-align: center;
}

.captionBlock10 {
  font-size: 0.9em;
  margin-top: 1em;
}
.captionBlock10 a {
  text-decoration: underline;
  transition: 0.3s;
}

.redCaption {
  color: #f04647;
  margin-top: 1.23em;
  font-size: 90%;
}
.redCaption + p.ulNoteBlock {
  font-size: 90%;
  line-height: 1.5;
}

.redCaption02 {
  color: #f04647;
  font-size: 90%;
}

.textLink {
  text-decoration: underline;
  transition: 0.3s;
}
.textLink:hover {
  text-decoration: none;
}

.textLink02 {
  text-decoration: underline !important;
  font-weight: bold;
  transition: 0.3s;
}
.textLink02:hover {
  text-decoration: none !important;
}

.fillterBlock {
  position: relative;
  z-index: 5;
}
.fillterBlock:before {
  background: url(/plus/resources/images/common/fillter_b01.png) repeat-x 0 0;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  width: 100%;
  height: 1.375em;
  position: absolute;
  left: 0;
  bottom: -1.3em;
  content: ' ';
}

.linkBlock {
  display: block;
  position: relative;
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
}
.linkBlock:before {
  content: ' ';
  width: 0.625em;
  height: 1.083333333333333em;
  background: url(/plus/resources/images/common/bullet01.png) no-repeat 0 0;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  right: 0.9166666666666667em;
  top: 50%;
  margin-top: -0.5416666666666665em;
  position: absolute;
}

/* PLUS TOP */
@media only screen and (max-width: 860px) {
  .pagePlusTop .wrapBlock {
    max-width: 100%;
  }
}
.plusKeyVisual {
  background: url(/plus/resources/images/top/keyvisual.jpg) no-repeat center 10%;
  background-size: cover;
  height: 678px;
}
.plusKeyVisual .wrapBlock {
  position: relative;
}
.plusKeyVisual .wrapBlock .ttl {
  position: absolute;
  right: 0.8333333333333333em;
  top: 64px;
  width: 428px;
  text-align: center;
}
.plusKeyVisual .wrapBlock .ttl a {
  width: 100%;
  box-sizing: border-box;
  border-radius: 100px;
  margin-top: 20px;
  font-size: 20px;
  color: #f04647;
  text-align: left;
  padding: 10px;
  padding-left: 40px;
  display: inline-block;
  background: white url(/plus/resources/images/common/bullet03.png) 20px center no-repeat;
}
.plusKeyVisual .wrapBlock .ttl a:hover {
  opacity: .8;
}

.plusKeyVisual--optionMaterial {
  background: url(/plus/resources/images/top/keyvisual_material.jpg) no-repeat center 10%;
  height: 370px;
  background-size: cover;
}
.plusKeyVisual--optionMaterial .wrapBlock {
  position: relative;
  max-width: 1000px;
}
.plusKeyVisual--optionMaterial .wrapBlock .ttl {
  position: absolute;
  left: 0;
  top: 40px;
  width: 510px;
  text-align: center;
}
.plusKeyVisual--optionMaterial .wrapBlock .ttl img {
  width: auto;
}
.plusKeyVisual--optionMaterial .wrapBlock .ttl .txtNotice {
  position: absolute;
  right: -47vw;
  bottom: -110px;
  font-size: 16px;
  text-shadow: 0px 0px 5px #fff;
}
.plusKeyVisual--optionMaterial .wrapBlock .ttl .txtSubTtl {
  font-size: 26px;
  margin-top: 10px;
}
.plusKeyVisual--optionMaterial .wrapBlock .ttl .txtTtl {
  font-size: 36px;
  margin-top: 15px;
}

.plusKeyVisual.backNumber {
  background: none;
  height: auto;
  text-align: center;
}
.plusKeyVisual.backNumber img {
  margin: auto;
  display: block;
}

@media only screen and (max-width: 650px) {
  .plusKeyVisual.backNumber img {
    width: 100%;
  }
}
.backNumberArea {
  background: #fffbef;
  padding-bottom: 1.2em;
}
.backNumberArea .spOnly {
  display: none;
}
.backNumberArea .pcOnly {
  display: inline;
}
.backNumberArea .imgBackNumber {
  margin: auto;
  display: block;
}
.backNumberArea .backNumberCatch {
  background-color: #0091db;
  color: #fff;
  padding: 20px 30px;
  position: relative;
  text-align: center;
}
.backNumberArea .backNumberCatch::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -13px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #0091db transparent transparent transparent;
  border-width: 17px 15px 0 15px;
}
.backNumberArea .backNumberCatch.christmas {
  background: #38a42a;
}
.backNumberArea .backNumberCatch.christmas::after {
  border-color: #38a42a transparent transparent transparent;
}
.backNumberArea .backNumberCatch.osarai {
  background: #5ebe25;
}
.backNumberArea .backNumberCatch.osarai::after {
  border-color: #5ebe25 transparent transparent transparent;
}
.backNumberArea .backNumberCatch .txtYell {
  font-size: 20px;
}
.backNumberArea .backNumberCatch .txtYell:before {
  content: "＼";
}
.backNumberArea .backNumberCatch .txtYell:after {
  content: "／";
}
.backNumberArea .backNumberCatch .txtL {
  font-size: 26px;
  display: block;
  padding-top: 7px;
}
.backNumberArea .backNumberCatch .btnBlock {
  height: 3em;
  max-width: 550px;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberCatch .btnBlock {
    height: 3.8em;
  }
}
.backNumberArea .backNumberCatch .btnBlock > span {
  font-size: 0.95em;
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberCatch .btnBlock > span {
    font-size: 1.2em;
  }
}
.backNumberArea .backNumberPlus {
  background-color: #c7e8fa;
  padding: 40px 10px 30px;
  text-align: center;
  font-size: 24px;
}
.backNumberArea .backNumberPlus.christmas {
  background: #d5f2d2;
}
.backNumberArea .backNumberPlus.osarai {
  background: #dff2d2;
}
.backNumberArea .backNumberPlus .mathBlock {
  margin-top: 2em;
}
.backNumberArea .backNumberPlus img {
  padding: 0 20px 0.5em;
}
.backNumberArea .backNumberPlus .marker {
  background: linear-gradient(transparent 65%, #fff100 65%);
}
.backNumberArea .backNumberPlus .bigFont {
  font-size: 24px;
  font-weight: bold;
}
.backNumberArea .backNumberPlus .bigFont01 {
  display: block;
  padding-top: 0.2em;
  font-size: 34px;
  font-weight: bold;
}
.backNumberArea .backNumberPlus .bigFont02 {
  display: block;
  margin-bottom: 0.5em;
  font-size: 28px;
  font-weight: bold;
}
.backNumberArea .backNumberPlus .boldFont {
  font-weight: bold;
}
.backNumberArea .backNumberPlus .smallFont {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 16px;
  display: block;
}

@media only screen and (max-width: 650px) {
  .backNumberArea .spOnly {
    display: block;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .pcOnly {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .imgBackNumber {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberCatch .txtYell {
    font-size: 12px;
    line-height: 2;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberCatch .txtL {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus {
    font-size: 16px;
    padding: 30px 10px 20px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus img {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus .bigFont {
    font-size: 16px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus .bigFont01 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus .bigFont02 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 650px) {
  .backNumberArea .backNumberPlus .smallFont {
    font-size: 10px;
  }
}
@media only screen and (max-width: 860px) {
  .plusKeyVisual {
    height: 30.91666666666667em;
  }
  .plusKeyVisual .wrapBlock {
    padding: 0;
  }
  .plusKeyVisual .wrapBlock .ttl {
    width: 17.83333333333333em;
    top: 2.666666666666667em;
    margin-left: 10px;
  }
  .plusKeyVisual .wrapBlock .ttl a {
    margin-bottom: 1em;
    font-size: 1em;
    background-size: auto 1em;
    background-position: 1em center;
    padding-left: 2em;
  }
  .plusKeyVisual .wrapBlock .ttl a br {
    display: none;
  }

  .plusKeyVisual--optionMaterial {
    background: url(/plus/resources/images/top/keyvisual_material.jpg) no-repeat -220px 10%;
    background-size: cover;
    height: 370px;
  }
  .plusKeyVisual--optionMaterial .wrapBlock .ttl {
    width: 75%;
    margin: 0;
    position: absolute;
  }
  .plusKeyVisual--optionMaterial .wrapBlock .ttl .txtTtl {
    font-size: 34px;
  }
  .plusKeyVisual--optionMaterial .wrapBlock .ttl .txtNotice {
    right: 3vw;
    top: 267px;
  }
}
@media only screen and (max-width: 650px) {
  .plusKeyVisual--optionMaterial {
    background: #fffbef;
    height: auto;
  }
  .plusKeyVisual--optionMaterial .wrapBlock .ttl {
    width: 100%;
    position: static;
    margin: 0;
  }
}
.fixedBtn {
  display: none;
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  padding: 0.7em 1.666666666666667em;
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
}
@media only screen and (max-width: 640px) {
  .fixedBtn {
    padding: 10px 1.666666666666667em;
  }
}
.fixedBtn .btnBlock {
  height: 3em;
  max-width: 550px;
}
@media only screen and (max-width: 640px) {
  .fixedBtn .btnBlock {
    height: 50px;
  }
}
.fixedBtn .btnBlock > span {
  padding-top: 0.15em;
  font-size: 1.05em;
}
@media only screen and (max-width: 640px) {
  .fixedBtn .btnBlock > span {
    font-size: 16px;
  }
  .fixedBtn .btnBlock > span .small {
    font-size: 10px;
  }
}

#fixedBtnPage {
  padding-bottom: 6.5em;
}
#fixedBtnPage .footer__globalFooter .btPagetop {
  bottom: 12em;
}

@media only screen and (max-width: 640px) {
  #fixedBtnPage .footer__globalFooter .btPagetop {
    bottom: 7.5em;
  }
}
.plusTopAbout {
  padding: 2.35em 0 3.8em;
  background: #fffbef;
}
.plusTopAbout.paddingNone {
  padding: 0;
}
.plusTopAbout:before {
  background-image: url(/plus/resources/images/common/fillter_b02.png);
}
.plusTopAbout .bannerArea {
  margin: 1em auto 1.45em;
}
.plusTopAbout .bannerArea.mt0 {
  margin-top: 0;
}
.plusTopAbout .bannerArea.mb0 {
  margin-bottom: 0;
}
.plusTopAbout .bannerArea a {
  display: block;
  overflow: hidden;
  border-radius: 0.4em;
  transition: 0.3s;
}
.plusTopAbout .bannerArea a:hover {
  opacity: 0.7;
}
.plusTopAbout .bannerArea a img {
  width: 100%;
}
.plusTopAbout .bannerText {
  margin-top: 0.6em;
  margin-bottom: 1.45em;
  font-size: 0.8em;
}
.plusTopAbout .wrapBlock {
  max-width: 670px;
}
.plusTopAbout .ttl01 {
  font-size: .6em;
  line-height: 1.5em;
  margin: 1.2em 0 0;
}
.plusTopAbout .notice01 {
  text-align: center;
}
.plusTopAbout .notice01.mt {
  margin-top: 20px;
}
.plusTopAbout .notice01.mb {
  margin-bottom: 30px;
}
.plusTopAbout .boxBlock .ttl01 {
  margin: 0;
  padding: 0 0.5em 1.3em;
  text-align: center;
  letter-spacing: -0.05em;
}
.plusTopAbout .ulNoteBlock {
  padding-left: 0;
  text-indent: 0;
  margin: 1.2em 0 0;
  color: #000;
}
.plusTopAbout .ulNoteBlock a {
  text-decoration: underline;
}
.plusTopAbout .ulNoteBlock a:hover {
  text-decoration: none;
}
.plusTopAbout .btnBlock {
  margin-top: 2.1em;
}

@media only screen and (max-width: 650px) {
  .plusTopAbout .notice01 img {
    width: 100%;
  }
}
@media only screen and (max-width: 650px) {
  .plusTopAbout .notice01.mb {
    margin-bottom: 20px;
  }
}
.boxBlock {
  border: 4px solid #fcf1dd;
  border-radius: 0.25em;
  background: #fff;
  text-align: center;
  margin: 1.45em auto 0;
}
.boxBlock.mt0 {
  margin-top: 0;
}
.boxBlock .ttl {
  background: url(/plus/resources/images/common/pattern04.png) repeat 0 0;
  background-size: 0.3461538461538462em auto;
  color: #8f621f;
  font-size: 1.083333333333333em;
  padding: 0.55em;
}
.boxBlock .ttl .small {
  font-size: 70%;
}
.boxBlock .ttl .small02 {
  display: block;
  font-size: 60%;
  line-height: 1.5;
  margin-top: 0.3em;
}
.boxBlock .inner {
  padding: 1.6em 2em 1.6em;
  color: #f04646;
}
.boxBlock .inner .subTtl {
  font-size: 1.1em;
  color: #222;
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
  padding-bottom: 0.8em;
  padding-left: 0.5em;
  background: url(/plus/resources/images/common/line_wave.png) no-repeat center bottom;
  background-size: contain;
}
.boxBlock .inner .pttl {
  font-size: 1.333333333333333em;
  line-height: 1.1;
  color: #f04647;
  padding: 0 0 0.45em;
  border-bottom: 4px solid #f04647;
  position: relative;
  width: 13.4375em;
  margin: 0 auto;
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .pttl {
    border-bottom-width: 2px;
  }
}
.boxBlock .inner .pttl::before {
  content: "";
  position: absolute;
  left: 50%;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid #f04647;
  bottom: -11px;
  margin-left: -5px;
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .pttl::before {
    bottom: -8px;
    margin-left: -5px;
  }
}
.boxBlock .inner .pttl .small {
  font-size: 70%;
}
.boxBlock .inner .courseTtl {
  color: #222;
  text-align: center;
  margin-top: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.boxBlock .inner .courseTtl.mt0 {
  margin-top: 0;
}
.boxBlock .inner .courseTtl li {
  width: 25%;
}
.boxBlock .inner .courseTtl li + li {
  margin-left: 1em;
}
.boxBlock .inner .courseTtl li.text02 {
  width: auto;
  flex-shrink: 0;
}
.boxBlock .inner .courseTtl .text {
  font-size: 1.2em;
  line-height: 1.3;
  padding-right: 1em;
  flex-shrink: 0;
}
.boxBlock .inner .courseTtl .text02 {
  font-size: 1em;
  line-height: 1.3;
  flex-shrink: 0;
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .courseTtl img {
    max-width: 90%;
  }
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .courseTtl.small {
    width: 25%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .courseTtl.small02 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .boxBlock .inner .courseTtl.small03 {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
.boxBlock .inner hr {
  margin: 1em 0 0;
}
.boxBlock .inner .txt {
  font-size: 0.75em;
  line-height: 1.4em;
  text-align: left;
  margin: 1.15em auto 0;
  width: 25em;
}
.boxBlock .inner .txt.wide {
  width: 29.5em;
}
.boxBlock .inner .txt.mt0 {
  margin-top: 0;
}
.boxBlock .inner .txt01 {
  margin-top: 20px;
}
.boxBlock .inner .txt02 {
  line-height: 1.5em;
  white-space: nowrap;
  margin: 0 auto 1.2em;
}
.boxBlock .inner .txt02 > span {
  display: inline-block;
}
.boxBlock .inner .txt02.mt {
  margin-top: 0.8em;
}
.boxBlock .inner .txt02 .fs01 {
  font-size: 3.5em;
  letter-spacing: -0.02em;
  line-height: 1;
}
.boxBlock .inner .txt02 .fs01-2 {
  font-size: 3em;
  letter-spacing: -0.02em;
  line-height: 1;
}
.boxBlock .inner .txt02 .fs02 {
  font-size: 1.666666666666667em;
}
.boxBlock .inner .txt02 .fs02-2 {
  font-size: 1.4em;
}
.boxBlock .inner .txt02 .fs03 {
  font-size: 1.66666em;
}
.boxBlock .inner .txt02 .fs03.has-symbol {
  font-size: 1.666666em;
  padding-left: 1.2em;
  background: url(/plus/resources/images/top/ic_x.png) no-repeat 0 center;
  -webkit-background-size: 0.7826086956521739em auto;
  background-size: 0.7826086956521739em auto;
  margin-left: 0.3em;
  line-height: 0.9;
}
.boxBlock .inner .txt02 .fs03.small {
  font-size: 1em;
}
.boxBlock .inner .txt02 .fs03.small .small {
  font-size: 100%;
}
.boxBlock .inner .txt02 .fs03 .small {
  font-size: 70%;
}
.boxBlock .inner .txt02 .fs03 .small02 {
  font-size: 0.6em;
}
.boxBlock .inner .txt02 .fs04 {
  font-size: 0.75em;
  text-align: left;
  line-height: 1.4;
  padding-left: 0.2em;
  -webkit-background-size: 0.7826086956521739em auto;
  background-size: 0.7826086956521739em auto;
}
.boxBlock .inner .txt02 .fs05 {
  font-size: 2.3em;
  letter-spacing: -0.02em;
  padding-left: 0.3em;
}
.boxBlock .inner .txt02 .fs06 {
  font-size: 1.666666666666667em;
}
.boxBlock .inner .txt02 .fs07 {
  font-size: 1em;
  margin-bottom: 0.5em;
  vertical-align: text-bottom;
}
.boxBlock .inner .txt03 {
  font-size: 1em;
  text-align: center;
  line-height: 1.3em;
  margin-top: 1em;
}
.boxBlock .inner .txt03 > span {
  background: #fce6de;
  display: inline-block;
  padding: 0 0.4em;
}
.boxBlock .inner .txt04 {
  font-size: 1.1em;
  text-align: center;
  line-height: 1.2em;
  color: #222;
  margin-bottom: 1em;
}
.boxBlock .inner .txt04 .smallFont {
  font-size: 0.6em;
}
.boxBlock .inner .txt04 .smallFont02 {
  font-size: 0.7em;
}
.boxBlock .inner .txt05 {
  font-size: .6em;
  text-align: left;
  margin-top: 0.3em;
  color: #212121;
  padding-left: 1em;
  text-indent: -1em;
}
.boxBlock .inner .txt05.tal {
  text-align: left;
}
.boxBlock .inner .txt05 a {
  text-decoration: underline;
}
.boxBlock .inner .txt05 a:hover {
  text-decoration: none;
}
.boxBlock .inner .txt05.mt {
  margin-top: 1.5em;
}
.boxBlock .inner .char {
  width: 14.58333333333333em;
  margin: 1.65em auto 1.9em;
  position: relative;
  height: 10.625em;
  color: #212121;
}
.boxBlock .inner .char > li {
  width: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
}
.boxBlock .inner .char > li.right {
  right: 0;
  left: auto;
}
.boxBlock .inner .char > li .number01 {
  font-size: 1.166666666666667em;
  line-height: 1.4em;
  padding-bottom: 0.4em;
}
.boxBlock .inner .char > li .progress {
  width: 2.5em;
  background: url(/plus/resources/images/pocket/pattern01.png) repeat 0 0;
  -webkit-background-size: 0.375em auto;
  background-size: 0.375em auto;
  margin: 0 auto;
  position: relative;
}
.boxBlock .inner .char > li .progress.height01 {
  height: 6.083333333333333em;
}
.boxBlock .inner .char > li .progress.height01:before {
  content: ' ';
  position: absolute;
  width: 3.458333333333333em;
  height: 1.125em;
  background: url(/plus/resources/images/pocket/arrow01.png) no-repeat 0 0;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  left: 100%;
  margin-left: 0.68em;
  bottom: 2.45833em;
}
.boxBlock .inner .char > li .progress.height02 {
  height: 3.666666666666667em;
}
.boxBlock .inner .char > li .text {
  font-size: 0.9166666666666667em;
  line-height: 1.4em;
  height: 2.5em;
  padding-top: 0.75em;
  color: #212121;
}
.boxBlock .inner .char > li .text.clor {
  color: #f04647;
}
.boxBlock .inner .image {
  margin-top: 1.5em;
}
.boxBlock .inner .image img {
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 860px) {
  .plusTopAbout .wrapBlock {
    max-width: 100%;
  }
}
.plusTopGird01 {
  padding: 5em 0 4em;
  background: #fcf1dd;
}
.plusTopGird01 .wrapBlock {
  max-width: 1920px;
}
.plusTopGird01 .wrapBlock + .wrapBlock {
  max-width: 680px;
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
}
.plusTopGird01 .wrapBlock.pt0 {
  padding-top: 0;
}
.plusTopGird01 .wrapBlock.pb0 {
  padding-bottom: 0;
}
.plusTopGird01 .captionBlock {
  margin-top: 1.1em;
}
.plusTopGird01 .txt {
  font-size: 1em;
  line-height: 1.4em;
  text-align: center;
  margin: 1.55em 0;
}
.plusTopGird01 .txt > a {
  color: #f04647;
  text-decoration: underline;
}
.plusTopGird01 .txt > a:hover {
  text-decoration: none;
}
.plusTopGird01 .txt > a.scroll {
  display: inline-block;
  background: url(/plus/resources/images/common/arrow02.png) no-repeat right center;
  -webkit-background-size: 1em auto;
  background-size: 1em auto;
  padding-right: 1.2em;
  text-decoration: none;
}
.plusTopGird01 .txt02 {
  text-align: center;
  margin: 1.55em 0 0;
  font-size: 1em;
}
.plusTopGird01 .txt03 {
  text-align: center;
  margin-top: 0.8em;
  font-size: 0.8em;
  line-height: 1.7;
}
.plusTopGird01 .subtxt {
  font-size: 0.9em;
  line-height: 1.2em;
  text-align: center;
  margin: 0 0 3em;
}
.plusTopGird01 .subtxt > a {
  color: #f04647;
}
.plusTopGird01 .ulList {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 0.8em;
  display: flex;
  flex-wrap: wrap;
}
.plusTopGird01 .ulList > li {
  width: 49%;
  margin-left: 2%;
}
.plusTopGird01 .ulList > li:nth-child(1), .plusTopGird01 .ulList > li:nth-child(odd) {
  margin-left: 0;
}
.plusTopGird01 .ulList > li:nth-child(n+3) {
  margin-top: 1.4em;
}
.plusTopGird01 .ulList > li a {
  display: block;
  border-top: 3px solid #ed86b3;
  background: #fff;
  padding: 0 1em 1em;
}
.plusTopGird01 .ulList > li a:hover .btn {
  opacity: 0.7;
}
.plusTopGird01 .ulList > li a p {
  font-size: 1.7em;
  line-height: 1.4375em;
  letter-spacing: 0.04em;
  padding: 1em 0 0;
}
.plusTopGird01 .ulList > li a .btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 1em 0 0;
  height: 7em;
  transition: .3s;
}
.plusTopGird01 .ulList > li a .btn::before {
  width: 6px;
  height: 10px;
  margin-top: -5px;
  right: 5px;
  background-size: contain;
}
@media screen and (min-width: 1070px) {
  .plusTopGird01 .ulList > li a .btn::before {
    width: 15px;
    height: 26px;
    margin-top: -13px;
    right: 0.35em;
  }
}
.plusTopGird01 .ulList > li a .btn .iconArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 5px;
}
@media screen and (min-width: 1070px) {
  .plusTopGird01 .ulList > li a .btn .iconArea {
    margin-left: 10px;
  }
}
.plusTopGird01 .ulList > li a .btn .iconArea .text03 {
  font-size: 0.8em;
  line-height: 1.2;
  flex-shrink: 0;
  margin: 0 auto 2px;
}
@media screen and (min-width: 1070px) {
  .plusTopGird01 .ulList > li a .btn .iconArea .text03 {
    font-size: 13px;
  }
}
.plusTopGird01 .ulList > li a .btn .iconArea .icon {
  background: #fff;
  width: 3em;
  height: 3em;
  position: relative;
  border-radius: 50%;
}
@media screen and (min-width: 1070px) {
  .plusTopGird01 .ulList > li a .btn .iconArea .icon {
    width: 2.6em;
    height: 2.6em;
  }
}
.plusTopGird01 .ulList > li a .btn .iconArea .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 30px;
  height: 19px;
}
.plusTopGird01 .ulList > li a .btn .text {
  font-size: 2em;
  padding-right: 0.8em;
  width: 100%;
  display: flex;
  justify-content: center;
}
.plusTopGird01 .ulList > li a .btn .text02 {
  font-size: 1.5em;
}
.plusTopGird01 .ulList > li.li00 a {
  border-color: #ed86b3;
}
.plusTopGird01 .ulList > li.li00 a .btn {
  background: #ed86b3;
}
.plusTopGird01 .ulList > li.li00 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_1.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .ulList > li.li01 a {
  border-color: #e61953;
}
.plusTopGird01 .ulList > li.li01 a .btn {
  background: #e61953;
}
.plusTopGird01 .ulList > li.li01 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_1.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .ulList > li.li02 a {
  border-color: #fdd000;
}
.plusTopGird01 .ulList > li.li02 a .btn {
  background: #fdb300;
}
.plusTopGird01 .ulList > li.li02 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo02.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .ulList > li.li03 a {
  border-color: #00b0ec;
}
.plusTopGird01 .ulList > li.li03 a .btn {
  background: #00b0ec;
}
.plusTopGird01 .ulList > li.li03 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_2.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .ulList > li.li04 a {
  border-color: #14a83b;
}
.plusTopGird01 .ulList > li.li04 a .btn {
  background: #14a83b;
}
.plusTopGird01 .ulList > li.li04 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_3.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .ulList > li.li05 a {
  border-color: #006ebc;
}
.plusTopGird01 .ulList > li.li05 a .btn {
  background: #006ebc;
}
.plusTopGird01 .ulList > li.li05 a .btn .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_4.png) no-repeat center center;
  background-size: contain;
}
.plusTopGird01 .englishArea {
  max-width: 1000px;
  margin: 3em auto 0;
}
.plusTopGird01 .englishArea .text01 {
  font-size: 1.45em;
  text-align: center;
  margin-bottom: 0.4em;
}
.plusTopGird01 .englishArea .text01 img {
  margin-right: 0.3em;
}
.plusTopGird01 .englishArea .content {
  display: block;
  border-radius: 0.25em;
  overflow: hidden;
  overflow: hidden;
  transition: 0.3s;
}
.plusTopGird01 .englishArea .content:hover {
  opacity: 0.8;
  cursor: pointer;
}
.plusTopGird01 .englishArea .content .pcNone {
  display: none;
}
.plusTopGird01 .mathArea {
  max-width: 1000px;
  margin: 3em auto 0;
}
.plusTopGird01 .mathArea .text01 {
  font-size: 1.45em;
  text-align: center;
  margin-bottom: 0.4em;
}
.plusTopGird01 .mathArea .text01 img {
  margin-right: 0.3em;
}
.plusTopGird01 .mathArea .content {
  display: block;
  border-radius: 0.25em;
  overflow: hidden;
  overflow: hidden;
  transition: 0.3s;
}
.plusTopGird01 .mathArea .content:hover {
  opacity: 0.8;
  cursor: pointer;
}
.plusTopGird01 .mathArea .content .pcNone {
  display: none;
}
.plusTopGird01 .noteBlock {
  max-width: 680px;
  color: #000;
  margin: 2em auto -1em;
}
.plusTopGird01 .noteBlock02 {
  text-align: center;
  color: #000;
  margin: 2em auto -1em;
  color: #926624;
}
.plusTopGird01 .noteBlock02 .red {
  color: #f04647;
}
.plusTopGird01 .noteBlock02 .big {
  font-size: 1.2em;
}

@media screen and (min-width: 1070px) {
  .plusTopGird01 .ulList > li {
    width: calc((100% - 2em) / 3);
    margin-left: 1em;
  }
  .plusTopGird01 .ulList > li:nth-child(odd) {
    margin-left: 1em;
  }
  .plusTopGird01 .ulList > li:nth-child(3n+1) {
    margin-left: 0;
  }
  .plusTopGird01 .ulList > li:nth-child(3) {
    margin-top: 0;
  }
  .plusTopGird01 .ulList > li:nth-child(n+4) {
    margin-top: 2.5em;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a p {
    font-size: 1.333333333333333em;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a .btn {
    height: 6em;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a .btn .icon {
    width: 2.5em;
    height: 2.5em;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a .btn .iconArea .icon::after {
    width: 50px;
    height: 33px;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a .btn .text {
    font-size: 1.45em;
  }
}
@media screen and (min-width: 480px) {
  .plusTopGird01 .ulList > li a .btn .text02 {
    font-size: 1.25em;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 640px) {
  .plusTopGird01 .englishArea .text01 img {
    height: 1.8em;
  }
}
@media only screen and (max-width: 640px) {
  .plusTopGird01 .englishArea .content .pcNone {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .plusTopGird01 .englishArea .content .spNone {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .plusTopGird01 .mathArea .content .pcNone {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .plusTopGird01 .mathArea .content .spNone {
    display: none;
  }
}
@media only screen and (max-width: 860px) {
  .plusTopGird01 .noteBlock02 {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 2em;
  }
  .plusTopGird01 .noteBlock02 .pc {
    display: none;
  }
}
@media only screen and (max-width: 1330px) {
  .plusTopGird01 .ulList {
    font-size: 0.65em;
  }
}
@media only screen and (max-width: 1070px) {
  .plusTopGird01 .ulList > li {
    width: 49%;
  }
}
@media only screen and (max-width: 860px) {
  .plusTopGird01 .wrapBlock {
    max-width: 100%;
  }
  .plusTopGird01 .noteBlock {
    max-width: 100%;
    margin: 2em auto 0;
    padding-bottom: 3em;
  }
}
@media only screen and (max-width: 320px) {
  .plusTopGird01 .ulList > li a .image .inner .year {
    font-size: 14px;
  }
}
.plusTopGird02 {
  background: url(/plus/resources/images/common/pattern02.png) repeat 0 0;
  background-size: 0.75em auto;
  padding: 4em 0 3.25em;
}
.plusTopGird02 .wrapBlock {
  max-width: 670px;
}
@media only screen and (max-width: 860px) {
  .plusTopGird02 .wrapBlock {
    max-width: 100%;
  }
}
.plusTopGird02 .telBlock {
  background: url(/plus/resources/images/top/ic_tell.png) no-repeat center top;
  margin-top: 4em;
  padding-top: 4em;
}
@media only screen and (max-width: 860px) {
  .plusTopGird02 .telBlock {
    background-size: 3.5em auto;
  }
}
.plusTopGird02 .telBlock.alloffer {
  margin-top: 0;
}
.plusTopGird02 .title {
  line-height: 1.857142857142857em;
  font-size: 1.166666666666667em;
  text-align: center;
  padding-top: 1em;
}
.plusTopGird02 .box {
  display: block;
  border-radius: 0.4em;
  background: #fff;
  margin: 0.8em 0 1.2em;
  padding: 1.3em 0.3em 1.15em;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.833333333333333em;
}
@media only screen and (min-width: 860px) {
  .plusTopGird02 .box {
    pointer-events: none;
  }
}
.plusTopGird02 .box .tell {
  font-size: 2.666666666666667em;
  line-height: 1.2em;
  margin-bottom: 0.13em;
}

.plusTopGird03 {
  background: #fcf1dd;
  padding: 2.44em 0 5em;
}
.plusTopGird03:before {
  background-image: url(/plus/resources/images/common/fillter_t02.png);
  top: -1.3em;
  bottom: auto;
}
.plusTopGird03 .wrapBlock {
  max-width: 670px;
}
.plusTopGird03 .desc {
  background: #fffbef;
  border-radius: 0.5em;
  font-size: 0.8333333333333333em;
  line-height: 2em;
  padding: 1.4em 2em;
}
.plusTopGird03 .txt {
  font-size: 1em;
  line-height: 1.75em;
  margin: 2.4em 0 0;
}
.plusTopGird03 .linkBlock {
  margin-top: 1.1em;
}

@media only screen and (max-width: 860px) {
  .plusTopGird03 .wrapBlock {
    max-width: 100%;
  }
}
.plusTopGird {
  padding: 3.7em 0 5em;
  background: #fffbef;
}
.plusTopGird:before {
  background-image: url(/plus/resources/images/common/fillter_t01.png);
  top: -1.3em;
  bottom: auto;
}
.plusTopGird .ttl {
  font-size: 1.166666666666667em;
  line-height: 1.5em;
  text-align: center;
}
.plusTopGird .ulNews {
  margin: 0 auto 3.8em;
  max-width: 670px;
  border-bottom: 1px solid #d9c7ac;
}
.plusTopGird .ulNews > li {
  border-top: 1px solid #d9c7ac;
  line-height: 1.75em;
  letter-spacing: 0.04em;
  font-size: 1em;
}
.plusTopGird .ulNews > li span {
  position: relative;
  color: #926624;
}
.plusTopGird .ulNews > li a {
  display: block;
  padding: 1.3em 3em 1.3em 1em;
  position: relative;
  color: #926624;
}
.plusTopGird .ulNews > li a:before {
  content: ' ';
  width: 0.625em;
  height: 1.083333333333333em;
  background: url(/plus/resources/images/common/bullet01.png) no-repeat 0 0;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  right: 0.875em;
  top: 50%;
  margin-top: -0.5416666666666665em;
  z-index: 5;
  position: absolute;
}
.plusTopGird .ulNews > li a .red {
  color: #f04647;
}
.plusTopGird .ulNews > li a .big {
  font-size: 1.2em;
}
.plusTopGird.bg02 {
  background: #fcf1dd;
}

.ownlyBlock {
  margin: 3.5em auto 0;
  max-width: 1000px;
}

.ownlyBlock02 {
  margin: 0 auto;
  max-width: 1000px;
}

@media only screen and (max-width: 860px) {
  .ownlyBlock02 {
    margin: 0 auto;
    max-width: 100%;
    padding-left: 1.666666666666667em;
    padding-right: 1.666666666666667em;
  }
}
.ownlyBox {
  padding: 2em 0;
  margin-bottom: 3em;
  position: relative;
}
.ownlyBox::before {
  content: "";
  background: url(/plus/resources/images/common/line04.png) repeat-x center center;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .ownlyBox::before {
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.ownlyBox::after {
  content: "";
  background: url(/plus/resources/images/common/line04.png) repeat-x center center;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 640px) {
  .ownlyBox::after {
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.ownlyBox .ownly_ugc_pagination {
  height: auto;
}
.ownlyBox .ownly_ugc_paging {
  margin: 1em auto 0;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  border: 2px solid #c9c9c9;
  border-radius: 0.35em;
}
@media only screen and (max-width: 640px) {
  .ownlyBox .ownly_ugc_paging {
    border-width: 1px;
    font-size: 14px;
  }
}
.ownlyBox .ownly_ugc_paging:hover {
  opacity: 0.7;
}

.topBannerBlock {
  margin: 3em auto 2em;
}
.topBannerBlock.mt0 {
  margin-top: 0;
}
.topBannerBlock .slick-slider {
  margin-left: -0.4em;
}
.topBannerBlock .slick-slider .slick-list {
  padding-left: 0 !important;
  padding-right: 50px !important;
  margin-right: -1.666666666666667em;
}
@media only screen and (max-width: 640px) {
  .topBannerBlock .slick-slider .slick-list {
    padding-right: 30px !important;
  }
}
.topBannerBlock .item {
  margin: 0 0.4em;
}
.topBannerBlock a {
  display: block;
  border-radius: 0.35em;
  overflow: hidden;
  transition: 0.3s;
}
.topBannerBlock a:hover {
  opacity: 0.8;
  cursor: pointer;
}
.topBannerBlock .slick-dots {
  margin-top: 0.7em;
}

.ulBtn {
  margin: 1.7em auto 0;
  max-width: 670px;
}
.ulBtn > li:nth-child(n+2) {
  margin-top: 1.5em;
}
.ulBtn > li a {
  display: block;
  transition: 0.3s;
  border-radius: 0.3em;
}
.ulBtn > li a:hover {
  opacity: 0.8;
}
.ulBtn > li.scienceBanner a {
  width: 560px;
  margin: 0 auto;
  overflow: hidden;
}
.ulBtn > li.mathBanner a {
  overflow: hidden;
  border-radius: 0.4em;
}

@media only screen and (max-width: 640px) {
  .ulBtn > li a {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .ulBtn > li a img {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .ulBtn > li.scienceBanner a {
    width: 100%;
  }
}
/* page pocket */
.plusPocketAbout {
  background: #fffdf2;
}
.plusPocketAbout .mainVisual {
  height: 400px;
  padding-bottom: 1.8em;
  background: url(/plus/resources/images/pocket/main_visual02.jpg) no-repeat center center;
  background-size: cover;
}
.plusPocketAbout .wrapBlock {
  max-width: 670px;
}
.plusPocketAbout .day {
  text-align: center;
  font-size: 1.333333333333333em;
  line-height: 1.4em;
  color: #fff;
  padding: 0.42em;
  background: #fdd000;
}
.plusPocketAbout .day .fs {
  font-size: 0.9375em;
}
.plusPocketAbout .head {
  padding-top: 2em;
  margin: auto;
  padding-left: 10px;
  position: relative;
  max-width: 1000px;
}
.plusPocketAbout .head.pt1 {
  padding-top: 1em;
}
.plusPocketAbout .head .textBox {
  position: absolute;
  left: 10px;
}
.plusPocketAbout .head .textBox p {
  text-align: center;
}
.plusPocketAbout .head .txt {
  font-size: 2.80811232449298vw;
  color: #000;
  text-align: center;
}
.plusPocketAbout .head .logo {
  width: 61.19402985074627%;
  margin: 0 auto;
}
.plusPocketAbout .head .logo.wid {
  width: 200px !important;
}
.plusPocketAbout .head .logo.wid img {
  margin: 0 auto;
}
.plusPocketAbout .head .name {
  font-size: 1.3em;
  line-height: 1.8em;
  color: #fdd000;
  text-align: center;
  margin: 0.5em 0 0;
}
.plusPocketAbout .head .name .pcNone {
  display: none;
}
.plusPocketAbout .head .image {
  margin: 2.3em -1.66667em 3.83333em;
}
.plusPocketAbout .head .logo01 {
  width: 34.32835820895522%;
  margin: 0 auto 0.7em;
}
.plusPocketAbout .wrapGird {
  background: url(/plus/resources/images/common/pattern02.png) repeat 0 0;
  background-size: 0.75em auto;
  padding: 2em 0 1.7em;
  text-align: center;
  margin-top: 0;
}
.plusPocketAbout .wrapGird .lead {
  font-size: 1.1em;
  margin-bottom: 1.5em;
}
.plusPocketAbout .wrapGird .ulAnchor {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1em;
  line-height: 1.583333333333333em;
  margin-bottom: 1.5em;
}
.plusPocketAbout .wrapGird .ulAnchor.center {
  justify-content: center;
}
.plusPocketAbout .wrapGird .ulAnchor.center li + li {
  margin-left: 5%;
}
.plusPocketAbout .wrapGird .ulAnchor.mb0 {
  margin-bottom: 0;
}
.plusPocketAbout .wrapGird .ulAnchor.col > li {
  width: 48%;
}
.plusPocketAbout .wrapGird .ulAnchor.col01 > li {
  width: 31%;
}
.plusPocketAbout .wrapGird .ulAnchor > li {
  width: 24%;
}
.plusPocketAbout .wrapGird .ulAnchor > li a {
  background: #fffdf2;
  display: block;
  width: 100%;
  height: 10.5em;
  margin: -0.3em 0 0;
  padding: 0.5em 0 0.3em;
  border-radius: 6px;
  line-height: 1.3;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: 0.3s;
}
.plusPocketAbout .wrapGird .ulAnchor > li a::after {
  content: "";
  background: url(/plus/resources/images/common/bullet02.png) no-repeat center bottom;
  background-size: 0.9166666666666667em auto;
  width: 22px;
  height: 14px;
  position: absolute;
  bottom: 0.4em;
  left: 50%;
  transform: translateX(-50%);
}
.plusPocketAbout .wrapGird .ulAnchor > li a .icon {
  margin: 15px auto 0;
  height: 116px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .wrapGird .ulAnchor > li a .icon {
    margin: -5px auto 0;
    height: 21vw;
  }
  .plusPocketAbout .wrapGird .ulAnchor > li a .icon img {
    height: 82%;
  }
  .plusPocketAbout .wrapGird .ulAnchor > li a .icon img.book, .plusPocketAbout .wrapGird .ulAnchor > li a .icon img.math {
    height: 69%;
  }
  .plusPocketAbout .wrapGird .ulAnchor > li a .icon img.book02 {
    height: 80%;
  }
}
.plusPocketAbout .wrapGird .ulAnchor02 {
  display: flex;
  justify-content: space-around;
}
.plusPocketAbout .wrapGird .ulAnchor02 li a {
  padding: 0 1.1em 0 2.2em;
  position: relative;
  transition: 0.3s;
}
.plusPocketAbout .wrapGird .ulAnchor02 li a:hover {
  opacity: 0.8;
}
.plusPocketAbout .wrapGird .ulAnchor02 li a::before {
  content: "";
  background: url(/plus/resources/images/common/icon_wallet.svg);
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
  position: absolute;
  left: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.plusPocketAbout .wrapGird .ulAnchor02 li a::after {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 2px;
  transform: rotate(45deg) translateY(-50%);
  border-right: 4px solid #212121;
  border-bottom: 4px solid #212121;
  position: absolute;
  right: 7px;
  top: 39%;
}
.plusPocketAbout .wrapGird .ulAnchor02 li:nth-child(2) a::before {
  background: url(/plus/resources/images/common/icon__balloon.svg);
  width: 1.6em;
  height: 1.6em;
}
.plusPocketAbout .wrapGird .btnBlock {
  margin-top: 2em;
}

@media only screen and (max-width: 640px) {
  .plusPocketAbout .mainVisual {
    height: auto;
    background: url(/plus/resources/images/pocket/main_visual02_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .textBox {
    position: static;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .textBox p {
    text-align: left;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .logo {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .name {
    text-align: left;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .name .pcNone {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head .name .spNone {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .wrapGird .ulAnchor02 li a {
    padding-right: 1.5em;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .wrapGird .ulAnchor02 li a::after {
    border-width: 2px;
    width: 0.7em;
    height: 0.7em;
    top: 36%;
  }
}
@media only screen and (max-width: 640px) {
  .plusPocketAbout .head {
    padding-left: 0;
  }
  .plusPocketAbout .head .txt {
    font-size: 18px;
  }
  .plusPocketAbout .head .logo.wid {
    width: 90px !important;
    padding-left: 10px;
  }
}
.pagePlusPocket .plusTopAbout {
  padding: 2.625em 0 4em;
}
.pagePlusPocket .plusTopAbout .noteBlock {
  margin-top: 1.1em;
}

.plusPocketGird01 {
  padding: 1.833333333333333em 0 5.3em;
  background: #fcf1dd;
}
.plusPocketGird01 .wrapBlock {
  max-width: 670px;
}
.plusPocketGird01:before {
  background-image: url(/plus/resources/images/common/fillter_t02.png);
  top: -1.3em;
  bottom: auto;
}
.plusPocketGird01 .boxPocket {
  background: #fffbef;
  border-radius: 0.4em;
  padding: 2.2em 1.666666666666667em 2.5em;
  position: relative;
  margin-top: 1em;
}
.plusPocketGird01 .boxPocket.addTag {
  padding-top: 4.5em;
  margin-top: 2em;
}
.plusPocketGird01 .boxPocket .head {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
}
.plusPocketGird01 .boxPocket .head .tag {
  background: #f04647;
  border-radius: 0 0 0.3em 0.3em;
  color: #fff;
  display: inline-block;
  font-size: 1.08333em;
  line-height: 1.2em;
  padding: 0.5em 0.6em;
  text-align: center;
}
.plusPocketGird01 .boxPocket .iconNew {
  position: absolute;
  left: 1.666666666666667em;
  top: 0;
  width: 3.33333em;
}
.plusPocketGird01 .boxPocket .ttlBlock {
  margin-bottom: 1.3em;
}
.plusPocketGird01 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line02.png);
}
.plusPocketGird01 .boxPocket .annotation {
  text-align: center;
  margin-top: -1em;
  margin-bottom: 1.3em;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .plusPocketGird01 .boxPocket .annotation {
    font-size: 10px;
  }
}
.plusPocketGird01 .boxPocket .linkWrap {
  margin-top: 1em;
  margin-bottom: 1.3em;
  text-align: center;
}
.plusPocketGird01 .boxPocket a.link {
  font-size: 1em;
  color: #f04647;
  text-align: left;
  padding-left: 2em;
  display: inline-block;
  background: url(/plus/resources/images/common/ico_movie.png) left center no-repeat;
  background-size: auto 1.5em;
  cursor: pointer;
}
.plusPocketGird01 .boxPocket a.link:hover {
  opacity: .8;
}
.plusPocketGird01 .boxPocket .pttl01 {
  color: #8f621f;
  line-height: 1.4em;
  font-size: 1.4em;
  text-align: center;
  margin: -0.5em 0 1.2em;
}
.plusPocketGird01 .boxPocket .title {
  margin: 1.230769230769231em 0 1.2em;
  background: #fdd000;
}
.plusPocketGird01 .boxPocket .title > span {
  display: block;
  background: url(/plus/resources/images/pocket/title_bottom_l.png) no-repeat 0 bottom, url(/plus/resources/images/pocket/title_bottom_r.png) no-repeat right bottom, url(/plus/resources/images/pocket/title_top_l.png) no-repeat 0 0, url(/plus/resources/images/pocket/title_top_r.png) no-repeat right 0;
  background-size: 17px auto;
  color: #006ebc;
  font-size: 1.283333333333333em;
  line-height: 1.4em;
  text-align: center;
  padding: 0.7em 0.5em;
  letter-spacing: 0;
}
.plusPocketGird01 .boxPocket .title .fs01 {
  font-size: 0.9em;
  letter-spacing: -0.02em;
}
.plusPocketGird01 .boxPocket .title--LS_S span {
  letter-spacing: -0.05em;
}
.plusPocketGird01 .boxPocket .image img {
  border-radius: 0.4em;
}
.plusPocketGird01 .boxPocket .image02 {
  margin: .8em 0 1.5em;
}
.plusPocketGird01 .boxPocket .image04 {
  margin-top: 1em;
}
.plusPocketGird01 .boxPocket .ttlBl {
  background: url(/plus/resources/images/pocket/icon01.png) no-repeat center 0;
  -webkit-background-size: 1.807692307692308em auto;
  background-size: 1.807692307692308em auto;
  padding: 2.3em 0 0;
  font-size: 1.083333333333333em;
  line-height: 1.4em;
  text-align: center;
  color: #fdd000;
  margin: 2em 0 1.2em;
}
.plusPocketGird01 .boxPocket .ulRound {
  text-align: center;
  margin: 1em -1.4em 0;
}
.plusPocketGird01 .boxPocket .ulRound > li {
  margin: 0 0.2em;
  display: inline-block;
}
.plusPocketGird01 .boxPocket .ulRound > li > span {
  display: table;
  color: #006ebc;
  line-height: 1.333333333333333em;
  font-size: 1em;
  width: 7.708333333333333em;
  height: 7.708333333333333em;
  display: table;
  background: #fdd000;
  border-radius: 50%;
}
.plusPocketGird01 .boxPocket .ulRound > li > span > span {
  vertical-align: middle;
  display: table-cell;
  letter-spacing: 0;
}
.plusPocketGird01 .boxPocket .ulRound.hop > li > span {
  background: #00b0ec;
}
.plusPocketGird01 .boxPocket .bannerBox {
  margin: 2em auto 0;
}
.plusPocketGird01 .boxPocket .bannerBox a {
  display: block;
  border-radius: 0.3em;
  overflow: hidden;
  transition: 0.3s;
}
.plusPocketGird01 .boxPocket .bannerBox a:hover {
  opacity: 0.8;
}
.plusPocketGird01 .boxPocket .bannerBox a img {
  width: 100%;
}
.plusPocketGird01 .boxPocket .txt01 {
  font-size: 1.333333333333333em;
  line-height: 1.4em;
  text-align: center;
  color: #8f621f;
  margin: -0.5em 0 1.5em;
}
.plusPocketGird01 .boxPocket .txt02 {
  font-size: 1.333333333333333em;
  line-height: 1.4em;
  text-align: center;
  color: #f04647;
  margin: 0 0 0.5em;
}
.plusPocketGird01 .boxPocket .boxBlock .txt01 {
  font-size: 1em;
  color: #f04647;
  margin: 1em 0 0;
}
.plusPocketGird01 .boxPocket .wrapAccordion {
  margin-top: 2.2em;
  position: relative;
  overflow: hidden;
}
.plusPocketGird01 .boxPocket .wrapSection {
  margin-top: 5em;
}
.plusPocketGird01 .boxPocket .wrapSection .sectionTitle {
  color: #f04647;
  text-align: center;
  font-size: 1.2em;
}
.plusPocketGird01 .boxPocket .sampleLink {
  margin: 0 2.5em 2em;
}
.plusPocketGird01 .boxPocket .sampleLink a {
  position: relative;
  transition: 0.2s;
}
.plusPocketGird01 .boxPocket .sampleLink a > span {
  padding-left: 1.3em;
}
.plusPocketGird01 .boxPocket .sampleLink a > span::before {
  content: "";
  position: absolute;
  width: 47px;
  height: 39px;
  background: url(/plus/resources/images/common/icon_book.png) center left no-repeat;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
}
.plusPocketGird01 .boxPocket .sampleLink a > span .mini {
  font-size: 0.7em;
}
.plusPocketGird01 .boxPocket .sampleLink.step {
  text-align: center;
}
.plusPocketGird01 .boxPocket .sampleLink.step p {
  color: #14a83b;
  position: relative;
  text-align: center;
  font-size: 1.35em;
  margin-bottom: 0.3em;
  display: inline-block;
}
.plusPocketGird01 .boxPocket .sampleLink.step p::before {
  content: "";
  position: absolute;
  left: -1.65em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/step/sample/icon_balloon_step_l.png) no-repeat left center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink.step p::after {
  content: "";
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/step/sample/icon_balloon_step_r.png) no-repeat right center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink.step .btnBlock {
  background: #14a83b;
  padding: 1em 0 1em 3em;
}
.plusPocketGird01 .boxPocket .sampleLink.step .btnBlock > span {
  padding-left: 0;
}
.plusPocketGird01 .boxPocket .sampleLink.step .btnBlock > span::before {
  content: "";
  position: absolute;
  width: 82px;
  height: 97px;
  background: url(/plus/resources/images/jump/sample/icon_jumpLinkShimajiro.png) center left no-repeat;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}
.plusPocketGird01 .boxPocket .sampleLink.step .btnBlock .mini {
  font-size: 0.8em;
}
.plusPocketGird01 .boxPocket .sampleLink.jump {
  text-align: center;
}
.plusPocketGird01 .boxPocket .sampleLink.jump p {
  color: #006ebc;
  position: relative;
  text-align: center;
  font-size: 1.35em;
  margin-bottom: 0.3em;
  display: inline-block;
}
.plusPocketGird01 .boxPocket .sampleLink.jump p::before {
  content: "";
  position: absolute;
  left: -1.65em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_l.png) no-repeat left center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink.jump p::after {
  content: "";
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_r.png) no-repeat right center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink.jump .btnBlock {
  background: #006ebc;
  padding: 1em 0 1em 3em;
}
.plusPocketGird01 .boxPocket .sampleLink.jump .btnBlock > span {
  padding-left: 0;
}
.plusPocketGird01 .boxPocket .sampleLink.jump .btnBlock > span::before {
  content: "";
  position: absolute;
  width: 82px;
  height: 97px;
  background: url(/plus/resources/images/jump/sample/icon_jumpLinkShimajiro.png) center left no-repeat;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}
.plusPocketGird01 .boxPocket .sampleLink.jump .btnBlock .mini {
  font-size: 0.8em;
}
.plusPocketGird01 .boxPocket .sampleLink02 {
  margin: 0 2.5em 2em;
  text-align: center;
}
.plusPocketGird01 .boxPocket .sampleLink02 a img {
  border-radius: 0.4em;
}
.plusPocketGird01 .boxPocket .sampleLink02 a::before {
  top: 16%;
}
.plusPocketGird01 .boxPocket .sampleLink02 p {
  position: relative;
  text-align: center;
  font-size: 1.15em;
  margin-bottom: 0.3em;
  display: inline-block;
}
.plusPocketGird01 .boxPocket .sampleLink02.step p {
  color: #14a83b;
}
.plusPocketGird01 .boxPocket .sampleLink02.step p::before {
  content: "";
  position: absolute;
  left: -1.65em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/step/sample/icon_balloon_step_l.png) no-repeat left center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink02.step p::after {
  content: "";
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/step/sample/icon_balloon_step_r.png) no-repeat right center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink02.step .btnBlock {
  background: #14a83b;
}
.plusPocketGird01 .boxPocket .sampleLink02.jump p {
  color: #006ebc;
}
.plusPocketGird01 .boxPocket .sampleLink02.jump p::before {
  content: "";
  position: absolute;
  left: -1.65em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_l.png) no-repeat left center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink02.jump p::after {
  content: "";
  position: absolute;
  right: -1.5em;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_jump_r.png) no-repeat right center;
  background-size: 1.3em;
  width: 41px;
  height: 45px;
}
.plusPocketGird01 .boxPocket .sampleLink02.jump .btnBlock {
  background: #006ebc;
}
.plusPocketGird01 .boxPocket .sampleLink03 {
  margin: 0 2.5em 2em;
}
.plusPocketGird01 .boxPocket .sampleLink03 a {
  position: relative;
  transition: 0.2s;
}
.plusPocketGird01 .boxPocket .sampleLink03 a > span .mini {
  font-size: 0.6em;
}
.plusPocketGird01 .boxPocket .sampleLink03 .text {
  margin-top: 0.8em;
  font-size: 16px;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
@media only screen and (max-width: 640px) {
  .plusPocketGird01 .boxPocket .sampleLink03 .text {
    font-size: 10px;
  }
}
.plusPocketGird01 .boxPocket .sampleLink03.step {
  text-align: center;
}
.plusPocketGird01 .boxPocket .sampleLink03.step .btnBlock {
  background: #14a83b;
  padding: 1em 0;
}
.plusPocketGird01 .boxPocket .sampleLink03.step .btnBlock .mini {
  font-size: 0.8em;
}
.plusPocketGird01 .boxPocket .sampleLink03.jump {
  text-align: center;
}
.plusPocketGird01 .boxPocket .sampleLink03.jump .btnBlock {
  background: #006ebc;
  padding: 1em 0;
}
.plusPocketGird01 .boxPocket .sampleLink03.jump .btnBlock .mini {
  font-size: 0.8em;
}

@media only screen and (max-width: 640px) {
  .plusPocketGird01 .boxPocket .title > span {
    background-size: 0.6538461538461538em auto;
  }
}
@media only screen and (max-width: 750px) {
  .plusPocketGird01 .boxPocket .sampleLink a > span::before {
    background-size: 44%;
  }
}
@media only screen and (max-width: 650px) {
  .plusPocketGird01 .boxPocket .sampleLink.step .btnBlock > span::before {
    width: 40px;
    height: 47px;
  }
}
@media only screen and (max-width: 650px) {
  .plusPocketGird01 .boxPocket .sampleLink.jump .btnBlock > span::before {
    width: 40px;
    height: 47px;
  }
}
.wrapperPlusContent .wTriger {
  font-size: 1.166666666666667em;
  line-height: 1.2em;
  text-align: center;
}
.wrapperPlusContent .wTriger > span {
  color: #f04647;
  background: url(/plus/resources/images/common/expand_off.png) no-repeat right center;
  -webkit-background-size: 1em auto;
  background-size: 1em auto;
  padding-right: 1.4em;
  cursor: pointer;
}
.wrapperPlusContent .wTriger > span > span.close {
  display: none;
}
.wrapperPlusContent .wTriger > span.active {
  background-image: url(/plus/resources/images/common/expand_on.png);
}
.wrapperPlusContent .wTriger > span.active > span.open {
  display: none;
}
.wrapperPlusContent .wTriger > span.active > span.close {
  display: inline-block;
}

.wrapAccordion .contentAccordion {
  padding-bottom: 3.5em;
}
.wrapAccordion .aTitle {
  font-size: 1.666666666666667em;
  line-height: 1.4em;
  background: url(/plus/resources/images/pocket/icon02.png) no-repeat center 0;
  -webkit-background-size: 1.9em auto;
  background-size: 1.9em auto;
  padding: 2.85em 0 0;
  color: #8f621f;
  text-align: center;
  margin: 2em 0 0;
}
.wrapAccordion .cardList {
  margin: 2.9em 0 0;
}
.wrapAccordion .cardList .item .inner {
  background: #fff;
  text-align: center;
  margin-top: 2em;
  padding: 0 1.666666666666667em 2.583333333333333em;
  position: relative;
  z-index: 2;
}
.wrapAccordion .cardList .item .inner::after {
  content: '';
  background: url(/plus/resources/images/pocket/fillter_bottom_l.png) no-repeat 0 bottom, url(/plus/resources/images/pocket/fillter_bottom_r.png) no-repeat right bottom, url(/plus/resources/images/pocket/fillter_top_l.png) no-repeat 0 0, url(/plus/resources/images/pocket/fillter_top_r.png) no-repeat right 0;
  -webkit-background-size: 0.7083333333333333em auto;
  background-size: 0.7083333333333333em auto;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: -1;
}
.wrapAccordion .cardList .item .inner .number {
  width: 4.583333333333333em;
  height: 5.166666666666667em;
  margin: 0 auto;
  background: url(/plus/resources/images/pocket/bg_number.png) no-repeat 0 0;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #006ebc;
  padding: 0.8em 0 0;
}
.wrapAccordion .cardList .item .inner .number > span {
  display: block;
  line-height: 1em;
}
.wrapAccordion .cardList .item .inner .number > span.fs01 {
  font-size: 0.8333333333333333em;
}
.wrapAccordion .cardList .item .inner .number > span.fs02 {
  font-size: 2.333333333333333em;
  margin-top: 0.05em;
}
.wrapAccordion .cardList .item .inner .caption {
  font-size: 1.083333333333333em;
  line-height: 1.846153846153846em;
  margin-top: 1.4em;
}
.wrapAccordion .cardList .item .inner .image01 {
  margin: 1.5em auto 0;
  width: 85%;
}
.wrapAccordion .cardList .item .inner .image01 img {
  width: 100%;
}
.wrapAccordion .cardList .item .inner .image04 {
  margin: 1.5em auto 0;
  width: 65%;
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .cardList .item .inner .image04 {
    width: 90%;
  }
}
.wrapAccordion .cardList .item .inner .image04 img {
  width: 100%;
}
.wrapAccordion .cardList.hop .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_2.png);
  color: #ffff00;
}
.wrapAccordion .ulNews {
  margin: 2.8em auto 0;
  max-width: 670px;
  border-bottom: 1px solid #d9c7ac;
}
.wrapAccordion .ulNews > li {
  border-top: 1px solid #d9c7ac;
  line-height: 1.75em;
  letter-spacing: 0.04em;
  font-size: 1em;
}
.wrapAccordion .ulNews > li span {
  display: block;
  padding: 1.3em 1em 1.3em 1em;
  position: relative;
  color: #926624;
}
.wrapAccordion .ulNews > li a {
  display: block;
  padding: 1.3em 4.875em 1.3em 1em;
  position: relative;
  color: #926624;
}
.wrapAccordion .ulNews > li a:before {
  content: ' ';
  width: 0.625em;
  height: 1.083333333333333em;
  background: url(/plus/resources/images/common/bullet01.png) no-repeat 0 0;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  right: 0.875em;
  top: 50%;
  margin-top: -0.5416666666666665em;
  z-index: 5;
  position: absolute;
}

.wrapAccordion02 {
  margin: -1.3em auto 2.6em;
}
.wrapAccordion02 .wTriger {
  font-size: 1.02em;
  line-height: 1.4em;
}
.wrapAccordion02 .accordion {
  padding-top: 0.65em;
  font-size: 0.8333333333333333em;
  line-height: 2em;
}

.wrapAccordion03 {
  margin-top: 1.5em;
}

.boxPocket#anchor01 .wrapAccordion .aSlider .item .inner .image02 {
  margin: 1.5em 0.333333em 0;
}

.wrapAccordion .item .inner .image02 {
  margin: 1.5em -1.666666666666667em 0;
  position: relative;
  z-index: 2;
}
.wrapAccordion .item .inner .image02 img {
  width: 100%;
}
.wrapAccordion .item .inner .image03 {
  margin: 1.5em 0 0;
}
.wrapAccordion .item .inner .image03 img {
  width: auto !important;
  margin: 0 auto;
}
.wrapAccordion .item .inner .text {
  font-size: 1em;
  line-height: 1.5em;
  text-align: left;
  margin: 1em 0 0;
}
.wrapAccordion .item .inner .ulImg {
  margin: 1.5em -0.5208333333333333em 0;
}
.wrapAccordion .item .inner .ulImg img {
  width: 100%;
  border-radius: 0.4em;
}
.wrapAccordion .item .inner .ulImg > li {
  width: 50%;
  padding: 0 0.5208333333333333em;
  float: left;
}
.wrapAccordion .item .inner .title {
  margin: 1.230769230769231em 0 1.2em;
  background: #006ebc;
}
.wrapAccordion .item .inner .title.bgclor01 {
  background: #e61953;
}
.wrapAccordion .item .inner .title.bgclor02 {
  background: #14a83b;
}
.wrapAccordion .item .inner .title.bgclor03 {
  background: #00b0ec;
}
.wrapAccordion .item .inner .title.bgclor03 span {
  color: #ffff00;
}
.wrapAccordion .item .inner .title.bgclor04 {
  background: #fdd000;
}
.wrapAccordion .item .inner .title.bgclor04 > span {
  color: #006ebc;
}
.wrapAccordion .item .inner .title > span {
  display: block;
  background: url(/plus/resources/images/jump/title_bottom_l.png) no-repeat 0 bottom, url(/plus/resources/images/jump/title_bottom_r.png) no-repeat right bottom, url(/plus/resources/images/jump/title_top_l.png) no-repeat 0 0, url(/plus/resources/images/jump/title_top_r.png) no-repeat right 0;
  background-size: 17px auto;
  color: #fff;
  font-size: 1.083333333333333em;
  letter-spacing: -0.02em;
  line-height: 1.4em;
  text-align: center;
  padding: 0.7em 0.3em;
}
.wrapAccordion .item .inner .title > span .fs01 {
  font-size: 0.9em;
  letter-spacing: -0.075em;
}
.wrapAccordion .item .inner .title > span .fs02 {
  display: block;
  font-size: 1.24em;
  line-height: 1.2;
  margin-top: 0.03em;
}
.wrapAccordion .item .inner .descBlock {
  text-align: left;
}
.wrapAccordion .item .inner .descBlock .small {
  font-size: 0.8333333333333333em;
}
.wrapAccordion .item .inner .captionBlock {
  text-align: left;
  font-size: .8em;
  margin-top: 1em;
}
.wrapAccordion .ulNoteBlock {
  color: #212121;
  margin: 2.5em 0 0;
  letter-spacing: 0;
}
.wrapAccordion .aExperiences {
  margin: 2.65em 0 0;
  border-radius: 0.4em;
  background: #fff;
  padding: 2em 1.666666666666667em;
}
.wrapAccordion .aExperiences .ttl04 {
  background: url(/plus/resources/images/pocket/icon03.png) no-repeat center 0;
  -webkit-background-size: 2.75em auto;
  background-size: 2.75em auto;
  padding-top: 2.4em;
  font-size: 1.333333333333333em;
  line-height: 1.4em;
  text-align: center;
  margin-bottom: 0.85em;
  color: #fdd000;
}
.wrapAccordion .aTeaching {
  margin: 3.1em -1em 0;
}
.wrapAccordion .aTeaching.aTeaching02 {
  margin: 3.1em auto 0;
}
.wrapAccordion .aTeaching .ttl02 {
  background: url(/plus/resources/images/pocket/icon04.png) no-repeat center 0;
  background-size: 2.2em auto;
  padding-top: 2em;
  font-size: 1.666666666666667em;
  line-height: 1.4em;
  text-align: center;
  color: #8f621f;
}
.wrapAccordion .aTeaching .redCaption {
  padding: 0 1.5em;
}
.wrapAccordion .aTeaching .descBlock {
  margin: 2em auto -0.5em;
}
.wrapAccordion .aTeaching .descBlock li {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  text-indent: -1em;
  padding-left: 1em;
}
.wrapAccordion .aTeaching .descBlock .fs01 {
  font-size: 0.8333333333333333em;
  line-height: 2em;
}
.wrapAccordion .aTeaching .descBlock .fs02 {
  font-size: 1.2em;
}
.wrapAccordion .aTeaching .accordion .ulCol {
  margin-top: 0;
}
.wrapAccordion .aTeaching .slick-slide:focus {
  outline: none;
}
.wrapAccordion .aTeaching .aSlider .slick-list {
  margin: 2.6em 0 0;
}
.wrapAccordion .aTeaching .aSlider .slide-arrow {
  width: 1.8em;
  position: absolute;
  z-index: 2;
  top: calc(50% - 5em);
}
.wrapAccordion .aTeaching .aSlider .slide-arrow.prev-arrow {
  left: 1.3em;
}
.wrapAccordion .aTeaching .aSlider .slide-arrow.next-arrow {
  right: 1.3em;
}
.wrapAccordion .aTeaching .ulCol {
  margin-top: 0;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 1.5em 3em;
  border-radius: 0.4em;
}
.wrapAccordion .aTeaching .ulCol img {
  width: 100%;
  border-radius: 0 0 0.4em 0.4em;
}
.wrapAccordion .aTeaching .ulCol.none img {
  border-radius: 0;
}
.wrapAccordion .aTeaching .ulCol > li {
  width: 46%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.wrapAccordion .aTeaching .ulCol > li .ttl01 {
  font-size: 1.083333333333333em;
  line-height: 1.4em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl {
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: 0;
  color: #8f621f;
  padding: 0.7em 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs01 {
  font-size: 0.9em;
  letter-spacing: -0.05em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs02 {
  font-size: 0.68em;
  letter-spacing: -0.075em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs03 {
  font-size: 0.6em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs04 {
  font-size: 0.85em;
  letter-spacing: -0.05em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs05 {
  font-size: 0.75em;
  letter-spacing: -0.05em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs06 {
  font-size: 0.9em;
  letter-spacing: -0.03em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs07 {
  font-size: 0.9em;
  letter-spacing: -0.03em;
  padding: 0 0.5em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs08 {
  padding: 0 0.5em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs09 {
  font-size: 0.9em;
  letter-spacing: -0.05em;
  padding: 0 1em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .fs10 {
  padding: 0 0.8em;
}
.wrapAccordion .aTeaching .ulCol > li .item .pttl .newline {
  display: block;
  width: 100%;
}
.wrapAccordion .aTeaching .ulCol > li .item .text {
  font-size: .1em;
  transform: scale(0.8);
  margin-top: -4px;
}
.wrapAccordion .aTeaching .aSlider.border .ulCol img {
  border: 1px solid #aaa;
}
.wrapAccordion .aTeaching .curriculumList {
  display: flex;
  justify-content: space-between;
  margin: 2em auto 0;
  width: 98%;
}
.wrapAccordion .aTeaching .curriculumList table {
  width: calc(50% - 0.2em);
  border: 2px solid #8f621f;
}
.wrapAccordion .aTeaching .curriculumList table tr:not(:first-child) th {
  border-top: 2px solid #fffbef;
}
.wrapAccordion .aTeaching .curriculumList table tr th {
  padding: .5em .5em;
  width: 47%;
  background: #8f621f;
  color: #fff;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  border-left: 2px solid #8f621f;
  text-align: center;
}
.wrapAccordion .aTeaching .curriculumList table tr td {
  padding: .5em;
  border: 2px solid #8f621f;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  text-align: center;
}
.wrapAccordion .aTeaching .englishCurriculumList {
  margin: 2em auto 0;
}
.wrapAccordion .aTeaching .englishCurriculumList dl {
  border: 2px solid #8f621f;
}
.wrapAccordion .aTeaching .englishCurriculumList dl + dl {
  margin-top: .3em;
}
.wrapAccordion .aTeaching .englishCurriculumList dl dt {
  padding: .2em 1em;
  background: #8f621f;
  color: #fff;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  border-bottom: 2px solid #8f621f;
}
.wrapAccordion .aTeaching .englishCurriculumList dl dd {
  padding: .2em 1em;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 0.9em;
}
.wrapAccordion .boxBlock {
  margin-bottom: 2em;
}
.wrapAccordion .wrapBtn {
  text-align: center;
  margin-top: 2.708333333333333em;
}
.wrapAccordion .wrapBtn .likBlock {
  color: #f04647;
}
.wrapAccordion .btn {
  border: none;
  height: 3.525em;
  display: block;
  width: 100%;
  max-width: 670px;
  position: relative;
  background: #fce6de;
  border-radius: 0.35em;
  margin: 1.666666666666667em auto 2.2em;
  text-align: center;
}
.wrapAccordion .btn:before {
  content: '';
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1.25em;
  top: 50%;
  margin-top: -0.5em;
  background: url(/plus/resources/images/common/ic_z.png) no-repeat 0 0;
  background-size: 100% 100%;
}
.wrapAccordion .btn:hover {
  text-decoration: none;
}
.wrapAccordion .btn > span {
  color: #f04647;
  display: inline-block;
  padding: 1em 0 1em;
  font-size: 1em;
}
.wrapAccordion .btnNotion {
  margin-top: 1em;
  font-size: 0.8333333333333333em;
}
.wrapAccordion .btnNotion a {
  text-decoration: underline;
  transition: 0.3s;
}
.wrapAccordion .btnNotion a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 640px) {
  .wrapAccordion .item .inner .title > span {
    background-size: 0.6538461538461538em auto;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .curriculumList table {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .curriculumList table tr:not(:first-child) th {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .curriculumList table tr th {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .curriculumList table tr td {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .englishCurriculumList dl {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .englishCurriculumList dl dt {
    border-width: 1px;
  }
}
@media only screen and (max-width: 640px) {
  .wrapAccordion .aTeaching .englishCurriculumList dl dd {
    border-width: 1px;
  }
}
.pagePcket01 {
  position: relative;
}
.pagePcket01 .plusPocketAbout .mainVisual {
  background: url(/plus/resources/images/petit/main_visual01.jpg) no-repeat center center;
  background-size: cover;
}
.pagePcket01 .plusPocketAbout .day {
  background: #e61953;
}
.pagePcket01 .plusPocketAbout .head .name {
  color: #e61953;
}
.pagePcket01 .plusPocketAbout .head .logo01 {
  width: 37.31343%;
}
.pagePcket01 .plusPocketAbout .ulAnchor > li a {
  background: #fef3f6;
}
.pagePcket01 .plusPocketGird01 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line03.png);
}
.pagePcket01 .plusPocketGird01 .boxPocket .title {
  background: #e61953;
}
.pagePcket01 .plusPocketGird01 .boxPocket .title > span {
  color: #fff;
}
.pagePcket01 .plusPocketGird01 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_1.png);
  color: #e61953;
}
.pagePcket01 .plusPocketGird01 .boxPocket .ulRound > li > span {
  color: #fff;
  background: #e61953;
}
.pagePcket01 .plusPocketGird01 .boxPocket .ulRound.pocket > li > span {
  background: #fdd000;
}
.pagePcket01 .wrapAccordion .cardList .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_1.png);
  color: #ffff00;
}
.pagePcket01 .wrapAccordion .cardList.pocket .item .inner .number {
  background: url(/plus/resources/images/pocket/bg_number.png) no-repeat 0 0;
  color: #006ebc;
}
.pagePcket01 .wrapAccordion .aExperiences .ttl04 {
  background-image: url(/plus/resources/images/pocket/icon03_1.png);
  color: #e61953;
}
.pagePcket01 .wrapAccordion .aTeaching .ulCol img {
  border-radius: 0.4em;
}
.pagePcket01 .wrapAccordion .aTeaching .ulCol.none img {
  border-radius: 0;
}
.pagePcket01 .pagePcket05 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line02.png);
}
.pagePcket01 .pagePcket05 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01.png);
  color: #fdd000;
}
.pagePcket01 .pagePcket05 .boxPocket .title {
  background: #fdd000;
}
.pagePcket01 .pagePcket05 .boxPocket .title span {
  color: #006ebc;
}
.pagePcket01 .pagePcket05 .boxPocket .ulRound > li > span {
  background: #fdd000;
}
.pagePcket01 .pagePcket05 .wrapAccordion .cardList .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number.png);
  color: #006ebc;
}

@media only screen and (max-width: 640px) {
  .pagePcket01 .plusPocketAbout .mainVisual {
    background: url(/plus/resources/images/petit/main_visual01_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.pagePcket02 .plusPocketAbout .mainVisual {
  background: url(/plus/resources/images/hop/main_visual03.jpg) no-repeat top center;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .pagePcket02 .plusPocketAbout .mainVisual {
    background: url(/plus/resources/images/hop/main_visual03_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.pagePcket02 .plusPocketAbout .day {
  background: #00b0ec;
}
.pagePcket02 .plusPocketAbout .head .name {
  color: #00b0ec;
}
.pagePcket02 .plusPocketAbout .ulAnchor {
  font-size: 0.8em;
}
.pagePcket02 .plusPocketAbout .ulAnchor > li a {
  background: #f2fbfe;
  height: 12.5em;
}
@media only screen and (max-width: 640px) {
  .pagePcket02 .plusPocketAbout .ulAnchor > li a {
    height: 13.5em;
  }
}
.pagePcket02 .plusPocketAbout .ulAnchor > li a .icon {
  margin: 0 auto;
  height: 152px;
}
@media only screen and (max-width: 640px) {
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon {
    margin: -12px auto 0;
    height: 28vw;
  }
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon img.book {
    height: 52%;
  }
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon img.book01 {
    height: 62%;
  }
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon img.book02 {
    height: 80%;
  }
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon img.math {
    height: 50%;
  }
  .pagePcket02 .plusPocketAbout .ulAnchor > li a .icon img.tablet {
    height: 60%;
  }
}
.pagePcket02 .plusPocketGird01 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line03.png);
}
.pagePcket02 .plusPocketGird01 .boxPocket .title {
  background: #00b0ec;
}
.pagePcket02 .plusPocketGird01 .boxPocket .title > span {
  color: #ffff00;
}
.pagePcket02 .plusPocketGird01 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_2.png);
  color: #00b0ec;
}
.pagePcket02 .plusPocketGird01 .boxPocket .ulRound > li > span {
  color: #fff;
  background: #00b0ec;
}
.pagePcket02 .plusPocketGird01 .boxPocket .ulRound.step > li > span {
  background: #14a83b;
}
.pagePcket02 .wrapAccordion .cardList .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_2.png);
  color: #ffff00;
}
.pagePcket02 .wrapAccordion .cardList.step .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_3.png);
}
.pagePcket02 .wrapAccordion .aExperiences .ttl04 {
  background-image: url(/plus/resources/images/pocket/icon03_2.png);
  color: #00b0ec;
}
.pagePcket02 .wrapAccordion .aTeaching .ulCol img {
  border-radius: 0.4em;
}
.pagePcket02 .wrapAccordion .aTeaching .ulCol.none img {
  border-radius: 0;
}
.pagePcket02 .pagePcket03 .boxPocket .title {
  background: #14a83b;
}
.pagePcket02 .pagePcket03 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_3.png);
  color: #14a83b;
}
.pagePcket02 .pagePcket03 .boxPocket .ulRound > li > span {
  background: #14a83b;
}

.pagePcket03 .plusPocketAbout .mainVisual {
  background: url(/plus/resources/images/step/main_visual04.jpg) no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .pagePcket03 .plusPocketAbout .mainVisual {
    background: url(/plus/resources/images/step/main_visual04_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.pagePcket03 .plusPocketAbout .day {
  background: #14a83b;
}
.pagePcket03 .plusPocketAbout .head .logo {
  width: 65.67164%;
}
.pagePcket03 .plusPocketAbout .head .name {
  color: #14a83b;
}
.pagePcket03 .plusPocketAbout .head .logo01 {
  width: 37.31343%;
}
.pagePcket03 .plusPocketAbout .ulAnchor {
  font-size: 0.8em;
}
.pagePcket03 .plusPocketAbout .ulAnchor > li a {
  background: #f3fbf5;
  height: 12.5em;
}
@media only screen and (max-width: 640px) {
  .pagePcket03 .plusPocketAbout .ulAnchor > li a {
    height: 13.5em;
  }
}
.pagePcket03 .plusPocketAbout .ulAnchor > li a .icon {
  margin: 0 auto;
  height: 152px;
}
@media only screen and (max-width: 640px) {
  .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon {
    margin: -12px auto 0;
    height: 28vw;
  }
  .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon img.book {
    height: 52%;
  }
  .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon img.book01 {
    height: 62%;
  }
  .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon img.book02 {
    height: 80%;
  }
  .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon img.tablet, .pagePcket03 .plusPocketAbout .ulAnchor > li a .icon img.math {
    height: 60%;
  }
}
.pagePcket03 .plusPocketGird01 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line03.png);
}
.pagePcket03 .plusPocketGird01 .boxPocket .title {
  background: #14a83b;
}
.pagePcket03 .plusPocketGird01 .boxPocket .title > span {
  color: #ffff00;
}
.pagePcket03 .plusPocketGird01 .boxPocket .title.jump {
  background: #006ebc;
}
.pagePcket03 .plusPocketGird01 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_3.png);
  color: #14a83b;
}
.pagePcket03 .plusPocketGird01 .boxPocket .ulRound > li > span {
  color: #fff;
  background: #14a83b;
}
.pagePcket03 .plusPocketGird01 .boxPocket .ulRound.jump > li > span {
  background: #006ebc;
}
.pagePcket03 .wrapAccordion .cardList .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_3.png);
  color: #ffff00;
}
.pagePcket03 .wrapAccordion .cardList.jump .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_4.png);
}
.pagePcket03 .wrapAccordion .aExperiences .ttl04 {
  background-image: url(/plus/resources/images/pocket/icon03_3.png);
  color: #14a83b;
}
.pagePcket03 .wrapAccordion .aTeaching .ulCol img {
  border-radius: 0.4em;
}
.pagePcket03 .wrapAccordion .aTeaching .ulCol.none img {
  border-radius: 0;
}
.pagePcket03 .pagePcket04 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_4.png);
  color: #006ebc;
}
.pagePcket03 .pagePcket04 .boxPocket .title {
  background: #006ebc;
}

.pagePcket04 .plusPocketAbout .mainVisual {
  background: url(/plus/resources/images/jump/main_visual05.jpg) no-repeat center center;
  background-size: cover;
}
@media only screen and (max-width: 640px) {
  .pagePcket04 .plusPocketAbout .mainVisual {
    background: url(/plus/resources/images/jump/main_visual05_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.pagePcket04 .plusPocketAbout .day {
  background: #006ebc;
}
.pagePcket04 .plusPocketAbout .head .logo {
  width: 65.67164179104478%;
}
.pagePcket04 .plusPocketAbout .head .logo.wid {
  width: 26.1194%;
}
.pagePcket04 .plusPocketAbout .head .name {
  color: #006ebc;
}
.pagePcket04 .plusPocketAbout .ulAnchor {
  font-size: 0.8em;
}
.pagePcket04 .plusPocketAbout .ulAnchor > li a {
  background: #f2f8fc;
  height: 12.5em;
}
@media only screen and (max-width: 640px) {
  .pagePcket04 .plusPocketAbout .ulAnchor > li a {
    height: 13.5em;
  }
}
.pagePcket04 .plusPocketAbout .ulAnchor > li a .icon {
  margin: 0 auto;
  height: 152px;
}
@media only screen and (max-width: 640px) {
  .pagePcket04 .plusPocketAbout .ulAnchor > li a .icon {
    margin: -12px auto 0;
    height: 28vw;
  }
  .pagePcket04 .plusPocketAbout .ulAnchor > li a .icon img.book {
    height: 52%;
  }
  .pagePcket04 .plusPocketAbout .ulAnchor > li a .icon img.book01 {
    height: 62%;
  }
  .pagePcket04 .plusPocketAbout .ulAnchor > li a .icon img.tablet, .pagePcket04 .plusPocketAbout .ulAnchor > li a .icon img.math {
    height: 60%;
  }
}
.pagePcket04 .plusPocketGird01 .boxPocket .ttlBlock:before {
  background-image: url(/plus/resources/images/common/line03.png);
}
.pagePcket04 .plusPocketGird01 .boxPocket .title {
  background: #006ebc;
}
.pagePcket04 .plusPocketGird01 .boxPocket .title > span {
  color: #ffff00;
}
.pagePcket04 .plusPocketGird01 .boxPocket .ttlBl {
  background-image: url(/plus/resources/images/pocket/icon01_4.png);
  color: #006ebc;
}
.pagePcket04 .plusPocketGird01 .boxPocket .ulRound > li > span {
  color: #fff;
  background: #006ebc;
}
.pagePcket04 .wrapAccordion .cardList .item .inner .number {
  background-image: url(/plus/resources/images/pocket/bg_number_4.png);
  color: #ffff00;
}
.pagePcket04 .wrapAccordion .aExperiences .ttl04 {
  background-image: url(/plus/resources/images/pocket/icon03_4.png);
  color: #006ebc;
}
.pagePcket04 .wrapAccordion .aTeaching .ulCol img {
  border-radius: 0.4em;
}
.pagePcket04 .wrapAccordion .aTeaching .ulCol.none img {
  border-radius: 0;
}

.pagePcket05 .plusPocketAbout .ulAnchor {
  font-size: 0.8em;
}
.pagePcket05 .plusPocketAbout .ulAnchor > li a {
  height: 12.5em;
}
@media only screen and (max-width: 640px) {
  .pagePcket05 .plusPocketAbout .ulAnchor > li a {
    height: 13.5em;
  }
}
.pagePcket05 .plusPocketAbout .ulAnchor > li a .icon {
  margin: 0 auto;
  height: 152px;
}
@media only screen and (max-width: 640px) {
  .pagePcket05 .plusPocketAbout .ulAnchor > li a .icon {
    margin: -12px auto 0;
    height: 28vw;
  }
  .pagePcket05 .plusPocketAbout .ulAnchor > li a .icon img.book {
    height: 52%;
  }
  .pagePcket05 .plusPocketAbout .ulAnchor > li a .icon img.book01 {
    height: 62%;
  }
  .pagePcket05 .plusPocketAbout .ulAnchor > li a .icon img.math {
    height: 50%;
  }
  .pagePcket05 .plusPocketAbout .ulAnchor > li a .icon img.tablet {
    height: 60%;
  }
}

.pagePcket00 {
  position: relative;
}
.pagePcket00 .plusPocketAbout .mainVisual {
  background: url(/plus/resources/images/newpetit/main_visual00.jpg) no-repeat center center;
  background-size: cover;
}
.pagePcket00 .plusPocketAbout .mainVisual .head .textBox {
  left: 30px;
}

@media only screen and (max-width: 640px) {
  .pagePcket00 .plusPocketAbout .mainVisual {
    background: url(/plus/resources/images/newpetit/main_visual00_sp.jpg) no-repeat center center;
    background-size: cover;
  }
}
.plusAllofferAbout {
  background: #fcf1dd;
  padding: 1.708333333333333em 0 4.166666666666667em;
}
.plusAllofferAbout .wrapBlock {
  padding: 0 1.666666666666667em;
  max-width: 750px;
}
.plusAllofferAbout .wrapBlock .title {
  background: #ffe100;
}
.plusAllofferAbout .wrapBlock .title > span {
  display: block;
  background: url(/plus/resources/images/alloffer/title_top_l.png) no-repeat 0 0, url(/plus/resources/images/alloffer/title_top_r.png) no-repeat right 0, url(/plus/resources/images/alloffer/title_bottom_l.png) no-repeat 0 bottom, url(/plus/resources/images/alloffer/title_bottom_r.png) no-repeat right bottom;
  background-size: 0.53125em auto;
  font-size: 1.333333333333333em;
  line-height: 1.2em;
  text-align: center;
  padding: 0.49em 1em;
  color: #212121;
}
.plusAllofferAbout .wrapBlock .txt01 {
  font-size: 1.166666666666667em;
  line-height: 1.4em;
  text-align: center;
  margin-top: 1.7em;
}
.plusAllofferAbout .wrapBlock .txt02 {
  font-size: 2em;
  line-height: 1.4em;
  text-align: center;
  margin-top: 0.18em;
}
.plusAllofferAbout .wrapBlock .txt03 {
  font-size: 1.083333333333333em;
  line-height: 1.846153846153846em;
  text-align: center;
  margin-top: 1.35em;
}
.plusAllofferAbout .wrapBlock .image {
  width: 50.74626865671642%;
  margin: 1.6em auto 0;
}
.plusAllofferAbout .wrapBlock .desc {
  line-height: 2em;
  margin: 2.6em 0 0;
  font-size: 0.83333em;
}
.plusAllofferAbout .wrapBlock .deadline {
  background: url(/plus/resources/images/alloffer/line01.png) repeat-x 0 0, url(/plus/resources/images/alloffer/line02.png) repeat-x 0 bottom;
  background-size: 0.25em auto;
  margin: 2.3em 0 0;
  padding: 0.5em 0;
}
.plusAllofferAbout .wrapBlock .faq {
  margin-top: 3.75em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion {
  margin: 3.333333333333333em 0 0;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .drop:after {
  font-size: 1.142857142857143em;
  color: #b99d73;
  left: 0.5em;
  top: 0.85em;
  content: "Q";
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer {
  position: relative;
  line-height: 1.666666666666667em;
  font-size: 1em;
  padding: 0.5em 2em 0.7em 2.75em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer:before {
  content: ' ';
  position: absolute;
  font-size: 1.333333333333333em;
  color: #b99d73;
  left: 0.5em;
  top: 0.4em;
  content: 'A';
  font-family: "GenJyuuGothic-Bold",sans-serif;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ttl {
  font-size: 1.083333333333333em;
  line-height: 1.846153846153846em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .desc {
  margin-top: 0.8em;
  font-size: 1em;
  line-height: 1.66667em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .note {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  color: #666666;
  margin-top: 0.2em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data {
  display: table;
  width: 88.55098389982111%;
  font-size: 1em;
  line-height: 1.4em;
  text-align: center;
  color: #036292;
  margin: 1.5em 0 0.9em;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data > li {
  display: table-row;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data > li.head .td {
  background: none;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .th, .plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .td {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 2px solid #036292;
  padding: 0.7em 0;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .th {
  width: 37.97979797979798%;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .td {
  padding-left: 1.583333333333333em;
  padding-right: 0.8333333333333333em;
  background: url(/plus/resources/images/alloffer/arrow01.png) no-repeat 1em center;
  -webkit-background-size: 0.5416666666666667em auto;
  background-size: 0.5416666666666667em auto;
}
.plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ulNoteBlock > li {
  margin-top: 0.2em;
  text-indent: 0;
  padding-left: 0;
}

@media only screen and (max-width: 860px) {
  .plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .th, .plusAllofferAbout .wrapBlock .faq .ulAccordion > li .answer .ol-data .td {
    border-bottom-width: 1px;
  }
}
.wrapperPlusContent .accordionInfo {
  display: none;
}
.wrapperPlusContent .ulAccordion > li {
  border-bottom: 2px solid #d9c7ac;
}
.wrapperPlusContent .ulAccordion > li:first-child {
  border-top: 2px solid #d9c7ac;
}
.wrapperPlusContent .ulAccordion > li .drop {
  display: flex;
  align-items: center;
  font-size: 1.166666666666667em;
  line-height: 1.5em;
  padding: 1em 0.5em;
  min-height: 4.5em;
  cursor: pointer;
  position: relative;
}
.wrapperPlusContent .ulAccordion > li .drop::before, .wrapperPlusContent .ulAccordion > li .drop::after {
  position: absolute;
  content: "";
}
.wrapperPlusContent .ulAccordion > li .drop::before {
  width: 0.9285714285714286em;
  height: 0.9285714285714286em;
  top: 50%;
  background: url(/plus/resources/images/alloffer/expand_off.png) no-repeat center center;
  background-size: 100% auto;
  margin-top: -0.4642857142857143em;
  right: 0.8214285714285714em;
}
.wrapperPlusContent .ulAccordion > li .drop.active::before {
  background: url(/plus/resources/images/alloffer/expand_on.png) no-repeat center center;
  background-size: 100% auto;
}
.wrapperPlusContent .allofferTitle {
  margin-top: 1.2em;
  font-size: 0.8333333333333333em;
  font-weight: bold;
}
.wrapperPlusContent .allofferTitle02 {
  padding-top: 1.8em;
  font-size: 1.1em;
}
.wrapperPlusContent .allofferTitle03 {
  font-weight: bold;
}
.wrapperPlusContent .allofferTitle03.mt {
  margin-top: 1em;
}
.wrapperPlusContent .ulAlloffer {
  font-size: 0.8333333333333333em;
  line-height: 2em;
}
.wrapperPlusContent .ulAlloffer > li {
  margin-top: 0.5em;
  position: relative;
  padding-left: 1.3em;
}
.wrapperPlusContent .ulAlloffer > li::before {
  content: '●';
  position: absolute;
  left: 0;
  top: 0;
  color: #b99d73;
}
.wrapperPlusContent .ulAlloffer > li a {
  text-decoration: underline;
}
.wrapperPlusContent .ulAlloffer > li a:hover {
  text-decoration: none;
}
.wrapperPlusContent .ulAlloffer > li .text {
  margin: 1em 0 1.2em 0.5em;
}
.wrapperPlusContent .ulAlloffer > li .text02 {
  margin: 1em 0 1.2em;
}
.wrapperPlusContent .ulAlloffer > li .text03 {
  margin: 0.5em 0 1.2em;
}
.wrapperPlusContent .ulAlloffer > li .text04 {
  margin: 1.8em 0 1.2em;
}
.wrapperPlusContent .ulAlloffer > li .fs01 {
  font-size: 1.2em;
}
.wrapperPlusContent .ulAlloffer > li .ttl01 {
  font-size: 1.15em;
  line-height: 1.5em;
  margin: 1.2em 0 0;
  letter-spacing: 0;
}
.wrapperPlusContent .ulAlloffer > li ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.wrapperPlusContent .ulAlloffer > li table {
  margin: 1em 0 0 0.5em;
  line-height: 1.3;
}
.wrapperPlusContent .ulAlloffer > li table tr {
  border-bottom: 1px solid #8f621f;
}
.wrapperPlusContent .ulAlloffer > li table tr:last-child {
  border-bottom: none;
}
.wrapperPlusContent .ulAlloffer > li table th {
  padding: 5px 6px;
  width: 44%;
}
.wrapperPlusContent .ulAlloffer > li table td {
  padding: 5px 6px;
}
.wrapperPlusContent .ulAlloffer.mt0 {
  margin-top: 0 !important;
}
.wrapperPlusContent .ulAlloffer02 > li {
  margin-top: 0.5em;
  position: relative;
  padding-left: 0 !important;
  text-indent: 0 !important;
}
.wrapperPlusContent .ulAlloffer02 > li::before {
  content: '●';
  color: #b99d73;
}
.wrapperPlusContent .textblock > li {
  margin-top: 0.5em;
  text-indent: 0 !important;
  padding-left: 0 !important;
}

@media only screen and (max-width: 860px) {
  .wrapperPlusContent .ulAccordion > li {
    border-bottom-width: 1px;
  }
  .wrapperPlusContent .ulAccordion > li:first-child {
    border-top-width: 1px;
  }
}
.plusAllofferStep {
  background: #fffbef;
  padding: 0.8em 0 4.8em;
}
.plusAllofferStep.pt0 {
  padding-top: 0;
}
.plusAllofferStep .ttlBlock {
  margin-bottom: 1em;
}
.plusAllofferStep .ttlBlock.ls {
  letter-spacing: 0;
}
.plusAllofferStep .offerSec {
  margin: 1.5em auto 4em;
}
.plusAllofferStep .stepSec {
  margin-top: 3em;
}
.plusAllofferStep .numberStep {
  width: 4.041666666666667em;
  margin: 0 auto 1.3em;
}
.plusAllofferStep .stepInfo {
  margin: 1.9em 0.5em 4.8em;
}
.plusAllofferStep .stepInfo .ulAlloffer {
  padding-top: 1.8em;
}
.plusAllofferStep .stepInfo .ulAlloffer.pt0 {
  padding-top: 0;
}
.plusAllofferStep .stepInfo .ttl01 {
  display: block;
  margin-top: 1.2em;
  font-size: 0.95em;
  line-height: 2em;
}
.plusAllofferStep .ulAccordion {
  margin-top: 2.2em;
}
.plusAllofferStep .ulData {
  display: table;
  width: 100%;
  margin: 2em auto 2.875em;
  text-align: left;
}
.plusAllofferStep .ulNoteBlock {
  margin-bottom: 2.875em;
}
.plusAllofferStep .ulNoteBlock.margin {
  margin: 0px 0px 1em !important;
}
.plusAllofferStep .ulNoteBlock.marginB {
  margin-bottom: 1em !important;
}
.plusAllofferStep .ulNoteBlock.mt {
  margin-top: 0.5em;
}
.plusAllofferStep .ulNoteBlock.mb {
  margin-bottom: 1.2em;
}
.plusAllofferStep .ulData > li {
  display: table-row;
}
.plusAllofferStep .ulData > li:last-child .th, .plusAllofferStep .ulData > li:last-child .td {
  border-bottom: none;
}
.plusAllofferStep .ulData .th, .plusAllofferStep .ulData .td {
  display: table-cell;
  vertical-align: middle;
}
.plusAllofferStep .ulData .th {
  width: 28%;
  background: #fffbd9;
  border-bottom: 3px solid #fdf4dc;
  font-size: 0.8em;
  line-height: 1.3em;
  padding: 1.6em 0.6em 1.6em 0.8em;
}
.plusAllofferStep .ulData .td {
  background: #fff;
  border-bottom: 3px solid #fdf6e8;
  padding: 0.5em;
}
.plusAllofferStep .ulData .td .image {
  height: 3.916666666666667em;
  width: auto;
}
.plusAllofferStep .ulData2023 .th {
  width: 34%;
  background: #fffbd9;
  border-bottom: 2px solid #fdf4dc;
  font-size: 0.8em;
  line-height: 1.3em;
  padding: 1.6em 0.5em 1.6em 0.8em;
}
.plusAllofferStep .ulData2023 .td {
  background: #fff;
  border-bottom: 2px solid #fdf6e8;
  padding: 1.5em 0.5em;
}
.plusAllofferStep .stepAccordion .drop .number {
  color: #b99d73;
  padding-right: 1em;
}
.plusAllofferStep .stepAccordion .ttl01 {
  font-size: 1.16667em;
  line-height: 1.5em;
  margin: 1.2em 0 0;
  letter-spacing: 0;
}
.plusAllofferStep .stepAccordion .ttl02 {
  line-height: 1.5em;
  margin: 1.2em 0 0;
  letter-spacing: 0;
}
.plusAllofferStep .stepAccordion .ttl03 {
  display: block;
  font-size: 0.95em;
  line-height: 2em;
  margin: 1.2em 0 0;
  letter-spacing: 0;
}
.plusAllofferStep .stepAccordion .ulAlloffer {
  margin-top: 2em;
}
.plusAllofferStep .stepAccordion .ulAlloffer.mt {
  margin-top: 1em;
}
.plusAllofferStep .stepAccordion .ulAlloffer.mt0 {
  margin-top: 0;
}
.plusAllofferStep .stepAccordion .ulNoteBlock {
  margin-top: 1.2em;
}
.plusAllofferStep .stepAccordion .ulNoteBlock.mt {
  margin-top: 0.9em;
}
.plusAllofferStep .stepAccordion .ulNoteBlock.mt3 {
  margin-top: 0.3em;
}
.plusAllofferStep .stepAccordion .ulNoteBlock.mt0 {
  margin-top: 0;
}
.plusAllofferStep .stepAccordion .ulNoteBlock.mb0 {
  margin-bottom: 0;
}
.plusAllofferStep .stepAccordion .accordionInfo {
  padding: 0 0.6666666666666667em 1em;
}
.plusAllofferStep .stepAccordion .image {
  padding-top: 1.1em;
}
.plusAllofferStep .stepAccordion .tble {
  width: 100%;
  font-size: 0.8333333333333333em;
  line-height: 2em;
  text-align: center;
  color: #036292;
  margin: 3em 0 1.1em;
}
.plusAllofferStep .stepAccordion .tble.tble02 tr td:first-child {
  text-align: left;
  padding-left: 1.3em;
}
.plusAllofferStep .stepAccordion .tble.tble02 td {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}
.plusAllofferStep .stepAccordion .tble tr:first-child td {
  border-top: none;
  padding-top: 1em;
  padding-bottom: 1em;
}
.plusAllofferStep .stepAccordion .tble tr.tr01 td {
  padding-top: 1em;
  padding-bottom: 1em;
  border-right: none;
  border-left: none;
}
.plusAllofferStep .stepAccordion .tble tr td:first-child {
  border-left: none;
}
.plusAllofferStep .stepAccordion .tble tr td:last-child {
  border-right: none;
}
.plusAllofferStep .stepAccordion .tble td {
  border: 1px solid #036292;
  vertical-align: middle;
  padding: 1.3em 0.3em;
}
.plusAllofferStep .stepAccordion .tble .col01 {
  width: 31.25%;
}
.plusAllofferStep .stepAccordion .tble .col02 {
  width: 34.375%;
}
.plusAllofferStep .stepAccordion .tble .col03 {
  width: 29.6875%;
}
.plusAllofferStep .stepAccordion .tble .col04 {
  width: 38.75%;
}
.plusAllofferStep .stepAccordion .tble .col05 {
  width: 31.5625%;
}
.plusAllofferStep .stepAccordion .tble .fs01 {
  font-size: 1.2em;
}
.plusAllofferStep .stepAccordion .tble .fs02 {
  font-size: 1.6em;
}
.plusAllofferStep .stepAccordion .tble .fs03 {
  font-size: 2.4em;
}
.plusAllofferStep .stepAccordion .tble .text-r {
  text-align: right;
}
.plusAllofferStep .stepAccordion .table02 {
  margin-top: 20px;
  margin-bottom: 30px;
  width: 100%;
  font-size: 20px;
  line-height: 1.6;
}
.plusAllofferStep .stepAccordion .table02 th, .plusAllofferStep .stepAccordion .table02 td {
  border-bottom: 1px solid #d9c7ac;
  border-right: 1px solid #d9c7ac;
  padding: 30px 20px;
}
.plusAllofferStep .stepAccordion .table02 th:last-child {
  border-right: none;
}
.plusAllofferStep .stepAccordion .table02 td {
  text-align: center;
}
.plusAllofferStep .stepAccordion .table02 td:last-child {
  border-right: none;
}
.plusAllofferStep .stepBox {
  border-radius: 0.5em;
  background: #fcf1dd;
  padding: 1.5em 2em;
  font-size: 0.8333333333333333em;
  line-height: 2em;
  margin: 2.6em 0 0;
}
.plusAllofferStep .stepBox .text-right {
  text-align: right;
  font-size: .9em;
  padding-top: 1em;
}
.plusAllofferStep .note {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  margin: 1.1em 0 0;
}

.plusAllofferNotes {
  background: #fcf1dd;
  padding: 2em 0 6em;
}
.plusAllofferNotes .wrapBtn {
  margin-top: 2em;
}
.plusAllofferNotes .wrapBtn .btnBlock:hover {
  cursor: pointer;
}
.plusAllofferNotes .textLink {
  text-align: center;
  margin-top: 1em;
}
.plusAllofferNotes .textLink.mb {
  margin-bottom: 1em;
}
.plusAllofferNotes .textLink a.scroll {
  display: inline-block;
  text-decoration: underline;
  transition: 0.3s;
  font-size: 0.8333333333333333em;
}
.plusAllofferNotes .textLink a.scroll:hover {
  text-decoration: none;
}
.plusAllofferNotes .ulAlloffer {
  margin-top: 2.5em;
}
.plusAllofferNotes .box {
  border-radius: 0.5em;
  background: #fffbef;
  padding: 1.5em 2em;
  font-size: 0.8333333333333333em;
  line-height: 2em;
  margin: 2.6em 0 0;
}
.plusAllofferNotes .box .text-right {
  text-align: right;
  font-size: .9em;
  padding-top: 1em;
}
.plusAllofferNotes .note {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  color: #666666;
  margin: 1.1em 0 0;
}
.plusAllofferNotes .course {
  margin: 3.4em 0 0;
}
.plusAllofferNotes .course .underlineLink {
  text-decoration: underline;
  color: #f04647;
}
.plusAllofferNotes .course .underlineLink:hover {
  text-decoration: none;
}
.plusAllofferNotes .course .desc {
  font-size: 1em;
  line-height: 1.666666666666667em;
  text-align: center;
  margin: 2.2em 0 0;
}
.plusAllofferNotes .course .desc .fs {
  color: #f04647;
  display: block;
  margin-bottom: 0.3em;
}
.plusAllofferNotes .course .link {
  text-align: center;
  margin: .85em 0 0;
}
.plusAllofferNotes .course .link a {
  display: inline-block;
  font-size: .7em;
  line-height: 1.4em;
  padding-right: 2em;
  background: url(/plus/resources/images/common/ic_z.png) no-repeat right center;
  background-size: 0.8571428571428571em auto;
}
.plusAllofferNotes .desc01 {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  padding: 2.5em 0 0;
}
.plusAllofferNotes .ulList {
  margin: 1.8em 0 0;
  font-size: 1em;
}
.plusAllofferNotes .ulList > li {
  padding: 2.666666666666667em 0;
}
.plusAllofferNotes .ulList > li.li00 {
  background: #ffe7f0;
}
.plusAllofferNotes .ulList > li.li00 .item .ttl {
  color: #ed86b3;
}
.plusAllofferNotes .ulList > li.li01 {
  background: #fef3f6;
}
.plusAllofferNotes .ulList > li.li01 .item .ttl {
  color: #e61953;
}
.plusAllofferNotes .ulList > li.li02 {
  background: #fffdf2;
}
.plusAllofferNotes .ulList > li.li02 .item .ttl {
  color: #fdd000;
}
.plusAllofferNotes .ulList > li.li03 {
  background: #f2fbfe;
}
.plusAllofferNotes .ulList > li.li03 .item .ttl {
  color: #00b0ec;
}
.plusAllofferNotes .ulList > li.li04 {
  background: #f3fbf5;
}
.plusAllofferNotes .ulList > li.li04 .item .ttl {
  color: #14a83b;
}
.plusAllofferNotes .ulList > li.li05 {
  background: #f2f8fc;
}
.plusAllofferNotes .ulList > li.li05 .item .ttl {
  color: #006ebc;
}
.plusAllofferNotes .ulList > li .item {
  display: table;
  width: 100%;
}
.plusAllofferNotes .ulList > li .item .image, .plusAllofferNotes .ulList > li .item .info {
  display: table-cell;
  vertical-align: middle;
}
.plusAllofferNotes .ulList > li .item .image {
  width: 50%;
}
.plusAllofferNotes .ulList > li .item .image img {
  margin: 0 auto;
  width: auto;
}
.plusAllofferNotes .ulList > li .item .image .inner {
  background: url(/plus/resources/images/top/bg.png) repeat-x 0 bottom;
  background-size: 100% 100%;
  padding: 1.875em 0;
}
.plusAllofferNotes .ulList > li .item .image .inner .ttl {
  font-size: 1em;
  line-height: 1.2em;
  text-align: center;
  margin: 1em 0 0;
  letter-spacing: 0.02em;
}
.plusAllofferNotes .ulList > li .item .info {
  font-size: 1.333333333333333em;
  line-height: 1.4375em;
  letter-spacing: 0.04em;
  text-align: center;
  color: #212121;
  padding-left: 1.176470588235294em;
}
.plusAllofferNotes .ulList > li .item .info .fs {
  font-size: 0.9375em;
  line-height: 1.533333333333333em;
  letter-spacing: 0.04em;
}
.plusAllofferNotes .ulList > li .ul-link {
  width: 100%;
  margin: 1.666666666666667em auto 0;
  font-size: 1em;
  line-height: 1.5em;
}
.plusAllofferNotes .ulList > li .ul-link > li {
  border-bottom: 2px solid #d9c7ac;
}
.plusAllofferNotes .ulList > li .ul-link > li:first-child {
  border-top: 2px solid #d9c7ac;
}
.plusAllofferNotes .ulList > li .ul-link a {
  color: #926624;
  display: table;
  width: 50%;
  float: left;
  padding: 0.5em 1.833333333333333em 0.5em 1em;
  background: url(/plus/resources/images/common/bullet01.png) no-repeat 98% center;
  background-size: 0.625em auto;
  height: 6.041666666666667em;
}
.plusAllofferNotes .ulList > li .ul-link a > span {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 860px) {
  .plusAllofferNotes .ulList > li .ul-link > li {
    border-bottom-width: 1px;
  }
  .plusAllofferNotes .ulList > li .ul-link > li:first-child {
    border-top-width: 1px;
  }

  .plusAllofferStep .stepAccordion .table02 {
    font-size: 0.8em;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.6;
  }
  .plusAllofferStep .stepAccordion .table02 th, .plusAllofferStep .stepAccordion .table02 td {
    padding: 15px 5px;
  }
  .plusAllofferStep .stepAccordion .table02 .plusAlloffer06center {
    text-align: center;
  }
}
.main-visual {
  background: url(/plus/resources/images/common/pattern01.png) repeat 0 0;
  text-align: center;
  padding: 1.65em 12% 2em;
  width: 100%;
}
.main-visual a {
  margin-bottom: 20px;
  font-size: 20px;
  color: #f04647;
  text-align: left;
  padding-left: 2em;
  display: inline-block;
  background: url(/plus/resources/images/common/ico_movie.png) left center no-repeat;
}
.main-visual a:hover {
  opacity: .8;
}

@media only screen and (max-width: 860px) {
  .main-visual a {
    margin-bottom: 1em;
    font-size: 1em;
    background-size: auto 1.5em;
    padding-left: 2em;
  }
}
.main-visual_text {
  padding-bottom: 1.65em;
  font-size: 1.2em;
  font-family: "GenJyuuGothic-Bold",sans-serif;
}
.main-visual_text img {
  width: 10%;
  vertical-align: middle;
}

.main-visual_img {
  width: 70%;
  display: block;
  margin: 0 auto;
}

@media only screen and (max-width: 750px) {
  .main-visual_img {
    width: 100%;
  }
}
.txt.blue {
  color: #006ebc !important;
}
.txt.red {
  color: #e61953 !important;
}
.txt.yellow {
  color: #fdd000 !important;
}
.txt.green {
  color: #14a83b !important;
}
.txt.light-blue {
  color: #00b0ec !important;
}

.name.black {
  color: #000 !important;
}

.alloffer-main-logo.img {
  padding: 1em 0;
}

.ulData2023 li .td.alloffer-table-data {
  padding: 0.6em 0.5em;
}

.ulData2023 li .td.alloffer-table-data ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}

.ulData2023 li .td.alloffer-table-data ul li {
  padding: 0.5em;
}

.ulData li .td.alloffer-table-data ul + ul {
  margin-top: 0.8em;
  border-top: 1px solid #d9c7ac;
  padding-top: 0.6em;
}
.ulData li .td.alloffer-table-data ul li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.ulData li .td.alloffer-table-data ul li:first-child {
  justify-content: center;
  padding-bottom: 0.3em;
}
.ulData li .td.alloffer-table-data ul li .logo {
  min-width: 45px;
  width: 3em;
  margin-left: 0.5em;
}
.ulData li .td.alloffer-table-data ul li .logo img {
  width: 100%;
}
.ulData li .td.alloffer-table-data ul li span {
  padding: 0.5em;
}

.alloffer-table-ttl {
  text-align: center;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: .7em;
}

.alloffer-table-item {
  color: #8F621F;
  text-align: center;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: .7em;
}

.alloffer-table-text {
  font-size: 0.5em;
  margin-top: 1em;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

.wrapBlock_inner-alloffer-wrapper {
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.wrapBlock_inner-alloffer-wrapper:hover {
  opacity: .8;
}
.wrapBlock_inner-alloffer-wrapper .text {
  font-size: 0.8em;
  margin-top: 1.2em;
}
.wrapBlock_inner-alloffer-wrapper .btn {
  margin-top: 15px;
  text-align: center;
  border-radius: 0.35em;
  background: #f04647;
  color: #fff;
  padding: 10px;
  box-sizing: border-box;
}
.wrapBlock_inner-alloffer-wrapper.petit .btn {
  background: #E61953;
}
.wrapBlock_inner-alloffer-wrapper.pocket .btn {
  background: #FDD000;
}
.wrapBlock_inner-alloffer-wrapper.hop .btn {
  background: #00B0EC;
}
.wrapBlock_inner-alloffer-wrapper.step .btn {
  background: #14A83B;
}
.wrapBlock_inner-alloffer-wrapper.jump .btn {
  background: #006EBC;
}

@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer-wrapper {
    padding: 10px;
  }
}
.wrapBlock_inner-alloffer {
  display: table-row;
}
.wrapBlock_inner-alloffer .ttl {
  display: table-cell;
  vertical-align: middle;
  width: 30%;
  height: 100%;
  background: #fffbd9;
  font-size: 0.8em;
  padding: 1.6em 0.6em 1.6em 0.8em;
}
.wrapBlock_inner-alloffer .image {
  display: table-cell;
  vertical-align: middle;
}
.wrapBlock_inner-alloffer .info {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 0 0 1em;
}
.wrapBlock_inner-alloffer .info > li + li {
  margin-top: 0.8em;
  border-top: 1px solid #d9c7ac;
  padding-top: 0.6em;
}
.wrapBlock_inner-alloffer .info > li .text01 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .7em;
}
.wrapBlock_inner-alloffer .info > li .logo {
  min-width: 45px;
  width: 4em;
  margin-left: 0.5em;
}
.wrapBlock_inner-alloffer .info > li .logo img {
  width: 100%;
}
.wrapBlock_inner-alloffer .info p {
  text-align: justify;
  margin-top: 10px;
  font-size: 14px;
}
.wrapBlock_inner-alloffer .info p b {
  text-align: center;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.wrapBlock_inner-alloffer .info p .red {
  color: #f04647;
  font-weight: bold;
}
.wrapBlock_inner-alloffer .info .plusList {
  letter-spacing: -.4em;
  margin-top: 0.3em;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.wrapBlock_inner-alloffer .info .plusList li {
  flex-shrink: 0;
  padding: 0.3em;
  letter-spacing: normal;
  text-align: center;
  box-sizing: border-box;
  font-size: 0.7em;
  color: #926624;
  font-weight: bold;
  font-family: "GenJyuuGothic-Bold",sans-serif;
}

@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer .info p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer .info p b {
    font-size: 12px;
    text-align: left;
  }
}
.wrapBlock_inner-alloffer02 {
  display: flex;
}
.wrapBlock_inner-alloffer02 .image {
  text-align: center;
  width: 40%;
  flex-shrink: 0;
}
.wrapBlock_inner-alloffer02 .image img {
  padding: 1em 0;
}
.wrapBlock_inner-alloffer02 .info {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 0 0 1em;
}
.wrapBlock_inner-alloffer02 .info > li + li {
  margin-top: 0.8em;
  border-top: 1px solid #d9c7ac;
  padding-top: 0.6em;
}
.wrapBlock_inner-alloffer02 .info > li .text01 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .7em;
}
.wrapBlock_inner-alloffer02 .info > li .logo {
  min-width: 45px;
  width: 3em;
  margin-left: 0.5em;
}
.wrapBlock_inner-alloffer02 .info > li .logo img {
  width: 100%;
}
.wrapBlock_inner-alloffer02 .info p {
  text-align: justify;
  margin-top: 10px;
  font-size: 14px;
}
.wrapBlock_inner-alloffer02 .info p b {
  text-align: center;
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.wrapBlock_inner-alloffer02 .info p .red {
  color: #f04647;
  font-weight: bold;
}
.wrapBlock_inner-alloffer02 .info .plusList {
  letter-spacing: -.4em;
  margin-top: 1em;
  text-align: left;
}
.wrapBlock_inner-alloffer02 .info .plusList li {
  width: 50%;
  letter-spacing: normal;
  text-align: center;
  box-sizing: border-box;
  padding: 0 10px;
  display: inline-block;
  font-size: 0.8em;
  color: #926624;
  font-weight: bold;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  margin-bottom: 20px;
}
.wrapBlock_inner-alloffer02 .info .plusList li:not(:nth-child(2n)) {
  border-right: 2px solid #d9c7ac;
}

@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer02 .image {
    width: 30%;
  }
}
@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer02 .info p {
    font-size: 12px;
  }
}
@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer02 .info p b {
    font-size: 12px;
    text-align: left;
  }
}
@media only screen and (max-width: 750px) {
  .wrapBlock_inner-alloffer02 .info .plusList li {
    padding: 5px;
    margin-bottom: 5px;
  }
}
.closeBtn {
  background: #7e7e7e;
  box-shadow: 0 3px 0 0 #48242b;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  border-radius: 6px;
  padding: 20px 0px 20px 20px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 550px;
  margin: 20px auto 20px;
  cursor: pointer;
}
.closeBtn:hover {
  text-decoration: none;
  transform: translateY(2px);
  box-shadow: 0 1px 0 0 #9a5764;
}

@media screen and (max-width: 559px) {
  .closeBtn {
    font-size: 14px;
    padding: 15px 0px 15px 15px;
    background-size: 4%;
    background-position: 5% center;
    margin: 30px 20px;
    width: auto;
  }
}
.allofferBannerArea {
  margin: 1.2em auto 0;
}
.allofferBannerArea img {
  max-width: 100%;
}

.apology_txt {
  font-size: 1.2em;
  text-align: center;
  background: #f04646;
  color: #fff;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  margin-top: 3em;
  letter-spacing: -0.001em;
  padding: 0.6em 0;
  border-radius: 0.25em;
}
.apology_txt .date {
  display: block;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
  font-size: 1.5em;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.apology_txt .bigFont {
  font-size: 2em;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.apology_txt .bold {
  font-family: "GenJyuuGothic-Bold",sans-serif;
}

.backnumberVoiceBlock {
  background-color: #c7e8fa;
  padding: 4.5em  0 2em;
}
.backnumberVoiceBlock:before {
  background-image: url(/plus/resources/images/common/fillter_t03.png);
  top: -1.3em;
  bottom: auto;
}
.backnumberVoiceBlock h2 {
  text-align: center;
  z-index: 1;
  position: absolute;
  width: 100%;
  left: 50%;
  top: 4em;
  transform: translate(-50%, -50%);
}
.backnumberVoiceBlock h2 img {
  max-width: 85%;
}
.backnumberVoiceBlock .bx-viewport {
  border-radius: 0.4em;
}
.backnumberVoiceBlock ul {
  display: flex;
  background-color: #fff;
  margin-bottom: 10px;
}
.backnumberVoiceBlock ul li {
  padding: 2.2em 1.666666666666667em 2em;
}
.backnumberVoiceBlock ul li > h3 {
  margin-bottom: 20px;
}
.backnumberVoiceBlock ul li dl {
  text-align: center;
}
.backnumberVoiceBlock ul li dl dt {
  color: #f04646;
  background: url(/plus/resources/images/common/ico_voice.png) no-repeat left center;
  background-size: 1.5em;
  display: inline-block;
  font-size: 1.166666666666667em;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  padding-left: 1.8em;
  margin-bottom: 0.5em;
}
.backnumberVoiceBlock ul li dl dd {
  text-align: left;
}
.backnumberVoiceBlock .bx-controls .bx-pager {
  text-align: center;
  margin-top: 10px;
}
.backnumberVoiceBlock .bx-controls .bx-pager .bx-pager-item {
  display: inline-block;
  text-indent: -9999em;
}
.backnumberVoiceBlock .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #fff;
  margin: 0.5em;
}
.backnumberVoiceBlock .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background-color: #0091db;
}

.pb25 {
  padding: 2.5em 0 !important;
}

.sample {
  background: #fcf1dd;
}
.sample .sampleContent {
  padding-top: 5vh;
}
.sample .sampleContent .sliderWrap {
  max-width: 680px;
  margin: 0 auto;
}
.sample .sampleContent .sliderWrap .sampleSlider {
  text-align: center;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-slide:focus {
  outline: none;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-list li {
  padding: 5px;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-list li p {
  margin-top: -0.5em;
  margin-bottom: 0.5em;
  color: #8a5b15;
  font-size: 1em;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-list li img, .sample .sampleContent .sliderWrap .sampleSlider .slick-list li video {
  width: 100%;
  padding-top: 10px;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-list li img.miniImg {
  padding-top: 0 !important;
  width: 80%;
  margin: auto;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-dots button {
  text-indent: 0;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 30px;
  color: #d9c7ac;
  background: none;
  border-radius: 0;
  width: auto;
  height: auto;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-dots .slick-active button {
  color: #8a5b15;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-arrow {
  text-indent: 0;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 32px;
  color: #8a5b15;
  background-position: 25% 75%;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-arrow.slick-disabled {
  color: #d9c7ac;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-arrow.slick-prev {
  left: 5px;
}
.sample .sampleContent .sliderWrap .sampleSlider .slick-arrow.slick-next {
  right: 5px;
}
.sample .sampleContent #animation_container {
  margin: 0 auto;
}
.sample .sampleContent .pageBottom {
  margin-top: 10vh;
}
.sample .sampleContent .pageBottom .btClose {
  text-align: center;
  line-height: 0;
}
.sample .sampleContent .pageBottom .btClose a {
  display: inline-block;
}
.sample .sampleContent .pageBottom .btClose a img {
  height: 2.5em;
}
.sample .sampleContent .pageBottom .btClose a:hover {
  opacity: .8;
}
.sample .sampleContent .pageBottom .copyrightAreaText {
  margin: 2em auto;
  text-align: center;
  font-size: .5em;
  color: #8c8162;
  vertical-align: middle;
}
.sample .sampleContent .pageBottom .logo {
  background: #fff;
  padding: 1em 0;
  text-align: center;
  line-height: 1;
}
.sample .sampleContent .pageBottom .logo img {
  width: 8em;
}

.english-modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 7001;
}
.english-modal .modal__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7001;
}
.english-modal .modal__content {
  width: calc(100% - 40px);
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  padding: 60px 1em 30px;
  position: absolute;
  z-index: 7002;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content {
    width: 670px;
    padding: 70px 40px 40px;
  }
}
.english-modal .modal__content .btnArea {
  position: absolute;
  top: 10px;
  right: 0;
  width: 30%;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .btnArea {
    width: 150px;
  }
}
.english-modal .modal__content .btnArea a {
  cursor: pointer;
  display: block;
  transition: 0.3s;
}
.english-modal .modal__content .btnArea a:hover {
  opacity: .8;
}
.english-modal .modal__content .btnArea a img {
  width: 100%;
}
.english-modal .modal__content p {
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.5;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content p {
    font-size: 2em;
  }
}
.english-modal .modal__content .linkList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2em;
}
.english-modal .modal__content .linkList li {
  width: 48%;
}
@media screen and (max-width: 480px) {
  .english-modal .modal__content .linkList li:nth-child(3n) {
    margin-top: 2em;
  }
}
.english-modal .modal__content .linkList li p {
  text-align: left;
  font-size: 1.2em;
  line-height: 1.5;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li p {
    font-size: 1.5em;
  }
}
.english-modal .modal__content .linkList li .btn {
  margin: 0.8em 0 0;
  height: auto;
}
.english-modal .modal__content .linkList li .btn a {
  padding: 0.5em 0;
  text-decoration: none;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn a {
    padding: 1em 0;
  }
}
.english-modal .modal__content .linkList li .btn a:hover {
  text-decoration: none;
}
.english-modal .modal__content .linkList li .btn a .icon {
  background: #fff;
  width: 2.2em;
  height: 2.2em;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 30px;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn a .icon {
    width: 3.5em;
    height: 3.5em;
  }
}
.english-modal .modal__content .linkList li .btn a .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.english-modal .modal__content .linkList li .btn a .text {
  color: #fff;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 1.4em;
  padding-left: 1.5em;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn a .text {
    font-size: 1.6em;
  }
}
.english-modal .modal__content .linkList li .btn.hop a {
  background: #00B0EC;
}
.english-modal .modal__content .linkList li .btn.hop a .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_2.png) no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 20px;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn.hop a .icon::after {
    width: 45px;
    height: 30px;
  }
}
.english-modal .modal__content .linkList li .btn.step a {
  background: #14A83B;
}
.english-modal .modal__content .linkList li .btn.step a .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_3.png) no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 20px;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn.step a .icon::after {
    width: 45px;
    height: 30px;
  }
}
.english-modal .modal__content .linkList li .btn.jump a {
  background: #006ebc;
}
.english-modal .modal__content .linkList li .btn.jump a .icon::after {
  content: "";
  background: url(/plus/resources/images/common/logo01_4.png) no-repeat center center;
  background-size: contain;
  width: 32px;
  height: 20px;
}
@media screen and (min-width: 480px) {
  .english-modal .modal__content .linkList li .btn.jump a .icon::after {
    width: 45px;
    height: 30px;
  }
}

.apply-modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 7001;
}
.apply-modal .modal__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7001;
}
.apply-modal .modal__content {
  width: calc(100% - 40px);
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  padding: 60px 1em 30px;
  position: absolute;
  z-index: 7002;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}
@media screen and (min-width: 480px) {
  .apply-modal .modal__content {
    width: 670px;
    padding: 80px 40px 40px;
  }
}
.apply-modal .modal__content .btnArea {
  position: absolute;
  top: 10px;
  right: 0;
  width: 30%;
}
@media screen and (min-width: 480px) {
  .apply-modal .modal__content .btnArea {
    width: 150px;
  }
}
.apply-modal .modal__content .btnArea a {
  cursor: pointer;
  display: block;
  transition: 0.3s;
}
.apply-modal .modal__content .btnArea a:hover {
  opacity: .8;
}
.apply-modal .modal__content .btnArea a img {
  width: 100%;
}
.apply-modal .modal__content .linkList {
  margin-top: 1em;
}
.apply-modal .modal__content .linkList li:nth-child(n+2) {
  margin-top: 1.5em;
}
@media screen and (min-width: 480px) {
  .apply-modal .modal__content .linkList li:nth-child(n+2) {
    margin-top: 2.5em;
  }
}
.apply-modal .modal__content .linkList li .btn a {
  display: grid;
  place-content: center;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 1.2em;
}
@media screen and (min-width: 480px) {
  .apply-modal .modal__content .linkList li .btn a {
    font-size: 2.2em;
  }
}
.apply-modal .modal__content .linkList li .btn a:hover {
  text-decoration: none;
}

.sample-jump.modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 7001;
}
.sample-jump.modal .modal__bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7001;
}
.sample-jump.modal .modal__content {
  width: calc(100% - 40px);
  box-sizing: border-box;
  text-align: center;
  background: #fff;
  padding: 60px 1em 30px;
  position: absolute;
  z-index: 7002;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
}
.sample-jump.modal .modal__content p, .sample-jump.modal .modal__content ruby {
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 2.2;
}
.sample-jump.modal .modal__content img.speaker {
  vertical-align: text-bottom;
  margin-right: 6px;
  height: 28px;
}
.sample-jump.modal .modal__content .btnArea {
  position: absolute;
  top: 10px;
  right: 0;
  width: 30%;
}
.sample-jump.modal .modal__content .btnArea a {
  display: block;
}
.sample-jump.modal .modal__content .btnArea a:hover {
  opacity: .8;
  transition: 0.3s;
}
.sample-jump.modal .modal__content .btnArea a img {
  width: 100%;
}
.sample-jump.modal .modal__content .sampleLink {
  margin: 1.5em 1em 0;
}
.sample-jump.modal .modal__content .sampleLink a {
  cursor: pointer;
  transition: 0.3s;
}
.sample-jump.modal .modal__content .sampleLink a span {
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-size: 1.25em;
  padding: 0.5em 0;
}
.sample-jump.modal i {
  cursor: pointer;
}
.sample-jump.modal i::before {
  content: "";
  position: absolute;
  top: -30px;
  right: 0;
  background-color: #fff;
  width: 50px;
  height: 4px;
  border-radius: 2px;
  transform: rotate(45deg);
}
.sample-jump.modal i::after {
  content: "";
  position: absolute;
  top: -30px;
  right: 0;
  background-color: #fff;
  width: 50px;
  height: 4px;
  border-radius: 2px;
  transform: rotate(-45deg);
}
.sample-jump .sampleContent {
  background: #fffbef;
  padding-bottom: 20px;
}
.sample-jump .sampleContent .pageTop {
  border-top: 3px solid #006ebc;
  padding: 10px;
  font-size: 11px;
  color: #212121;
  background: #fff;
}
.sample-jump .sampleContent .pageTop .logoArea {
  width: 42%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sample-jump .sampleContent .pageTop .logoArea .plusLogo {
  width: 65%;
}
.sample-jump .sampleContent .pageTop .logoArea .jumpLogo {
  width: 30%;
}
.sample-jump .sampleContent .pageTop .logoArea img {
  width: 100%;
}
.sample-jump .sampleContent .pageTop .title {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageTop .title ruby {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageTop .title ruby rt {
  font-weight: normal;
}
.sample-jump .sampleContent .pageTop .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sample-jump .sampleContent .pageContent {
  margin: 30px auto 0;
  padding: 25px 10px 0;
  color: #8a5b15;
  text-align: center;
  max-width: 670px;
}
.sample-jump .sampleContent .pageContent.adArea {
  background: #f5fcff;
  padding: 1.5em 1.666666666666667em;
}
.sample-jump .sampleContent .pageContent.btnOnly .btnArea {
  margin-top: 15px;
}
.sample-jump .sampleContent .pageContent p, .sample-jump .sampleContent .pageContent ruby {
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 2.2;
}
.sample-jump .sampleContent .pageContent p img, .sample-jump .sampleContent .pageContent ruby img {
  height: 25px;
  vertical-align: text-bottom;
}
.sample-jump .sampleContent .pageContent p img.start, .sample-jump .sampleContent .pageContent ruby img.start {
  height: 30px;
}
.sample-jump .sampleContent .pageContent p.goal, .sample-jump .sampleContent .pageContent ruby.goal {
  padding-right: 45px;
  vertical-align: middle;
  position: relative;
}
.sample-jump .sampleContent .pageContent p.goal::after, .sample-jump .sampleContent .pageContent ruby.goal::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/img_goal.png) no-repeat right center;
  background-size: 52%;
  width: 110px;
  height: 118px;
}
.sample-jump .sampleContent .pageContent p {
  margin-bottom: 5px;
}
.sample-jump .sampleContent .pageContent .redfont {
  color: #fa4616;
}
.sample-jump .sampleContent .pageContent .title01 {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageContent .title01.sample2 {
  margin-top: 15px;
}
.sample-jump .sampleContent .pageContent .title01 ruby {
  font-size: 20px;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageContent .title02 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.8;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageContent .title02 ruby {
  font-size: 18px;
  font-family: "GenJyuuGothic-Heavy",sans-serif;
}
.sample-jump .sampleContent .pageContent .mapArea {
  margin-top: 15px;
  position: relative;
}
.sample-jump .sampleContent .pageContent .mapArea img {
  width: 100%;
}
.sample-jump .sampleContent .pageContent .bx-wrapper {
  position: relative;
  margin-top: 30px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li {
  display: flex;
  justify-content: center;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box {
  width: calc(50% - 20px);
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 .imgBox {
  width: 80px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 p.txt {
  line-height: 1.5;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 p.txt ruby {
  line-height: 1.5;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box04 .imgBox {
  width: 120px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box05 .imgBox {
  width: 80px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li p.txt {
  font-size: 1em;
  line-height: 2.8;
  letter-spacing: -0.5px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li p.txt ruby {
  font-size: 1em;
  line-height: 2.8;
  letter-spacing: -0.5px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .imgBox {
  width: 37px;
  height: auto;
  margin: 0 auto 10px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .imgBox img {
  width: 100%;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls {
  margin-top: 10px;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-controls-direction {
  position: absolute;
  z-index: 2;
  top: calc(50% - 10em);
  text-indent: -9999em;
  width: 100%;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  background: url(/plus/resources/images/common/slide-arrow_l.png) no-repeat left center;
  width: 60px;
  height: 240px;
  left: 0;
  position: absolute;
  background-size: 45%;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  background: url(/plus/resources/images/common/slide-arrow_r.png) no-repeat right center;
  width: 60px;
  height: 240px;
  right: 0;
  position: absolute;
  background-size: 45%;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-pager-item {
  display: inline-block;
  text-indent: -9999em;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #d9c7ac;
  margin: 0.5em;
}
.sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-pager-item .bx-pager-link.active {
  background-color: #8a5b15;
}
.sample-jump .sampleContent .pageContent .remainingArea {
  background: #FFFFFF;
  border: 2px solid #e4d9b8;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 15px 0;
}
.sample-jump .sampleContent .pageContent .remainingArea .title01 {
  font-size: 18px;
}
.sample-jump .sampleContent .pageContent .remainingArea .title01 ruby {
  font-size: 18px;
}
.sample-jump .sampleContent .pageContent .remainingArea ul {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: calc((100% - 40px) / 3);
}
.sample-jump .sampleContent .pageContent .remainingArea ul li img {
  width: 100%;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li:nth-child(1) {
  width: 38%;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li:nth-child(1) .imgBox {
  width: 90%;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li:nth-child(2) .imgBox {
  width: 80%;
  margin-bottom: 20px;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li:nth-child(3) .imgBox {
  width: 80%;
}
.sample-jump .sampleContent .pageContent .remainingArea ul li p {
  font-size: 1em;
}
.sample-jump .sampleContent .pageContent .movieBlock .movieBox {
  width: 100%;
  height: 50.1vw;
}
.sample-jump .sampleContent .pageContent .movieBlock .movieBox iframe {
  width: 100%;
  height: 100%;
}
.sample-jump .sampleContent .pageContent .contentsArea p img {
  height: auto;
  width: 100%;
}
.sample-jump .sampleContent .pageContent .contentsArea .lead {
  font-size: 1.15em;
  background-size: 23px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 15px;
  letter-spacing: -0.2px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock {
  margin-top: 30px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents {
  border: 2px solid #8a5b15;
  background: #ffffff;
  padding: 0 1em;
  border-radius: 5px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents .mainTtl {
  width: 225px;
  margin: -13px auto 0;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents .right {
  text-align: right;
  color: #8a5b15;
  font-size: 1em;
  line-height: 1;
  margin-bottom: 15px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li {
  margin: 20px 0;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li:first-child {
  margin: 0;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li .txt {
  font-size: 1em;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li img {
  margin-bottom: -3px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li:nth-child(1) .img {
  width: 274px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li:nth-child(2) .img {
  width: 281px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li:nth-child(3) .img {
  width: 275px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock {
  text-align: left;
  margin: 40px 0 30px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li {
  position: relative;
  background: #dbf5ff;
  border-radius: 3px;
  line-height: 1.6;
  margin: 20px 0 0;
  padding: 15px 15px 10px;
  background-repeat: no-repeat;
  background-position: 97% 82%;
  background-size: 39px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li p {
  line-height: 1.6;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .point {
  background: #8a5b15;
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: -20px;
  padding: 7px 10px 5px;
  border-radius: 20px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .ttl {
  margin-top: 5px;
  font-size: 1.35em;
  line-height: 1.5;
  margin-bottom: 5px;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .ttl span {
  background: linear-gradient(transparent 60%, #ffff66 60%);
  font-weight: bold;
  font-family: "GenJyuuGothic-Bold",sans-serif;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .txt {
  font-size: 1em;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li:nth-child(1) {
  background-image: url(/plus/resources/images/jump/sample/point_1.png);
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li:nth-child(2) {
  background-image: url(/plus/resources/images/jump/sample/point_2.png);
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li:nth-child(3) {
  background-image: url(/plus/resources/images/jump/sample/point_3.png);
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.15em;
  box-sizing: border-box;
  margin: 0 auto;
  font-family: "GenJyuuGothic-Bold",sans-serif;
  font-weight: bold;
  font-size: 1.333333333333333em;
  color: #fff;
  line-height: 1em;
  letter-spacing: 0.04em;
  border-radius: 0.35em;
  background: #f04647;
  position: relative;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .btn::before {
  content: "";
  width: 15px;
  height: 26px;
  position: absolute;
  right: 0.9166666666666667em;
  top: 50%;
  margin-top: -13px;
  background: url(/plus/resources/images/common/arrow01.png) no-repeat 0 0;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .btn:hover {
  opacity: 0.7;
  transition: .3s;
}
.sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .small {
  text-align: left;
  margin-top: 20px;
  font-size: 0.8333333333333333em;
  text-indent: -1em;
  padding-left: 1em;
}
.sample-jump .sampleContent .pageContent .linkArea {
  margin-top: 30px;
}
.sample-jump .sampleContent .pageContent .linkArea p {
  position: relative;
  display: inline-block;
  font-size: 18px;
}
.sample-jump .sampleContent .pageContent .linkArea p::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_left.png) no-repeat left center;
  background-size: 50%;
  width: 42px;
  height: 53px;
}
.sample-jump .sampleContent .pageContent .linkArea p::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(/plus/resources/images/jump/sample/icon_balloon_right.png) no-repeat right center;
  background-size: 50%;
  width: 42px;
  height: 53px;
}
.sample-jump .sampleContent .pageContent .linkArea a {
  display: block;
  margin-top: 10px;
}
.sample-jump .sampleContent .pageContent .linkArea a img {
  width: 100%;
}
.sample-jump .sampleContent .pageContent .linkArea a:hover {
  opacity: .8;
  transition: 0.3s;
}
.sample-jump .sampleContent .pageContent .btnArea {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.sample-jump .sampleContent .pageContent .btnArea a {
  display: block;
  width: calc(50% - 5px);
}
.sample-jump .sampleContent .pageContent .btnArea a + a {
  margin-left: 10px;
}
.sample-jump .sampleContent .pageContent .btnArea a img {
  width: 100%;
}
.sample-jump .sampleContent .pageContent .btnArea a:hover {
  opacity: .8;
  transition: 0.3s;
}
.sample-jump .sampleContent .pageBottom {
  margin-top: 40px;
}
.sample-jump .sampleContent .pageBottom .copyrightAreaText {
  text-align: center;
  font-size: 10px;
  color: #8c8162;
}
.sample-jump .arrowIcon {
  width: 80px;
  height: 80px;
  border-radius: 45px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  background: #fff;
  border: 2px solid #8a5b15;
  opacity: 0.8;
  text-align: center;
  z-index: 999;
  transition: 0.3s;
}
.sample-jump .arrowIcon span {
  font-family: "GenJyuuGothic-Heavy",sans-serif;
  font-size: 1.2em;
  line-height: 1.3;
  color: #8a5b15;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 18px;
}
.sample-jump .arrowIcon span::before {
  content: "";
  border-bottom: 3px solid #8a5b15;
  border-left: 3px solid #8a5b15;
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  bottom: -13px;
  left: 41%;
}

@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content {
    width: 670px;
    padding: 70px 40px 40px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content p, .sample-jump.modal .modal__content ruby {
    font-size: 26px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content img.speaker {
    height: 43px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content .btnArea {
    width: 25%;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content .sampleLink {
    margin: 2em 1em 0;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal .modal__content .sampleLink a span {
    padding: 1em 0;
    font-size: 2em;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal i::before {
    top: -20px;
    width: 30px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump.modal i::after {
    top: -20px;
    width: 30px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .inner {
    width: 670px;
    margin: auto;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageTop .title {
    font-size: 15px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent {
    padding: 40px 0 0;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent p, .sample-jump .sampleContent .pageContent ruby {
    font-size: 28px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent p img, .sample-jump .sampleContent .pageContent ruby img {
    height: 48px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent p img.start, .sample-jump .sampleContent .pageContent ruby img.start {
    height: 40px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .title01 {
    font-size: 32px;
  }
  .sample-jump .sampleContent .pageContent .title01 ruby {
    font-size: 32px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .title02 {
    font-size: 28px;
  }
  .sample-jump .sampleContent .pageContent .title02 ruby {
    font-size: 28px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper {
    margin-top: 40px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box {
    width: calc(50% - 50px);
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 .imgBox {
    width: 140px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 .title02 {
    margin-top: 50px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 p.txt {
    line-height: 1.8;
  }
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box03 p.txt ruby {
    line-height: 1.8;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box04 .imgBox {
    width: 200px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .box05 .imgBox {
    width: 140px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li p.txt {
    font-size: 20px;
    line-height: 2;
  }
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li p.txt ruby {
    font-size: 20px;
    line-height: 2;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper ul.piece li .imgBox {
    width: 60px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .bx-wrapper .bx-controls .bx-controls-direction {
    top: calc(50% - 5em);
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .remainingArea {
    padding: 20px 40px 0;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .remainingArea .title01 {
    font-size: 28px;
  }
  .sample-jump .sampleContent .pageContent .remainingArea .title01 ruby {
    font-size: 28px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .movieBlock .movieBox {
    height: 332px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .lead {
    margin-bottom: 30px;
    font-size: 1em;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock {
    margin-top: 60px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents .mainTtl {
    width: 420px;
    margin: -21px auto 0;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents .right {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li {
    margin: 40px 0;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .contents ul li .img {
    width: 85% !important;
    margin-top: 10px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock {
    margin: 60px 0 30px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li {
    margin-top: 50px;
    padding: 30px 20px 20px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .point {
    padding: 10px 15px 8px 20px;
    top: -45px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li .ttl {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock ul.pointBlock li {
    background-size: 80px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .btn {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 860px) {
  .sample-jump .sampleContent .pageContent .contentsArea .contentsBlock .btn::before {
    width: 0.46875em;
    height: 0.8125em;
    margin-top: -0.40625em;
    background-size: cover;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .linkArea {
    margin-top: 60px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .sampleContent .pageContent .linkArea p {
    font-size: 32px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .arrowIcon {
    width: 120px;
    height: 120px;
    border-radius: 60px;
    right: 20px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .arrowIcon span {
    font-size: 22px;
    margin-top: 25px;
  }
}
@media screen and (min-width: 480px) {
  .sample-jump .arrowIcon span::before {
    bottom: -20px;
    left: 43%;
  }
}
.notice-modal {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 7001;
}
.notice-modal .modalBg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 7001;
}
.notice-modal .modalInner {
  position: absolute;
  z-index: 7002;
  width: 80vw;
  max-width: 800px;
  height: calc(80vh + 80px);
  max-height: 680px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.notice-modal .modalInner .modalContent {
  width: 80vw;
  max-width: 800px;
  height: 80vh;
  max-height: 600px;
  overflow-y: scroll;
}
.notice-modal .modalInner .modalCloseBtnArea {
  text-align: center;
  width: 100%;
}
.notice-modal .modalInner .modalCloseBtnArea .modalCloseBtn {
  display: inline-block;
  z-index: 7003;
}
.notice-modal .modalInner .modalCloseBtnArea .modalCloseBtn:hover {
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s;
}

@media only screen and (max-width: 650px) {
  .notice-modal .modalInner {
    width: 94vw;
    height: 390px;
    top: 42%;
  }
}
@media only screen and (max-width: 650px) {
  .notice-modal .modalInner .modalContent {
    width: 94vw;
    height: 350px;
  }
}
@media only screen and (max-width: 650px) {
  .notice-modal .modalInner .modalCloseBtnArea .modalCloseBtn {
    width: 90px;
  }
  .notice-modal .modalInner .modalCloseBtnArea .modalCloseBtn img {
    max-width: 100%;
  }
}
#modal-overlay {
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
#modal-overlay #modal-content {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 101;
  padding: 10px;
  border-radius: 10px;
}
#modal-overlay #modal-content .youtubeWrap {
  width: 670px;
  height: 377px;
}
#modal-overlay #modal-content .youtubeWrap iframe {
  width: 100%;
  height: 100%;
}
#modal-overlay .jsModalClose {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -90px;
  margin-top: 190px;
}
#modal-overlay .jsModalClose:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
}

@media only screen and (max-width: 650px) {
  #modal-overlay #modal-content {
    padding: 8px;
    top: 50%;
  }
}
@media only screen and (max-width: 770px) {
  #modal-overlay #modal-content .youtubeWrap {
    width: 85vw;
    height: 48vw;
  }
}
@media only screen and (max-width: 640px) {
  #modal-overlay .jsModalClose {
    margin-left: -45px;
    margin-top: 165px;
    width: 90px;
  }
  #modal-overlay .jsModalClose img {
    max-width: 100%;
  }
}
.operationgEnvironment .descBlock {
  font-size: 0.83333em;
  margin-top: 2em;
  margin-bottom: 1em;
}
.operationgEnvironment .subTitle {
  font-size: 1.17em;
  margin-top: 1em;
}
.operationgEnvironment .ulAlloffer li .text span {
  display: inline-block;
  margin-top: 0.5em;
}
.operationgEnvironment .ttlBlock.mt {
  margin-top: 2.5em;
}
.operationgEnvironment .text01 {
  font-size: 0.8333333333333333em;
  line-height: 2em;
  margin-bottom: 1em;
}
.operationgEnvironment a {
  text-decoration: underline;
  transition: .3s;
}
.operationgEnvironment a:hover {
  text-decoration: none;
}
.operationgEnvironment ol {
  font-size: 0.8333333333333333em;
  line-height: 2em;
}
.operationgEnvironment ol > li {
  margin-top: 0.5em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.operationgEnvironment ol > li .ulAlloffer > li {
  padding-left: 1.5em;
  text-indent: 0;
}

.animation_wap {
  display: flex;
  justify-content: center;
}

.mathSlider {
  position: relative;
  margin: 0 -10px;
  padding: 0 10px;
}
.mathSlider .slick-slide img {
  width: 100%;
}
.mathSlider .slide-arrow {
  position: absolute;
  z-index: 2;
  width: 89px;
  height: 89px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
@media only screen and (max-width: 650px) {
  .mathSlider .slide-arrow {
    width: 44px;
    height: 44px;
  }
}
.mathSlider .slide-arrow.prev-arrow {
  left: 0;
}
.mathSlider .slide-arrow.next-arrow {
  right: 0;
}
.mathSlider .slide-arrow.slick-disabled {
  display: none !important;
}

ul{
  padding-left: 0px;
}