@charset "UTF-8";
.content {
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .content {
    font-size: 0.85em;
  }
}
@media screen and (max-width: 767px) {
  .content {
    font-size: 0.75em;
  }
}
.content img {
  width: 100%;
  max-width: 100%;
}
.content a {
  text-decoration: none;
}
.content a:hover {
  text-decoration: underline;
}
.content .inner {
  padding-left: 2.14285714em;
  padding-right: 2.14285714em;
}
@media screen and (max-width: 767px) {
  .content .inner {
    padding-left: 1.07142857em;
    padding-right: 1.07142857em;
  }
}
.content .mt_0 {
  margin-top: 0!important;
}
.content .d_flex {
  display: flex;
}
.content .mb_0 {
  margin-bottom: 0!important;
}
.content .mb_1 {
  margin-bottom: 1em!important;
}
.content .mb_4 {
  margin-bottom: 4em!important;
}
.content .d_ib {
  display: inline-block;
}
.content .bb_no {
  border-bottom: none!important;
}
.content .ffs_p {
  font-feature-settings: "palt";
}
.content .ta_j {
  text-align: justify;
}
.content .col_row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.07142857em;
  margin-right: -1.07142857em;
}
@media screen and (max-width: 959px) {
  .content .col_row {
    margin-left: -0.53571429em;
    margin-right: -0.53571429em;
  }
}
.content .col_row .col,
.content .col_row .col_3 {
  padding-left: 1.07142857em;
  padding-right: 1.07142857em;
}
@media screen and (max-width: 959px) {
  .content .col_row .col,
  .content .col_row .col_3 {
    padding-left: 0.53571429em;
    padding-right: 0.53571429em;
  }
}
.content .col_row .col {
  flex-basis: 50%;
  max-width: 50%;
}
@media screen and (max-width: 480px) {
  .content .col_row .col {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.content .col_row .col_3 {
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}
@media screen and (max-width: 959px) {
  .content .col_row .col_3 {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .content .col_row .col_3 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.content .h1 {
  margin-bottom: 4.28571429em;
  overflow: hidden;
}
.content .h1 picture {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 959px) {
  .content .h1 picture {
    max-width: 600px;
  }
}
.content .h1 + p {
  color: #4d9332;
  font-weight: bold;
  font-size: 1.42857143em;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 2.72727273em;
}
@media screen and (max-width: 374px) {
  .content .h1 + p {
    text-align: justify;
  }
}
.content .h1 + p .d_ib {
  display: inline-block;
}
@media screen and (max-width: 374px) {
  .content .h1 + p .d_ib {
    display: inline;
  }
}
.content h2 {
  background-color: #f1dad7;
  padding: 0;
  overflow: hidden;
  margin-bottom: 1.66666667em;
}
.content h2 span {
  display: inline-block;
  max-width: 90%;
  color: #fff;
  font-size: 1.22222222em;
  background-color: #a91705;
  padding: 0.54545455em 1.36363636em 0.45454545em 0.90909091em;
  position: relative;
}
.content h2 span::after {
  content: "";
  display: block;
  width: 0.90909091em;
  height: 100%;
  position: absolute;
  top: 0;
  right: -0.90909091em;
  background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50.5%, #a91705 50.5%) no-repeat top left / 100% 50.5%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50.5%, #a91705 50.5%) no-repeat bottom right / 100% 50.5%;
}
.content .h3_attempt {
  color: #4d9332;
  font-size: 1.57142857em;
  border-color: #4d9332;
  padding-left: 1.81818182em;
  position: relative;
}
.content .h3_attempt::before {
  content: "";
  display: block;
  width: 1.45454545em;
  height: 1.45454545em;
  background-image: url(../img/list_attempts_icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -0.13636364em;
  left: 0;
}
.content .whats_new {
  font-size: 1.17857143em;
  margin: 0;
  padding: 0;
}
.content .whats_new li {
  background-image: none;
  border-top: dotted 0.12121212em #4d9332;
  margin-bottom: 0;
  padding-left: 0;
}
.content .whats_new li:first-child {
  border-top: none;
}
.content .whats_new li a {
  display: inline-block;
  padding-top: 1.15151515em;
  padding-bottom: 1.15151515em;
  padding-left: 1.03030303em;
  position: relative;
}
.content .whats_new li a::before {
  content: "●";
  display: block;
  position: absolute;
  left: 0;
}
.content .whats_new img {
  width: inherit;
  max-width: inherit;
}
.content .example_top .col_3 {
  margin-bottom: 2.14285714em;
}
.content .example_top a {
  color: #4d9332;
  font-size: 1.17857143em;
  font-weight: bold;
}
.content .example_top a img {
  margin-bottom: 8px;
}
.content .movies_top .col_3 {
  margin-bottom: 2.14285714em;
}
.content .btn_list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21.51515152em;
  height: 4.48484848em;
  color: #fff;
  font-size: 1.17857143em;
  font-weight: bold;
  background-color: #4d9332;
  border-radius: 1.21212121em;
  margin: 0.60606061em auto 3.63636364em;
  position: relative;
}
.content .btn_list::after {
  content: "";
  display: block;
  width: 0.60606061em;
  height: 1.03030303em;
  background-image: url(../img/btn_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 1.63636364em;
  transform: translateY(-50%);
}
.content .btn_list:hover {
  text-decoration: none;
  background-color: #3f762a;
}
.content .btn_list:hover::after {
  right: 1.03030303em;
}
.content .embed {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.content .embed::before {
  display: block;
  content: "";
}
.content .embed.embed_16by9::before {
  padding-top: 56.25%;
}
.content .embed iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.content .list_attempts {
  display: flex;
  flex-wrap: wrap;
  background-color: #f2edda;
  margin-bottom: 1.42857143em;
  border-top-right-radius: 1.25em;
  border-bottom-right-radius: 1.25em;
}
@media screen and (max-width: 480px) {
  .content .list_attempts {
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.25em;
  }
}
.content .list_attempts .thumb {
  flex-basis: 26.66666667%;
  max-width: 26.66666667%;
}
@media screen and (max-width: 480px) {
  .content .list_attempts .thumb {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.content .list_attempts .thumb img {
  height: 100%;
  object-fit: cover;
}
.content .list_attempts .h3 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-basis: 73.33333333%;
  max-width: 73.33333333%;
  font-size: 1.14285714em;
  font-weight: bold;
  border-bottom: none;
  padding: 0.9375em 3.375em 0.9375em 1.25em;
  position: relative;
  margin: 0;
}
@media screen and (max-width: 480px) {
  .content .list_attempts .h3 {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.content .list_attempts .h3 .row {
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.content .list_attempts .h3 .pref {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.03125em;
  line-height: 1;
  background-color: #4d9332;
  border-radius: 0.60606061em;
  padding: 0.48484848em 2.12121212em;
  margin-right: 1.21212121em;
}
.content .list_attempts .h3 .name {
  font-size: 1.03125em;
}
.content .list_attempts .h3 .des {
  color: #4d9332;
  font-size: 1.1875em;
  font-feature-settings: "palt";
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.content .list_attempts .h3::after {
  content: "";
  display: block;
  width: 0.8125em;
  height: 1.28125em;
  background-image: url(../img/list_attempts_arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 1.6875em;
  transform: translateY(-50%);
}
.content .list_attempts:hover {
  text-decoration: none;
  background-color: #dad5c6;
}
.content .list_attempts:hover h3::after {
  right: 1.0625em;
}
.content .list_attempts:hover .des {
  text-decoration: underline;
}
.content img.attempt {
  display: block;
  margin-bottom: 1.57142857em;
}
.content .des_attempt {
  font-size: 1.17857143em;
  line-height: 2.11111111;
  text-align: justify;
  padding: 0;
  margin: 1.33333333em 0;
}
.content .des_attempt_box {
  font-size: 1.17857143em;
  line-height: 2.11111111;
  text-align: center;
  border: solid 0.12121212em #a91705;
  padding: 0.42424242em 0.90909091em;
  margin: 1.33333333em 0 3.63636364em;
}
.content .list_attempt {
  color: #4d9332;
  font-size: 1.35714286em;
  font-weight: bold;
  margin: 0 0 2.63157895em 0;
  padding: 0;
}
.content .list_attempt li {
  background-image: none;
  margin-bottom: 0.21052632em;
  padding-left: 1.42105263em;
  position: relative;
}
.content .list_attempt li::before {
  content: "";
  display: block;
  width: 1.10526316em;
  height: 1.10526316em;
  background-image: url(../img/list_attempts_icon.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.15789474em;
  left: 0;
}
.content .list_attempt li a {
  display: block;
  color: #4d9332;
}
.content .box_attempt {
  background-color: #f2edda;
  border-radius: 1.42857143em;
  padding: 2.14285714em;
  margin-bottom: 4.28571429em;
}
.content .box_attempt h3 {
  color: #4d9332;
  font-size: 1.57142857em;
  border-left: solid 0.45454545em #4d9332;
  border-bottom: none;
  background-color: #fff;
  padding: 0.54545455em 0.45454545em 0.31818182em;
  margin: 0 0 1.36363636em 0;
}
.content .box_attempt .inner {
  padding-left: 1.07142857em;
  padding-right: 1.07142857em;
  margin-bottom: 2.85714286em;
}
.content .box_attempt .meta_data {
  margin-bottom: 2.14285714em;
}
@media screen and (max-width: 480px) {
  .content .box_attempt .meta_data .image {
    margin-bottom: 1em;
  }
}
.content .box_attempt .meta_data .image img {
  height: 100%;
  object-fit: cover;
}
.content .box_attempt .meta_data .name {
  font-size: 1.57142857em;
  font-weight: bold;
  margin-bottom: 1em;
}
.content .box_attempt .meta_data dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.14285714em;
  border-bottom: dotted 0.14285714em #4d9332;
  padding-top: 0.35714286em;
  padding-bottom: 0.28571429em;
  margin-bottom: 0;
}
.content .box_attempt .meta_data dl dt {
  font-weight: normal;
}
.content .box_attempt h4 {
  color: #4d9332;
  font-size: 1.28571429em;
  border-left: none;
  border-bottom: solid 0.11111111em #4d9332;
  padding: 0 0 0.38888889em 0.16666667em;
  margin: 0 0 0.55555556em 0;
}
.content .box_attempt h4 + p {
  font-size: 1.14285714em;
  text-align: justify;
  padding: 0;
  margin: 0 0 1.25em 0;
}
.content .box_attempt .que dt {
  color: #4d9332;
  font-size: 1.35714286em;
  border-bottom: dotted 0.10526316em #4d9332;
  padding-bottom: 0.42105263em;
  margin-bottom: 0.42105263em;
}
.content .box_attempt .que dd {
  font-size: 1.07142857em;
  line-height: 2;
  text-align: justify;
}
.content .box_attempt .que dd .title {
  color: #4fa147;
  font-weight: bold;
}
.content .box_attempt.blue h3 {
  color: #147883;
  border-left-color: #147883;
  border-bottom: none;
}
.content .box_attempt.blue h4 {
  color: #147883;
  border-bottom-color: #147883;
}
.content .box_attempt.blue .que dt {
  color: #147883;
  border-bottom-color: #147883;
}
.content .list_movies .col {
  margin-bottom: 2.14285714em;
}
.content .list_movies h3 {
  color: #4d9332;
  font-size: 1.21428571em;
  border-bottom: none;
  padding: 0;
  margin: 0.70588235em 0 0 0;
}
.content .box_instructor {
  color: #fff;
  background-color: #c79056;
  border-radius: 1.42857143em;
  padding: 2.14285714em;
  margin-bottom: 4.28571429em;
}
.content .box_instructor h3 {
  color: #4d9332;
  font-size: 1.57142857em;
  border-left: solid 0.45454545em #4d9332;
  border-bottom: none;
  background-color: #fff;
  padding: 0.45454545em;
  margin: 0 0 1.36363636em 0;
}
.content .box_instructor .inner {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 2.85714286em;
}
.content .box_instructor .meta_data {
  margin-bottom: 1.07142857em;
}
@media screen and (max-width: 480px) {
  .content .box_instructor .meta_data .image {
    margin-bottom: 1em;
  }
}
.content .box_instructor .meta_data .image img {
  height: 100%;
  object-fit: cover;
}
.content .box_instructor .meta_data .name {
  font-size: 1.42857143em;
  font-weight: bold;
}
.content .box_instructor .meta_data .name .position {
  font-size: 65%;
}
.content .box_instructor p {
  padding-left: 0;
  padding-right: 0;
  text-align: justify;
}
.content .box_instructor .que dt {
  color: #fff;
  font-size: 1.35714286em;
  border-bottom: dotted 0.10526316em #fff;
  padding-bottom: 0.42105263em;
  margin-bottom: 0.42105263em;
}
.content .box_instructor .que dd {
  font-size: 1.07142857em;
  line-height: 2;
  text-align: justify;
}