.subTitleArea.teacher {
  background: url("../../common/images/line_common01.svg") repeat-x bottom, url("../images/bg_trial01.jpg") no-repeat 100% 50%/cover;
}
@media screen and (max-width: 1000px) {
  .subTitleArea.teacher {
    background-position: bottom, 65% 50%;
  }
}
@media screen and (max-width: 420px) {
  .subTitleArea.teacher {
    background-position: bottom, 75% 50%;
  }
}

.trialArea01 {
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .trialArea01 {
    padding-bottom: 60px;
  }
}

.trialAboutArea01 {
  padding: 70px 0 75px;
  background: url("../images/bg_trial02.png") no-repeat 100% 0;
}
@media screen and (max-width: 1300px) {
  .trialAboutArea01 {
    background-position: 118% 0;
  }
}
@media screen and (max-width: 1100px) {
  .trialAboutArea01 {
    background-position: 132% 0;
  }
}
@media screen and (max-width: 1000px) {
  .trialAboutArea01 {
    background-position: 150% 0;
  }
}
@media screen and (max-width: 768px) {
  .trialAboutArea01 {
    background-position: 220% 0;
  }
}
@media screen and (max-width: 767px) {
  .trialAboutArea01 {
    padding: 60px 0;
    background-image: url("../images/bg_trial02_sp.png");
    background-position: 100% 100%;
    background-size: 50%;
  }
}
@media screen and (max-width: 420px) {
  .trialAboutArea01 {
    padding: 40px 0;
    background-position: 100% 70%;
    background-size: 240px 230px;
  }
}
.trialAboutArea01 h3 {
  font-size: 4.5rem;
  font-weight: 700;
  color: #004da0;
  max-width: 620px;
  margin: 0 auto 25px;
  padding-right: 10px;
  background: url("../images/bg_trial03_01.png") no-repeat 0 100%/50px 80px, url("../images/bg_trial03_02.png") no-repeat 100% 100%/50px 80px;
  line-height: 1.2;
}
@media screen and (max-width: 1000px) {
  .trialAboutArea01 h3 {
    font-size: 4rem;
    max-width: 570px;
  }
}
@media screen and (max-width: 767px) {
  .trialAboutArea01 h3 {
    font-size: 1.8rem;
    max-width: 245px;
    padding-right: 2px;
    background-size: 20px 32px;
  }
}
.trialAboutArea01 h3 span {
  font-size: 6.6rem;
  color: #de0031;
}
@media screen and (max-width: 1000px) {
  .trialAboutArea01 h3 span {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .trialAboutArea01 h3 span {
    font-size: 2.5rem;
  }
}
.trialAboutArea01 .trialAboutTxt01 {
  line-height: 1.75;
}
@media print, screen and (min-width: 768px) {
  .trialAboutArea01 .trialAboutTxt01 {
    font-size: 2rem;
  }
}

.trialTitle01 {
  margin-bottom: 40px;
  padding-top: 40px;
  background: url("../images/bg_trial04_01.png") no-repeat 50% 0;
}
@media screen and (max-width: 767px) {
  .trialTitle01 {
    margin-bottom: 25px;
    padding-top: 25px;
    background-size: 100px auto;
  }
}
.trialTitle01 span:not(.fr) {
  font-size: 3.6rem;
}
@media screen and (max-width: 1000px) {
  .trialTitle01 span:not(.fr) {
    font-size: 3rem;
  }
}
@media screen and (max-width: 767px) {
  .trialTitle01 span:not(.fr) {
    font-size: 1.8rem;
  }
}
.trialTitle01 .fr {
  color: #b59200;
}
@media screen and (max-width: 767px) {
  .trialTitle01 .fr {
    font-size: 1.2rem;
  }
}
.trialTitle01.bg {
  color: #fff;
  height: 180px;
  padding-top: 60px;
  background: url("../images/bg_trial04_01.png") no-repeat 50% 30px, url("../images/bg_trial04_02.png") no-repeat 50% 0/cover;
}
@media screen and (max-width: 767px) {
  .trialTitle01.bg {
    height: 115px;
    padding-top: 38px;
    background: url("../images/bg_trial04_01.png") no-repeat 50% 20px/100px auto, url("../images/bg_trial04_02_sp.png") no-repeat 50% 100%/cover;
  }
}

.trialVideoArea01 {
  padding: 80px 0;
  background: #f7f7f7;
}
@media screen and (max-width: 767px) {
  .trialVideoArea01 {
    padding: 20px 0;
  }
}
.trialVideoArea01 .slick-track {
  display: flex;
  justify-content: center;
}
.trialVideoArea01 .movieList01 {
  margin: 0 20px;
}
@media screen and (max-width: 1000px) {
  .trialVideoArea01 .movieList01 {
    margin: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .trialVideoArea01 .movieList01 {
    margin: 0 5px;
  }
}
.trialVideoArea01 .movieList01:focus {
  outline: none;
}
.trialVideoArea01 .movieList01 .movieImg01 {
  margin-bottom: 15px;
  position: relative;
}
.trialVideoArea01 .movieList01 .movieImg01:before, .trialVideoArea01 .movieList01 .movieImg01:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.trialVideoArea01 .movieList01 .movieImg01:after {
  width: 73px;
  height: 73px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2073%2073%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.5%2C0A36.5%2C36.5%2C0%2C1%2C0%2C73%2C36.5%2C36.5%2C36.5%2C0%2C0%2C0%2C36.5%2C0ZM50.56%2C37.72%2C29.07%2C50.13A1.41%2C1.41%2C0%2C0%2C1%2C27%2C48.91V24.09a1.41%2C1.41%2C0%2C0%2C1%2C2.11-1.22L50.56%2C35.28A1.41%2C1.41%2C0%2C0%2C1%2C50.56%2C37.72Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/73px 73px;
}
@media screen and (max-width: 1000px) {
  .trialVideoArea01 .movieList01 .movieImg01:after {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
}
.trialVideoArea01 .movieList01 img {
  border: 2px solid transparent;
  border-radius: 3px;
}
.trialVideoArea01 .movieList01 h4 {
  font-size: 1.6rem;
  font-weight: 700;
  font-feature-settings: "palt";
  color: #b59200;
}
.trialVideoArea01 .movieList01:not(.slick-current) .movieImg01:before {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}
@media print, screen and (min-width: 768px) {
  .trialVideoArea01 .slick-current .movieOpen {
    cursor: pointer;
    transition: 0.3s ease-in-out all;
  }
}
@media print, screen and (min-width: 768px) {
  .trialVideoArea01 .slick-current .movieOpen:hover {
    opacity: 0.8;
  }
}
.trialVideoArea01 .slick-current .movieImg01:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2073.14%2073.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23de0031%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.57%2C0A36.55%2C36.55%2C0%2C1%2C0%2C73.14%2C36.55%2C36.56%2C36.56%2C0%2C0%2C0%2C36.57%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M50.66%2C37.77%2C29.13%2C50.2A1.42%2C1.42%2C0%2C0%2C1%2C27%2C49V24.13a1.41%2C1.41%2C0%2C0%2C1%2C2.12-1.22L50.66%2C35.33A1.41%2C1.41%2C0%2C0%2C1%2C50.66%2C37.77Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.trialVideoArea01 .slick-current img {
  border: 2px solid #cea600;
}
.trialVideoArea01 .modalContent01 {
  width: 50vw;
  height: 37.6vw;
  min-width: 300px;
  min-height: 222px;
  position: relative;
  background-color: #fff;
  box-sizing: content-box;
}
@media screen and (max-width: 1100px) {
  .trialVideoArea01 .modalContent01 {
    width: 90vw;
    height: 67.68vw;
  }
}
@media screen and (max-width: 767px) {
  .trialVideoArea01 .modalContent01 {
    width: 67vw;
    height: 50vw;
    min-width: 296px;
    min-height: 222px;
  }
}
@media screen and (max-width: 992px) and (orientation: landscape) {
  .trialVideoArea01 .modalContent01 {
    width: 44.1vw;
    height: 33vw;
    min-width: auto;
    min-height: auto;
  }
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .trialVideoArea01 .modalContent01 {
    width: 53.5vw;
    height: 40vw;
    min-width: 240px;
    min-height: 177px;
  }
}
@media screen and (max-width: 580px) and (orientation: landscape) {
  .trialVideoArea01 .modalContent01 {
    width: 40vw;
    height: 29.33vw;
    min-width: auto;
    min-height: auto;
  }
}
.trialVideoArea01 iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  top: 0;
  right: 0;
  left: 0;
}
.trialVideoArea01 .slick-prev,
.trialVideoArea01 .slick-next {
  width: 20px;
  height: 47px;
  z-index: 1;
  top: 42%;
}
@media (max-width: 1400px) {
  .trialVideoArea01 .slick-prev,
.trialVideoArea01 .slick-next {
    width: 16px;
    height: 38px;
    top: 36%;
  }
}
@media (max-width: 768px) {
  .trialVideoArea01 .slick-prev,
.trialVideoArea01 .slick-next {
    top: 30%;
  }
}
@media (max-width: 767px) {
  .trialVideoArea01 .slick-prev,
.trialVideoArea01 .slick-next {
    width: 15px;
    height: 36px;
    top: 35%;
  }
}
@media (max-width: 360px) {
  .trialVideoArea01 .slick-prev,
.trialVideoArea01 .slick-next {
    top: 34%;
  }
}
.trialVideoArea01 .slick-prev:before,
.trialVideoArea01 .slick-next:before {
  content: "";
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.trialVideoArea01 .slick-prev {
  left: calc(100% - 98%);
}
@media (max-width: 1600px) {
  .trialVideoArea01 .slick-prev {
    left: calc(100% - 97.5%);
  }
}
@media (max-width: 1400px) {
  .trialVideoArea01 .slick-prev {
    left: calc(100% - 96%);
  }
}
@media (max-width: 768px) {
  .trialVideoArea01 .slick-prev {
    left: calc(100% - 94.5%);
  }
}
@media (max-width: 767px) {
  .trialVideoArea01 .slick-prev {
    left: calc(100% - 97%);
  }
}
.trialVideoArea01 .slick-prev:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2047%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b59200%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eico_prev01%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2218.51%2047%200%2023.5%2018.51%200%2020%201.17%202.41%2023.5%2020%2045.83%2018.51%2047%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
  .trialVideoArea01 .slick-prev:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2047%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eico_prev01%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2218.51%2047%200%2023.5%2018.51%200%2020%201.17%202.41%2023.5%2020%2045.83%2018.51%2047%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.trialVideoArea01 .slick-next {
  right: calc(100% - 98%);
}
@media (max-width: 1600px) {
  .trialVideoArea01 .slick-next {
    right: calc(100% - 97.5%);
  }
}
@media (max-width: 1400px) {
  .trialVideoArea01 .slick-next {
    right: calc(100% - 96%);
  }
}
@media (max-width: 768px) {
  .trialVideoArea01 .slick-next {
    right: calc(100% - 94.5%);
  }
}
@media (max-width: 767px) {
  .trialVideoArea01 .slick-next {
    right: calc(100% - 97%);
  }
}
.trialVideoArea01 .slick-next:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2047%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23b59200%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eico_next01%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221.49%2047%2020%2023.5%201.49%200%200%201.17%2017.59%2023.5%200%2045.83%201.49%2047%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@media (max-width: 767px) {
  .trialVideoArea01 .slick-next:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2047%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eico_next01%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%221.49%2047%2020%2023.5%201.49%200%200%201.17%2017.59%2023.5%200%2045.83%201.49%2047%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}

.trialFlowArea01 {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 {
    margin-bottom: 40px;
  }
}
.trialFlowArea01 .flowList01 {
  padding: 20px;
  background: url("../images/bg_trial05_01.jpg") no-repeat 50% 0, #f9f9f9;
  border: 1px solid #e2ede6;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowList01 {
    padding: 15px;
  }
}
.trialFlowArea01 .flowList01:not(:last-child) {
  margin-bottom: 42px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowList01:not(:last-child) {
    margin-bottom: 22px;
  }
}
.trialFlowArea01 .flowList01:not(:last-child):after {
  content: "";
  width: 90px;
  height: 25px;
  margin: 0 auto;
  background: url("../images/ico_trial01.png") no-repeat 0 0;
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowList01:not(:last-child):after {
    width: 45px;
    height: 13px;
    background-size: 45px auto;
    bottom: -16px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowListContent01 {
    align-items: center;
  }
}
.trialFlowArea01 .flowListContent01:not(:last-child) {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowListContent01:not(:last-child) {
    margin-bottom: 20px;
  }
}
.trialFlowArea01 .flowNumber01 {
  width: 100px;
  height: 100px;
  background: url("../images/bg_trial05_02.png") no-repeat 0 0, #004da0;
  border-radius: 3px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowNumber01 {
    width: 60px;
    height: 60px;
  }
}
.trialFlowArea01 .flowNumber01:not(.mr0) {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowNumber01:not(.mr0) {
    margin-right: 15px;
  }
}
.trialFlowArea01 .flowNumber01 .flowNumberTxt01 {
  width: 30px;
  height: 16px;
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowNumber01 .flowNumberTxt01 {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowNumber01 .flowNumberTxt01 {
    width: 26px;
    height: 14px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowNumber01 .flowNumberTxt02 {
    width: 16px;
    height: 24px;
  }
}
.trialFlowArea01 .flowDetail01 {
  width: calc(100% - 290px);
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowDetail01 {
    font-size: 1.6rem;
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowDetail01 {
    width: calc(100% - 75px);
  }
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowDetail01:not(.w100) {
    width: calc(100% - 322px);
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowTxt01.move {
    margin-top: 15px;
  }
}
.trialFlowArea01 h4 {
  font-size: 2.6rem;
  font-weight: 700;
  color: #004da0;
  line-height: 1;
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 h4 {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 h4 {
    font-size: 2.2rem;
    line-height: 1.2;
  }
}
.trialFlowArea01 .flowDetail02 {
  padding: 58px 0 45px;
  background: #fff;
  border: 1px solid #e2ede6;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowDetail02 {
    padding: 20px 15px;
  }
}
.trialFlowArea01 .flowDetail02 li {
  max-width: 409px;
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowDetail02 li {
    width: 48%;
    margin: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowDetail02 li:not(:last-child) {
    margin-bottom: 30px;
  }
}
.trialFlowArea01 .flowDetail02 .flowTxt01 {
  text-indent: -1em;
  margin-top: 10px;
  padding-left: 1em;
}
.trialFlowArea01 .flowImg01 {
  width: 145px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowImg01 {
    width: 130px;
    margin: 15px auto 0;
  }
}
.trialFlowArea01 h5 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #004da0;
  max-width: 530px;
  margin: 0 auto 40px;
  background: url("../images/bg_trial03_01.png") no-repeat 0 100%/41px auto, url("../images/bg_trial03_02.png") no-repeat 100% 100%/41px auto;
  line-height: 1.15;
}
@media screen and (max-width: 1000px) {
  .trialFlowArea01 h5 {
    font-size: 3rem;
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 h5 {
    font-size: 1.8rem;
    max-width: 245px;
    margin-bottom: 20px;
    background-size: 20px 32px;
  }
}
.trialFlowArea01 h5 span {
  font-size: 5.4rem;
  color: #de0031;
}
@media screen and (max-width: 1000px) {
  .trialFlowArea01 h5 span {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 h5 span {
    font-size: 2.2rem;
  }
}
.trialFlowArea01 .flowMovieList01 {
  max-width: 838px;
  width: 100%;
}
.trialFlowArea01 .flowMovieList01:not(:last-child) {
  margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowMovieList01:not(:last-child) {
    margin-bottom: 30px;
  }
}
.trialFlowArea01 .flowMovieList01 h6 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  height: 40px;
  background: linear-gradient(to bottom, #c00434 0%, #a50533 100%);
  border-radius: 3px;
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowMovieList01 h6 {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowMovieList01 h6 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
}
.trialFlowArea01 .flowMovieList01 li {
  font-weight: 700;
  width: 32%;
  margin: 0;
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowMovieList01 li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowMovieList01 li {
    width: 100%;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowMovieList01 li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
@media print, screen and (min-width: 768px) {
  .trialFlowArea01 .flowMovieList01 li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowMovieList01 li:not(:last-child) {
    margin-bottom: 20px;
  }
}
.trialFlowArea01 .flowMovieList01 .movieImg01 {
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .trialFlowArea01 .flowMovieList01 .movieImg01 {
    margin-bottom: 5px;
  }
}
.trialFlowArea01 .flowMovieList01 .movieImg01:after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.trialFlowArea01 .flowMovieList01 .movieImg01:after {
  width: 73px;
  height: 73px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2073.14%2073.1%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23de0031%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%A1%E3%82%A4%E3%83%B3%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M36.57%2C0A36.55%2C36.55%2C0%2C1%2C0%2C73.14%2C36.55%2C36.56%2C36.56%2C0%2C0%2C0%2C36.57%2C0Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M50.66%2C37.77%2C29.13%2C50.2A1.42%2C1.42%2C0%2C0%2C1%2C27%2C49V24.13a1.41%2C1.41%2C0%2C0%2C1%2C2.12-1.22L50.66%2C35.33A1.41%2C1.41%2C0%2C0%2C1%2C50.66%2C37.77Z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 0/73px 73px;
}
@media screen and (max-width: 1000px) {
  .trialFlowArea01 .flowMovieList01 .movieImg01:after {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }
}
.trialFlowArea01 .flowMovieList01 img {
  border: 2px solid #cea600;
  border-radius: 3px;
}

.trialRegisterArea01 .container {
  max-width: 960px;
}
.trialRegisterArea01 .registerBnrArea01 li {
  max-width: 360px;
  width: 45%;
  padding: 20px 0;
  background: #f9f9f9;
  border: 1px solid #e2ede6;
}
@media print, screen and (min-width: 768px) {
  .trialRegisterArea01 .registerBnrArea01 li {
    margin: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .trialRegisterArea01 .registerBnrArea01 li {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .trialRegisterArea01 .registerBnrArea01 li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.trialRegisterArea01 .registerBnrArea01 img {
  height: 48px;
}
.trialRegisterArea01 .registerTxt01 {
  margin: 30px 0 40px;
}
@media print, screen and (min-width: 768px) {
  .trialRegisterArea01 .registerTxt01 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
  .trialRegisterArea01 .registerTxt01 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .trialRegisterArea01 .registerTxt01 {
    margin: 25px 0;
  }
}
.trialRegisterArea01 .registerTxt01 span {
  font-size: 2.4rem;
  font-weight: 700;
  color: #de0031;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .trialRegisterArea01 .registerTxt01 span {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .trialRegisterArea01 .registerTxt01 span {
    font-size: 1.8rem;
  }
}
.trialRegisterArea01 .registerTxt01 span:after {
  content: "";
  width: 100%;
  height: 15px;
  background: #fff061;
  z-index: -1;
  position: absolute;
  right: 0;
  bottom: -2px;
  left: 0;
}
.trialRegisterArea01 .registerBtn01 {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
}
.trialRegisterArea01 .registerAttention01 {
  margin-top: 35px;
  padding: 15px 20px;
  border: 1px solid #de0031;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .trialRegisterArea01 .registerAttention01 {
    margin-top: 25px;
    padding: 15px;
  }
}
.trialRegisterArea01 .registerAttention01 a {
  color: #de0031;
  text-decoration: underline;
}
.trialRegisterArea01 .registerAttention01 h4 {
  font-size: 1.7rem;
  font-weight: 700;
}