@charset "UTF-8";
/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.header .menubox .box2 .list .study_active:after {
  width: 100%; }

.study {
  /* .skillup */
  /* .solution */
  /* .memorization */
  /* .case */ }
  @media (max-width: 1023px) {
    .study main .innerbox {
      width: calc(100% - 40px);
      margin-left: auto;
      margin-right: auto; } }
  .study .study_list li {
    position: relative;
    padding-left: 1em; }
    .study .study_list li::before {
      content: '・';
      position: absolute;
      font-size: 1em;
      top: 0;
      left: 0; }
  .study .study_linebox {
    border: 1px solid #C9C9C9;
    position: relative;
    padding: 47px 50px 43px; }
    @media (max-width: 1023px) {
      .study .study_linebox {
        padding: 60px 42px 49px; } }
    .study .study_linebox .study_linebox_ttl {
      background: #F5F5F5;
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1;
      padding: 0 23px;
      position: absolute;
      top: 0;
      left: 50%;
      width: max-content;
      transform: translate(-50%, -50%); }
      @media (max-width: 1023px) {
        .study .study_linebox .study_linebox_ttl {
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.36;
          text-align: center;
          padding: 0 20px; } }
  .study .study_dropshadow {
    box-shadow: 6px 8px 16px rgba(0, 0, 0, 0.1); }
  @media (max-width: 1023px) {
    .study .c-mainbox .innerbox {
      width: 100%; } }
  .study .c-mainbox .txtbox .ttl .txtjp {
    margin-top: -7px; }
  .study .c-mainbox .txtbox .txt {
    margin-top: 36px; }
    @media (max-width: 1023px) {
      .study .c-mainbox .txtbox .txt {
        margin-top: 23px; } }
  .study .c-mainbox .innerbox {
    background: linear-gradient(-150deg, #e1e6e8 0%, #f5f8fa 100%); }
  @media (max-width: 1023px) {
    .study .c-mainbox .img {
      margin-top: 20px; } }
  .study .skillup {
    background: #F5F5F5;
    padding: 140px 0 69px;
    position: relative;
    margin-top: -60px;
    /* .skillup_examples */
    /* .skillup_worries */ }
    @media (max-width: 1023px) {
      .study .skillup {
        padding: 60px 0 53px;
        margin-top: 0; } }
    .study .skillup::after {
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 60px 0 60px;
      border-color: #F5F5F5 transparent transparent transparent;
      position: absolute;
      bottom: -40px;
      left: 50%;
      transform: translateX(-50%); }
      @media (max-width: 1023px) {
        .study .skillup::after {
          bottom: -30px;
          border-width: 30px 45px 0 45px; } }
    .study .skillup .skillup_examples {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 80px; }
      @media (max-width: 1023px) {
        .study .skillup .skillup_examples {
          margin-top: 86px;
          flex-direction: column;
          gap: 40px; } }
      .study .skillup .skillup_examples .skillup_examples_item {
        width: 27.44%;
        position: relative;
        z-index: 1; }
        @media (max-width: 1023px) {
          .study .skillup .skillup_examples .skillup_examples_item {
            width: 100%; } }
        .study .skillup .skillup_examples .skillup_examples_item em {
          font-size: 22px;
          font-size: 2.2rem;
          position: relative;
          min-height: 76px;
          padding: 21px 0 0 21px;
          display: block; }
          @media (max-width: 1023px) {
            .study .skillup .skillup_examples .skillup_examples_item em {
              padding: 24px 0 0 21px; } }
          .study .skillup .skillup_examples .skillup_examples_item em:before {
            content: '';
            display: block;
            width: 76px;
            height: 76px;
            background: #E0EDDD;
            border-radius: 50%;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0; }
        .study .skillup .skillup_examples .skillup_examples_item ul {
          margin-top: 3px; }
          .study .skillup .skillup_examples .skillup_examples_item ul li {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.625; }
    .study .skillup .skillup_worries {
      margin-top: 69px; }
      @media (max-width: 1023px) {
        .study .skillup .skillup_worries {
          margin-top: 51px; } }
      .study .skillup .skillup_worries .skillup_worries_ttl {
        font-size: 28px;
        font-size: 2.8rem;
        text-align: center;
        letter-spacing: 0.03em; }
        @media (max-width: 1023px) {
          .study .skillup .skillup_worries .skillup_worries_ttl {
            font-size: 22px;
            font-size: 2.2rem; } }
      .study .skillup .skillup_worries .skillup_worries_text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2;
        display: block;
        text-align: center;
        margin-top: 26px;
        letter-spacing: 0.02em; }
        @media (max-width: 1023px) {
          .study .skillup .skillup_worries .skillup_worries_text {
            font-size: 15px;
            font-size: 1.5rem;
            margin-top: 18px;
            text-align: left; } }
        .study .skillup .skillup_worries .skillup_worries_text small {
          display: block;
          text-align: right;
          font-size: 13px;
          font-size: 1.3rem;
          margin-top: 5px; }
          @media (max-width: 1023px) {
            .study .skillup .skillup_worries .skillup_worries_text small {
              font-size: 12px;
              font-size: 1.2rem; } }
      .study .skillup .skillup_worries .skillup_worries_ranking {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 25px;
        padding-left: 16px; }
        @media (max-width: 1023px) {
          .study .skillup .skillup_worries .skillup_worries_ranking {
            padding-left: 0;
            align-items: center;
            flex-direction: column;
            gap: 19px; } }
        .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item {
          background-repeat: no-repeat;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding-top: 5px; }
          .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no1 {
            background-image: url("../../images/study/icon_bln_1.svg");
            background-size: 100%;
            background-position: top center;
            width: 27.94%;
            min-height: 225px; }
            @media (max-width: 1023px) {
              .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no1 {
                background-image: url("../../images/study/icon_bln_1_sp.svg");
                width: 100%;
                min-height: 202px;
                max-width: 223px;
                padding-top: 0;
                padding-bottom: 17px; } }
          .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no2 {
            background-image: url("../../images/study/icon_bln_2.svg");
            background-size: 100%;
            background-position: top 20px center;
            width: 30.48%;
            min-height: 250px;
            padding-top: 0;
            padding-bottom: 18px; }
            @media (max-width: 1023px) {
              .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no2 {
                background-image: url("../../images/study/icon_bln_2_sp.svg");
                background-position: top center;
                width: 100%;
                min-height: 185px;
                max-width: 244px;
                padding-top: 0;
                padding-bottom: 39px; } }
          .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no3 {
            background-image: url("../../images/study/icon_bln_3.svg");
            background-size: 100%;
            background-position: top 20px center;
            width: 30.48%;
            min-height: 225px; }
            @media (max-width: 1023px) {
              .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item.no3 {
                width: 100%;
                min-height: 184px;
                background-image: url("../../images/study/icon_bln_3_sp.svg");
                background-position: top center;
                max-width: 244px;
                padding-top: 0;
                padding-bottom: 28px;
                margin-top: -4px; } }
          .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item em {
            font-size: 30px;
            font-size: 3rem;
            line-height: 1; }
            @media (max-width: 1023px) {
              .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item em {
                font-size: 28px;
                font-size: 2.8rem; } }
          .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item p {
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.66;
            text-align: center;
            margin-top: 22px; }
            @media (max-width: 1023px) {
              .study .skillup .skillup_worries .skillup_worries_ranking .skillup_worries_ranking_item p {
                font-size: 15px;
                font-size: 1.5rem;
                line-height: 1.6;
                margin-top: 15px; } }
    .study .skillup .skillup_solution {
      font-size: 32px;
      font-size: 3.2rem;
      text-align: center;
      font-weight: 500;
      margin-top: 45px;
      letter-spacing: 0.03em; }
      @media (max-width: 1023px) {
        .study .skillup .skillup_solution {
          font-size: 28px;
          font-size: 2.8rem;
          line-height: 1.43;
          margin-top: 30px; } }
  .study .solution {
    padding-top: 112px;
    /* .solution_item */
    /* .solution_merit */ }
    @media (max-width: 1023px) {
      .study .solution {
        padding-top: 70px; } }
    .study .solution .solution_item:not(:first-child) {
      margin-top: 42px; }
    .study .solution .solution_item:nth-child(1) .solution_item_ttl::before {
      content: 'お悩み 1位'; }
    .study .solution .solution_item:nth-child(2) .solution_item_ttl::before {
      content: 'お悩み 2位'; }
    .study .solution .solution_item:nth-child(3) .solution_item_ttl::before {
      content: 'お悩み 3位'; }
    .study .solution .solution_item .solution_item_ttl {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: 500;
      letter-spacing: 0.03em; }
      @media (max-width: 1023px) {
        .study .solution .solution_item .solution_item_ttl {
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;
          font-size: 18px;
          font-size: 1.8rem;
          gap: 3px; } }
      .study .solution .solution_item .solution_item_ttl::before {
        display: block;
        background: #E0EDDD;
        width: 150px;
        height: 30px;
        border-radius: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        font-size: 1.3rem;
        letter-spacing: 0.02em; }
    .study .solution .solution_item .solution_item_row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px; }
      @media (max-width: 1023px) {
        .study .solution .solution_item .solution_item_row {
          flex-direction: column;
          margin-top: 14px; } }
      .study .solution .solution_item .solution_item_row .solution_item_images {
        width: 59.5%;
        background: #F5F5F5;
        padding: 32px 30px 32px 29px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media (max-width: 1023px) {
          .study .solution .solution_item .solution_item_row .solution_item_images {
            width: 100%;
            padding: 30px 33px;
            flex-direction: column;
            gap: 14px; } }
        .study .solution .solution_item .solution_item_row .solution_item_images img {
          max-width: none;
          width: 100%; }
        .study .solution .solution_item .solution_item_row .solution_item_images .before {
          width: 39.18%; }
          @media (max-width: 1023px) {
            .study .solution .solution_item .solution_item_row .solution_item_images .before {
              width: 77.77%; } }
        .study .solution .solution_item .solution_item_row .solution_item_images span {
          display: block;
          background-image: url("../../images/study/icon_solution_arrow.svg");
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat;
          width: 6.9%;
          height: 29px; }
          @media (max-width: 1023px) {
            .study .solution .solution_item .solution_item_row .solution_item_images span {
              width: 37px;
              height: 29px;
              transform: rotate(90deg); } }
        .study .solution .solution_item .solution_item_row .solution_item_images .after {
          width: 50.37%; }
          @media (max-width: 1023px) {
            .study .solution .solution_item .solution_item_row .solution_item_images .after {
              width: 100%; } }
      .study .solution .solution_item .solution_item_row .solution_item_text {
        width: 36%; }
        @media (max-width: 1023px) {
          .study .solution .solution_item .solution_item_row .solution_item_text {
            width: 100%;
            margin-top: 19px; } }
        .study .solution .solution_item .solution_item_row .solution_item_text em {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 600;
          display: flex;
          align-items: center;
          gap: 5px;
          line-height: 1; }
          .study .solution .solution_item .solution_item_row .solution_item_text em::before {
            content: '';
            display: block;
            background-image: url("../../images/study/icon_solution_arrow.svg");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            width: 27px;
            height: 21px; }
        .study .solution .solution_item .solution_item_row .solution_item_text p {
          margin-top: 10px;
          display: block;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.73;
          letter-spacing: 0em; }
          @media (max-width: 1023px) {
            .study .solution .solution_item .solution_item_row .solution_item_text p {
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.57; } }
        .study .solution .solution_item .solution_item_row .solution_item_text .c-btn01 {
          margin-top: 11px;
          width: 260px; }
          @media (max-width: 1023px) {
            .study .solution .solution_item .solution_item_row .solution_item_text .c-btn01 {
              margin: 13px auto 0;
              width: 300px; } }
          .study .solution .solution_item .solution_item_row .solution_item_text .c-btn01 a {
            max-width: none; }
    .study .solution .solution_merit {
      border: 1px solid #BABABA;
      padding: 50px 45px 40px;
      position: relative;
      margin-top: 84px; }
      @media (max-width: 1023px) {
        .study .solution .solution_merit {
          margin-top: 90px;
          padding: 45px 19px 31px; } }
      .study .solution .solution_merit .solution_merit_ttl {
        position: absolute;
        background: #fff;
        padding: 0 37px;
        font-size: 28px;
        font-size: 2.8rem;
        letter-spacing: 0.03em;
        width: max-content;
        line-height: 1;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%); }
        @media (max-width: 1023px) {
          .study .solution .solution_merit .solution_merit_ttl {
            font-size: 22px;
            font-size: 2.2rem;
            text-align: center;
            line-height: 1.36;
            padding: 0 5px; } }
      .study .solution .solution_merit .study_list {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 2;
        letter-spacing: 0.03em; }
        @media (max-width: 1023px) {
          .study .solution .solution_merit .study_list {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.875; } }
        .study .solution .solution_merit .study_list li a {
          text-decoration: underline; }
  .study .memorization {
    background: #F5F5F5;
    padding: 100px 0 100px;
    margin-top: 80px;
    /* .memorization_howto */
    /* .memorization_btns */ }
    @media (max-width: 1023px) {
      .study .memorization {
        margin-top: 50px;
        padding: 50px 0; } }
    .study .memorization .ttlmain {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px; }
      @media (max-width: 1023px) {
        .study .memorization .ttlmain {
          transform: translateX(-12px);
          gap: 11px; } }
      @media (max-width: 1023px) {
        .study .memorization .ttlmain span {
          padding: 0 24px 15px; } }
    .study .memorization .memorization_info {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 46px; }
      @media (max-width: 1023px) {
        .study .memorization .memorization_info {
          margin-top: 40px;
          flex-direction: column; } }
      .study .memorization .memorization_info .memorization_info_image {
        border: 1px solid #e8e8e8;
        width: 54%; }
        @media (max-width: 1023px) {
          .study .memorization .memorization_info .memorization_info_image {
            width: 100%; } }
      .study .memorization .memorization_info .memorization_info_text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2;
        display: block;
        width: 42%;
        margin-top: -5px;
        letter-spacing: 0.02em; }
        @media (min-width: 1024px) {
          .study .memorization .memorization_info .memorization_info_text {
            padding-top: 40px; } }
        @media (max-width: 1023px) {
          .study .memorization .memorization_info .memorization_info_text {
            width: 100%;
            font-size: 15px;
            font-size: 1.5rem;
            margin-top: 15px; } }
    .study .memorization .memorization_howto {
      margin-top: 70px;
      /* .memorization_howto_item */ }
      @media (max-width: 1023px) {
        .study .memorization .memorization_howto {
          margin-top: 40px; } }
      .study .memorization .memorization_howto .memorization_howto_item:not(:first-child) {
        margin-top: 70px; }
      .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl {
        display: flex;
        align-items: center;
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 500;
        letter-spacing: 0.03em; }
        @media (max-width: 1023px) {
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl {
            display: block;
            font-size: 18px;
            font-size: 1.8rem;
            line-height: 1.77; } }
        .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl i {
          width: 30px;
          height: 30px;
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat;
          margin-right: 2px;
          display: inline-block; }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl i.highlight {
            background-image: url("../../images/study/icon_highlight.png"); }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl i.markerpen {
            background-image: url("../../images/study/icon_markerpen.png"); }
          @media (max-width: 1023px) {
            .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl i {
              vertical-align: middle;
              width: 24px;
              height: 24px;
              transform: translateY(-2px); } }
        .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl span {
          background: #E0EDDD;
          font-size: 18px;
          font-size: 1.8rem;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 130px;
          height: 40px;
          line-height: 1;
          position: relative;
          padding-left: 10px;
          margin-right: 20px; }
          @media (max-width: 1023px) {
            .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl span {
              margin-bottom: 7px;
              width: 102px;
              height: 32px;
              font-size: 14px;
              font-size: 1.4rem;
              padding-left: 7px; } }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl span::after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 0 20px 10px;
            border-color: transparent transparent transparent #E0EDDD;
            position: absolute;
            top: 0;
            left: 100%; }
            @media (max-width: 1023px) {
              .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_ttl span::after {
                border-width: 16px 0 16px 8px; } }
      .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 30px; }
        @media (max-width: 1023px) {
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row {
            flex-direction: column;
            padding: 0;
            margin-top: 13px; } }
        .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_gif {
          width: 48%; }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_gif img {
            max-width: none;
            width: 100%; }
          @media (max-width: 1023px) {
            .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_gif {
              width: 100%; } }
        .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text {
          width: 47%; }
          @media (max-width: 1023px) {
            .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text {
              width: 100%; } }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text i.hide, .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text i.show {
            width: 20px;
            height: 20px;
            display: inline-block;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            vertical-align: text-bottom; }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text i.hide {
            background-image: url("../../images/study/icon_hide.png"); }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text i.show {
            background-image: url("../../images/study/icon_show.png");
            margin-right: 2px; }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text ul {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 2;
            margin-top: -4px;
            letter-spacing: 0.02em; }
            @media (max-width: 1023px) {
              .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text ul {
                font-size: 15px;
                font-size: 1.5rem;
                line-height: 1.73;
                margin-top: 23px; } }
          .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text .memorization_howto_text_row {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 26px;
            max-width: 380px; }
            @media (max-width: 1023px) {
              .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text .memorization_howto_text_row {
                margin-top: 23px; } }
            .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text .memorization_howto_text_row figure {
              width: 47.05%;
              position: relative; }
              .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text .memorization_howto_text_row figure span {
                width: 130px;
                height: 23px;
                display: flex;
                justify-content: center;
                align-items: center;
                position: absolute;
                top: 10px;
                right: 10px;
                background: #F5F5F5;
                font-size: 10px;
                font-size: 1rem;
                letter-spacing: 0.02em;
                border-radius: 5px; }
                @media (max-width: 1023px) {
                  .study .memorization .memorization_howto .memorization_howto_item .memorization_howto_item_row .memorization_howto_item_text .memorization_howto_text_row figure span {
                    width: 120px;
                    height: 20px;
                    font-size: 10px;
                    font-size: 1rem;
                    top: 5px;
                    right: 5px; } }
      .study .memorization .memorization_howto .memorization_howto_item:last-child .memorization_howto_item_text .memorization_howto_text_row {
        max-width: 430px; }
        @media (min-width: 1024px) {
          .study .memorization .memorization_howto .memorization_howto_item:last-child .memorization_howto_item_text .memorization_howto_text_row {
            margin-top: 12px; } }
        @media (min-width: 1024px) {
          .study .memorization .memorization_howto .memorization_howto_item:last-child .memorization_howto_item_text .memorization_howto_text_row figure {
            width: 49%; } }
        .study .memorization .memorization_howto .memorization_howto_item:last-child .memorization_howto_item_text .memorization_howto_text_row figure span {
          top: 15px;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
        .study .memorization .memorization_howto .memorization_howto_item:last-child .memorization_howto_item_text .memorization_howto_text_row figure:first-child span {
          width: 143px; }
    .study .memorization .memorization_btns {
      margin-top: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 40px; }
      @media (max-width: 1023px) {
        .study .memorization .memorization_btns {
          flex-direction: column;
          gap: 20px;
          margin-top: 40px; } }
      .study .memorization .memorization_btns .memorization_btns_item {
        width: 320px; }
        @media (max-width: 1023px) {
          .study .memorization .memorization_btns .memorization_btns_item {
            width: 300px; } }
        .study .memorization .memorization_btns .memorization_btns_item a {
          width: 100%;
          max-width: none; }
  .study .case {
    margin-top: 85px;
    /* .case_example */ }
    @media (max-width: 1023px) {
      .study .case {
        margin-top: 49px; } }
    .study .case .case_ttl {
      text-align: center;
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 500;
      letter-spacing: 0.03em; }
      @media (max-width: 1023px) {
        .study .case .case_ttl {
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.5; } }
    .study .case .case_text {
      display: block;
      letter-spacing: 0.02em;
      margin-top: 26px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 2;
      text-align: center; }
      @media (max-width: 1023px) {
        .study .case .case_text {
          margin-top: 16px;
          font-size: 15px;
          font-size: 1.5rem;
          text-align: left; } }
    .study .case .case_ttl_gray {
      width: 100%;
      background: #F5F5F5;
      text-align: center;
      padding: 10px 0;
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem;
      margin-top: 40px; }
      @media (max-width: 1023px) {
        .study .case .case_ttl_gray {
          line-height: 1.77;
          padding: 10px 0 17px; } }
    .study .case .case_example {
      margin-top: 29px;
      /* .case_example_item */ }
      @media (max-width: 1023px) {
        .study .case .case_example {
          margin-top: 26px; } }
      .study .case .case_example .case_example_item {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media (max-width: 1023px) {
          .study .case .case_example .case_example_item {
            flex-direction: column;
            padding: 0; } }
        @media (max-width: 1023px) {
          .study .case .case_example .case_example_item:not(:first-child) {
            margin-top: 34px; } }
        .study .case .case_example .case_example_item .case_example_item_worries {
          width: 45.83%;
          position: relative;
          min-height: 166px; }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item .case_example_item_worries {
              width: 100%;
              min-height: 0;
              margin: 0 auto;
              max-width: 335px; } }
          .study .case .case_example .case_example_item .case_example_item_worries span {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 150px;
            height: 30px;
            border-radius: 15px;
            background: #E0EDDD;
            font-size: 13px;
            font-size: 1.3rem;
            letter-spacing: 0.02em;
            line-height: 1; }
          .study .case .case_example .case_example_item .case_example_item_worries p {
            margin-top: 16px;
            display: block;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 2;
            font-weight: 500;
            letter-spacing: 0.03em; }
            @media (max-width: 1023px) {
              .study .case .case_example .case_example_item .case_example_item_worries p {
                margin-top: 7px;
                line-height: 1.875; } }
          .study .case .case_example .case_example_item .case_example_item_worries figure {
            position: absolute;
            display: block; }
        .study .case .case_example .case_example_item .case_example_item_arrow {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          gap: 5px;
          width: 14.59%;
          transform: translateY(-5px); }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item .case_example_item_arrow {
              flex-direction: column;
              width: 100%;
              margin: 20px auto 10px;
              gap: 17px; } }
          .study .case .case_example .case_example_item .case_example_item_arrow::before {
            content: '';
            display: block;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url("../../images/study/icon_solution_arrow.svg");
            width: 42px;
            height: 32px; }
            @media (max-width: 1023px) {
              .study .case .case_example .case_example_item .case_example_item_arrow::before {
                width: 42px;
                height: 32px;
                transform: rotate(90deg); } }
          .study .case .case_example .case_example_item .case_example_item_arrow span {
            font-size: 20px;
            font-size: 2rem;
            letter-spacing: 0.03em;
            font-weight: 600;
            line-height: 1; }
        .study .case .case_example .case_example_item .case_example_item_solution {
          width: 39.58%;
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          border: 1px solid #C9C9C9;
          border-radius: 10px;
          background: #fff;
          padding: 10px 20px;
          min-height: 120px;
          transform: translateY(-7px); }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item .case_example_item_solution {
              width: 100%; } }
          .study .case .case_example .case_example_item .case_example_item_solution p {
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.875;
            font-weight: 500; }
        .study .case .case_example .case_example_item.item1 .case_example_item_worries figure {
          width: 105px;
          right: 33px;
          top: 30px; }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item.item1 .case_example_item_worries figure {
              width: 83px;
              right: 0;
              top: 14px; } }
        .study .case .case_example .case_example_item.item2 .case_example_item_worries figure {
          width: 92px;
          right: 40px;
          top: 25px; }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item.item2 .case_example_item_worries figure {
              width: 69px;
              right: 0;
              top: 14px; } }
        .study .case .case_example .case_example_item.item3 .case_example_item_worries figure {
          width: 104px;
          right: 39px;
          top: 24px; }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item.item3 .case_example_item_worries figure {
              width: 95px;
              right: 0;
              top: 14px; } }
        .study .case .case_example .case_example_item.item4 .case_example_item_worries figure {
          width: 94px;
          right: 39px;
          top: 25px; }
          @media (max-width: 1023px) {
            .study .case .case_example .case_example_item.item4 .case_example_item_worries figure {
              width: 73px;
              right: 0;
              top: 14px; } }
    .study .case .case_btns {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 30px; }
      .study .case .case_btns .case_btns_item {
        width: 320px; }
        .study .case .case_btns .case_btns_item a {
          max-width: none; }
  .study .newfunction .newfunction_update {
    padding-bottom: 0; }
    @media (max-width: 1023px) {
      .study .newfunction .newfunction_update .innerbox {
        width: 100%; } }
  .study .newfunction .newfunction_info {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: right;
    line-height: 1.5;
    width: calc(100% - 40px);
    margin: 30px auto 120px;
    max-width: 1120px; }
    @media (max-width: 1023px) {
      .study .newfunction .newfunction_info {
        letter-spacing: 0em;
        margin: 30px auto 80px;
        width: 100%;
        text-align: left;
        line-height: 1.8;
        font-size: 10px;
        font-size: 1rem; } }