@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 .recommend_active:after {
  width: 100%; }

.header .menubox .box2 .list .item.item_parent .item_child li a.study_active:before {
  opacity: 1; }

.study {
  /* .skillup */
  /* .solution */
  /* .masking */
  /* .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); }
  .study .c-mainbox .innerbox:before {
    background: linear-gradient(135deg, #f0fff4 0%, #f7ffff 100%); }
  @media (max-width: 1023px) {
    .study .c-mainbox .innerbox {
      width: 100%; } }
  .study .c-mainbox .wave02 {
    transform: translate(-50%, -50%) scale(-1, 1);
    top: 77%;
    left: 58%;
    width: 32%; }
    @media (max-width: 1023px) {
      .study .c-mainbox .wave02 {
        width: 46.56%;
        transform: translate(-50%, -50%);
        top: 82%;
        left: 23%; } }
  @media (max-width: 1023px) {
    .study .c-mainbox .txtbox {
      background: linear-gradient(135deg, #f0fff4 0%, #f7ffff 100%); } }
  .study .c-mainbox .txtbox .ttl .txtjp {
    margin-top: -7px; }
  .study .c-mainbox .txtbox .ttl .ttlen img {
    height: 63px; }
  .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%); }
  .study .skillup {
    margin-top: 92px; }
    @media (max-width: 1023px) {
      .study .skillup {
        margin-top: 53px; } }
    .study .skillup .skillup__lead {
      display: block;
      text-align: center;
      margin-top: 25px; }
      @media (max-width: 1023px) {
        .study .skillup .skillup__lead {
          text-align: left; } }
    .study .skillup .skillup__row {
      margin-top: 56px;
      display: flex;
      justify-content: space-between;
      align-items: stretch; }
      @media (max-width: 1023px) {
        .study .skillup .skillup__row {
          margin-top: 40px;
          flex-direction: column;
          gap: 20px; } }
    .study .skillup .skillup__item {
      position: relative;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
      width: calc(50% - 20px);
      background: #f8fafa;
      border-radius: 10px;
      display: flex;
      align-items: center;
      flex-direction: column;
      border: 1px solid #EAEAEA;
      padding: 46px 45px 95px;
      cursor: pointer;
      transition: 0.3s; }
      @media (max-width: 1023px) {
        .study .skillup .skillup__item {
          width: 100%;
          padding: 30px 20px 50px; } }
      @media (any-hover: hover) {
        .study .skillup .skillup__item:hover {
          opacity: 0.75; } }
      .study .skillup .skillup__item .num {
        font-size: 40px;
        font-size: 4rem;
        line-height: 1;
        letter-spacing: 0.02em;
        font-weight: 600;
        width: 100%;
        padding-bottom: 13px;
        text-align: center;
        display: block;
        text-align: center;
        position: relative; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__item .num {
            font-size: 32px;
            font-size: 3.2rem;
            padding-bottom: 10px; } }
        .study .skillup .skillup__item .num:after {
          content: '';
          width: 46px;
          height: 4px;
          background: #AFE4C3;
          display: block;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%); }
          @media (max-width: 1023px) {
            .study .skillup .skillup__item .num:after {
              width: 36px; } }
      .study .skillup .skillup__item .img {
        display: block;
        margin-top: 45px; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__item .img {
            margin-top: 30px; } }
      .study .skillup .skillup__item .ttl {
        display: block;
        text-align: center;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1;
        letter-spacing: 0;
        font-weight: 400;
        margin-top: 20px; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__item .ttl {
            font-size: 18px;
            font-size: 1.8rem;
            margin-top: 15px; } }
      .study .skillup .skillup__item .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.7333;
        letter-spacing: 0;
        font-weight: 400;
        display: block;
        margin-top: 28px;
        text-align: left; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__item .txt {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 2;
            margin-top: 15px; } }
      .study .skillup .skillup__item .link {
        font-size: 13px;
        font-size: 1.3rem;
        position: absolute;
        padding-right: 53px;
        bottom: 32px;
        right: 25px;
        background-image: url("data:image/svg+xml;utf8,");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__item .link {
            right: 20px;
            bottom: 20px;
            padding-right: 36px; } }
        .study .skillup .skillup__item .link:after {
          content: '';
          display: block;
          background-image: url("../../images/common/arrow.svg");
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat;
          width: 26px;
          height: 6px;
          position: absolute;
          right: 18px;
          top: 50%;
          transform: translateY(-50%); }
          @media (max-width: 1023px) {
            .study .skillup .skillup__item .link:after {
              right: 0; } }
    .study .skillup .skillup__btns {
      display: flex;
      justify-content: center;
      margin-top: 60px;
      gap: 40px; }
      @media (max-width: 1023px) {
        .study .skillup .skillup__btns {
          margin-top: 30px;
          flex-direction: column;
          gap: 20px; } }
      @media (max-width: 1023px) {
        .study .skillup .skillup__btns .c-btn01 {
          text-align: center; } }
      .study .skillup .skillup__btns .c-btn01 a {
        width: 320px;
        max-width: 320px; }
        @media (max-width: 1023px) {
          .study .skillup .skillup__btns .c-btn01 a {
            width: 100%; } }
  .study .solution {
    margin-top: 123px; }
    @media (max-width: 1023px) {
      .study .solution {
        margin-top: 60px; } }
    .study .solution .solution__lead {
      text-align: center;
      margin-top: 25px; }
      @media (max-width: 1023px) {
        .study .solution .solution__lead {
          text-align: left; } }
    .study .solution .solution__row {
      margin-top: 56px;
      display: flex;
      justify-content: space-between;
      align-items: stretch; }
      @media (max-width: 1023px) {
        .study .solution .solution__row {
          margin-top: 30px;
          flex-direction: column;
          gap: 40px; } }
    .study .solution .solution__item {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      width: calc(33.33% - 33.33px);
      gap: 20px; }
      @media (max-width: 1023px) {
        .study .solution .solution__item {
          width: 100%; } }
      .study .solution .solution__item .ttl {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.5;
        letter-spacing: 0.03em;
        font-weight: 500;
        display: block;
        min-height: 3em; }
        @media (max-width: 1023px) {
          .study .solution .solution__item .ttl {
            font-size: 18px;
            font-size: 1.8rem;
            min-height: 0; } }
      .study .solution .solution__item .kaiketsu {
        display: flex;
        align-items: center;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1;
        letter-spacing: 0.03em;
        font-weight: 600;
        gap: 5px;
        margin-top: 28px; }
        @media (max-width: 1023px) {
          .study .solution .solution__item .kaiketsu {
            font-size: 16px;
            font-size: 1.6rem;
            margin-top: 15px; } }
        .study .solution .solution__item .kaiketsu:before {
          content: '';
          background-image: url("../../images/study/icon_solution_arrow.svg");
          background-size: contain;
          background-position: center center;
          background-repeat: no-repeat;
          width: 27px;
          height: 21px; }
          @media (max-width: 1023px) {
            .study .solution .solution__item .kaiketsu:before {
              width: 20px;
              height: 20px; } }
      .study .solution .solution__item .txt {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
        letter-spacing: 0;
        font-weight: 400;
        display: block;
        margin-top: 17px; }
        @media (max-width: 1023px) {
          .study .solution .solution__item .txt {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 2;
            margin-top: 15px; } }
  .study .masking {
    margin-top: 124px;
    margin-bottom: 120px; }
    @media (max-width: 1023px) {
      .study .masking {
        margin-top: 60px;
        margin-bottom: 60px; } }
    .study .masking .masking__lead {
      text-align: center;
      margin-top: 25px; }
      @media (max-width: 1023px) {
        .study .masking .masking__lead {
          text-align: left; } }
    .study .masking .masking__row {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 56px;
      gap: 70px 0; }
      @media (max-width: 1023px) {
        .study .masking .masking__row {
          margin-top: 40px;
          flex-direction: column;
          gap: 30px; } }
    .study .masking .masking__item {
      width: 50%;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      position: relative;
      padding-top: 45px;
      padding-left: 10px; }
      @media (max-width: 1023px) {
        .study .masking .masking__item {
          width: 100%; } }
      @media (min-width: 1024px) {
        .study .masking .masking__item:nth-child(odd) {
          padding-right: 20px; }
        .study .masking .masking__item:nth-child(even) {
          padding-left: 30px; } }
      .study .masking .masking__item .index {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;
        letter-spacing: 0.02em;
        font-weight: 400;
        height: 30px;
        width: 100px;
        border-radius: 15px;
        background: #E9F4ED;
        display: flex;
        justify-content: center;
        align-items: center; }
      .study .masking .masking__item .left {
        width: 80px; }
        @media (max-width: 1023px) {
          .study .masking .masking__item .left {
            height: 80px; } }
        @media (max-width: 1023px) {
          .study .masking .masking__item .left .img {
            height: 100%;
            width: auto;
            margin: 0 auto; } }
      .study .masking .masking__item .right {
        width: calc(100% - 95px); }
        .study .masking .masking__item .right .txt {
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.6;
          letter-spacing: 0;
          font-weight: 500;
          display: block; }
          @media (max-width: 1023px) {
            .study .masking .masking__item .right .txt {
              height: 80px; } }
        .study .masking .masking__item .right .row {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          margin-top: 17px; }
          @media (max-width: 1023px) {
            .study .masking .masking__item .right .row {
              margin-left: -95px;
              width: calc(100% + 95px);
              flex-wrap: wrap;
              margin-top: 15px; } }
        .study .masking .masking__item .right .kaiketsu {
          display: flex;
          align-items: center;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1;
          letter-spacing: 0.03em;
          font-weight: 600;
          gap: 5px;
          margin-top: 13px;
          margin-left: -5px; }
          @media (max-width: 1023px) {
            .study .masking .masking__item .right .kaiketsu {
              font-size: 16px;
              font-size: 1.6rem;
              margin-left: 0;
              margin-top: 0; } }
          .study .masking .masking__item .right .kaiketsu:before {
            content: '';
            background-image: url("../../images/study/icon_solution_arrow.svg");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            width: 27px;
            height: 21px; }
            @media (max-width: 1023px) {
              .study .masking .masking__item .right .kaiketsu:before {
                width: 20px;
                height: 20px; } }
        .study .masking .masking__item .right .detail {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 18px 15px;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.6;
          letter-spacing: 0;
          font-weight: 500;
          border-radius: 10px;
          background: #fff;
          border: 1px solid #e6e6e6;
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
          width: calc(100% - 95px);
          text-align: center;
          min-height: 110px; }
          @media (max-width: 1023px) {
            .study .masking .masking__item .right .detail {
              min-height: 0;
              width: 100%;
              font-size: 14px;
              font-size: 1.4rem;
              padding: 15px;
              margin-top: 10px; } }
  .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; } }