/* line 3, index.scss */
.topimage {
  position: relative;
  width: 100%;
  height: 100svh;
  margin: 0 auto 100px;
  z-index: 0;
  overflow: hidden; }
  @media screen and (max-width: 800px) {
    /* line 3, index.scss */
    .topimage {
      margin-bottom: 0; } }
  /* line 14, index.scss */
  .topimage::after {
    position: absolute;
    left: 0;
    bottom: -240px;
    width: 100%;
    height: 240px;
    content: "";
    background-color: #FFFFFF;
    z-index: 1;
    pointer-events: none;
    transition: bottom 0.5s ease-out 3s; }
    @media screen and (max-width: 800px) {
      /* line 14, index.scss */
      .topimage::after {
        display: none; } }
  /* line 30, index.scss */
  .topimage.start::after {
    bottom: 0; }
  /* line 34, index.scss */
  .topimage.start .fv::after {
    top: 0; }
  /* line 38, index.scss */
  .topimage.start .fv .fv-word img {
    animation: fadetext 2s ease forwards 5.5s; }
  /* line 41, index.scss */
  .topimage.start .fv .fv-word.hide {
    transition: opacity 1s ease-in-out;
    opacity: 0; }
  /* line 47, index.scss */
  .topimage.start .fv .fv-rectangle img {
    opacity: 1; }
  /* line 51, index.scss */
  .topimage.start .fv .fv-rectangle-sp {
    opacity: 1; }
  /* line 54, index.scss */
  .topimage.start .fv .fv-word-last {
    opacity: 1; }
  /* line 57, index.scss */
  .topimage.start .fv .fv-word-last-sp {
    opacity: 1; }
  /* line 61, index.scss */
  .topimage.start .fv-text {
    opacity: 1; }
  /* line 64, index.scss */
  .topimage.start + .topics {
    opacity: 1; }
  /* line 68, index.scss */
  .topimage .fv {
    position: relative;
    width: calc(100% - 60px);
    height: 100%;
    z-index: 0;
    overflow: hidden;
    margin: 0 auto; }
    @media screen and (max-width: 800px) {
      /* line 68, index.scss */
      .topimage .fv {
        width: 100%;
        height: calc(100% - 210px); } }
    /* line 79, index.scss */
    .topimage .fv::before, .topimage .fv::after {
      position: absolute;
      left: 0;
      width: 100%;
      content: "";
      pointer-events: none; }
    /* line 87, index.scss */
    .topimage .fv::before {
      display: none;
      top: 0;
      height: 100%;
      background-color: rgba(108, 141, 175, 0.1);
      z-index: 1; }
    /* line 94, index.scss */
    .topimage .fv::after {
      top: -100%;
      height: calc(100% - 240px);
      background-color: rgba(29, 29, 29, 0.3);
      z-index: 1;
      transition: top 0.5s ease-out 3s; }
      @media screen and (max-width: 800px) {
        /* line 94, index.scss */
        .topimage .fv::after {
          top: 0;
          height: 100%; } }
    /* line 105, index.scss */
    .topimage .fv video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
    /* line 114, index.scss */
    .topimage .fv .fv-word {
      position: absolute;
      left: 50%;
      bottom: 233px;
      translate: -50% 0;
      width: 100%;
      max-width: 1194px;
      z-index: 3;
      transition: opacity 0.5s ease-out; }
      /* line 123, index.scss */
      .topimage .fv .fv-word img {
        mask-image: linear-gradient(to right, black 0%, black 40%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
        mask-size: 250% 100%;
        mask-position: 100% 0; }
      @media screen and (max-width: 800px) {
        /* line 114, index.scss */
        .topimage .fv .fv-word {
          display: none; } }
    /* line 132, index.scss */
    .topimage .fv .fv-rectangle {
      position: absolute;
      right: 0;
      top: calc(50% - 152px);
      translate: 0 -50%;
      width: 558px;
      height: 540px;
      z-index: 2;
      pointer-events: none; }
      @media screen and (max-width: 800px) {
        /* line 132, index.scss */
        .topimage .fv .fv-rectangle {
          display: none; } }
      /* line 144, index.scss */
      .topimage .fv .fv-rectangle img {
        position: absolute;
        top: 0;
        right: 0;
        opacity: 0; }
        /* line 149, index.scss */
        .topimage .fv .fv-rectangle img:nth-child(1) {
          transition: opacity 0.5s ease-in-out 11.5s; }
        /* line 152, index.scss */
        .topimage .fv .fv-rectangle img:nth-child(2) {
          transition: opacity 0.5s ease-in-out 12s; }
        /* line 155, index.scss */
        .topimage .fv .fv-rectangle img:nth-child(3) {
          transition: opacity 0.5s ease-in-out 12.5s; }
    /* line 160, index.scss */
    .topimage .fv .fv-rectangle-sp {
      display: none; }
      @media screen and (max-width: 800px) {
        /* line 160, index.scss */
        .topimage .fv .fv-rectangle-sp {
          display: block;
          position: absolute;
          right: -23px;
          top: 50%;
          translate: 0 -55%;
          z-index: 2;
          opacity: 0;
          transition: opacity 0.5s ease-out 0s; } }
    /* line 173, index.scss */
    .topimage .fv .fv-word-last {
      position: absolute;
      left: 50%;
      top: calc(50% - 120px);
      translate: -50% -50%;
      width: 649px;
      z-index: 2;
      opacity: 0;
      transition: opacity 2s ease-in-out 11.5s; }
      @media screen and (max-width: 800px) {
        /* line 173, index.scss */
        .topimage .fv .fv-word-last {
          display: none; } }
    /* line 186, index.scss */
    .topimage .fv .fv-word-last-sp {
      display: none; }
      @media screen and (max-width: 800px) {
        /* line 186, index.scss */
        .topimage .fv .fv-word-last-sp {
          display: block;
          position: absolute;
          left: 20px;
          bottom: -2px;
          z-index: 2;
          opacity: 0;
          transition: opacity 0.5s ease-out 0s; } }
  /* line 199, index.scss */
  .topimage .fv-text {
    position: absolute;
    left: 0;
    bottom: 110px;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-out 9s;
    z-index: 2; }
    @media screen and (max-width: 800px) {
      /* line 199, index.scss */
      .topimage .fv-text {
        left: 20px;
        bottom: 65px;
        transition: opacity 0.5s ease-out 0s; } }
    /* line 212, index.scss */
    .topimage .fv-text p {
      font-size: 17px;
      font-weight: 500;
      text-align: center;
      line-height: 1.6;
      margin: 0; }
      @media screen and (max-width: 800px) {
        /* line 212, index.scss */
        .topimage .fv-text p {
          font-size: 15px;
          line-height: 1.4;
          text-align: left; } }
      /* line 223, index.scss */
      .topimage .fv-text p.read-fv {
        color: #004EA2;
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 15px; }
        @media screen and (max-width: 800px) {
          /* line 223, index.scss */
          .topimage .fv-text p.read-fv {
            font-size: 22px;
            line-height: 1.27;
            margin-bottom: 8px; } }

/* line 240, index.scss */
.topics {
  position: absolute;
  top: calc(100vh - 75px);
  left: 190px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 500px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.5s ease-out 9s; }
  @media screen and (max-width: 800px) {
    /* line 240, index.scss */
    .topics {
      position: relative;
      left: auto;
      top: auto;
      max-width: inherit;
      display: block;
      border-top: 1px solid #D3D0D0;
      border-bottom: 1px solid #D3D0D0;
      padding: 20px;
      margin-bottom: 56px;
      transition: opacity 0.5s ease-out 0s; } }
  /* line 263, index.scss */
  .topics h2 {
    display: inline-block;
    width: 66px;
    color: #004EA2;
    font-size: 13px;
    margin: 0;
    padding-top: 2px; }
    @media screen and (max-width: 800px) {
      /* line 263, index.scss */
      .topics h2 {
        display: block;
        width: 100%;
        font-size: 16px;
        padding-top: 0;
        margin-bottom: 10px; } }
  /* line 278, index.scss */
  .topics .topicslist {
    width: calc(100% - 66px);
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 278, index.scss */
      .topics .topicslist {
        width: 100%;
        margin-bottom: 15px; } }
    /* line 286, index.scss */
    .topics .topicslist li {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 800px) {
        /* line 286, index.scss */
        .topics .topicslist li {
          margin-bottom: 3px; }
          /* line 291, index.scss */
          .topics .topicslist li:last-child {
            margin-bottom: 0; } }
      /* line 295, index.scss */
      .topics .topicslist li a {
        display: flex;
        font-size: 12px;
        line-height: 1.4;
        text-decoration: none; }
        @media screen and (max-width: 800px) {
          /* line 295, index.scss */
          .topics .topicslist li a {
            display: block; } }
        /* line 303, index.scss */
        .topics .topicslist li a .topics-date {
          display: inline-block;
          width: 72px; }
          @media screen and (max-width: 800px) {
            /* line 303, index.scss */
            .topics .topicslist li a .topics-date {
              display: block;
              width: 100%; } }
        /* line 311, index.scss */
        .topics .topicslist li a .topics-title {
          width: calc(100% - 72px);
          overflow: hidden;
          display: -webkit-box;
          text-overflow: ellipsis;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1; }
          @media screen and (max-width: 800px) {
            /* line 311, index.scss */
            .topics .topicslist li a .topics-title {
              width: 100%; } }
  /* line 325, index.scss */
  .topics .ichiran {
    position: relative;
    left: 66px;
    font-size: 12px;
    text-decoration: none;
    padding: 13px 0 0; }
    @media screen and (max-width: 800px) {
      /* line 325, index.scss */
      .topics .ichiran {
        left: 0;
        padding: 0; } }

/* line 340, index.scss */
article h2 {
  margin-bottom: 32px; }
  @media screen and (max-width: 800px) {
    /* line 340, index.scss */
    article h2 {
      margin-bottom: 20px; } }
  /* line 345, index.scss */
  article h2 .en {
    position: relative;
    color: #004EA2;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 43px; }
    @media screen and (max-width: 800px) {
      /* line 345, index.scss */
      article h2 .en {
        font-size: 18px; } }
    /* line 355, index.scss */
    article h2 .en::before {
      position: absolute;
      left: 0;
      top: 50%;
      translate: 0 -50%;
      width: 33px;
      height: 1px;
      content: "";
      background-color: #004EA2; }

/* line 371, index.scss */
.about {
  position: relative;
  padding-bottom: 420px;
  z-index: 2; }
  @media screen and (max-width: 800px) {
    /* line 371, index.scss */
    .about {
      padding-bottom: 195px; } }
  /* line 378, index.scss */
  .about .about-img {
    position: absolute;
    z-index: 1; }
    /* line 381, index.scss */
    .about .about-img img {
      object-fit: cover; }
    /* line 384, index.scss */
    .about .about-img.about-img01 {
      left: -236px;
      bottom: 145px;
      width: 753px;
      rotate: -27deg; }
      @media screen and (max-width: 800px) {
        /* line 384, index.scss */
        .about .about-img.about-img01 {
          left: -74px;
          bottom: 10px;
          width: 302px; } }
    /* line 395, index.scss */
    .about .about-img.about-img02 {
      right: -70px;
      bottom: -70px;
      width: 557px;
      rotate: -14deg; }
      @media screen and (max-width: 800px) {
        /* line 395, index.scss */
        .about .about-img.about-img02 {
          right: -45px;
          bottom: auto;
          top: -85px;
          width: 192px;
          rotate: -19deg; } }
  /* line 409, index.scss */
  .about .shapes {
    position: absolute;
    background-color: rgba(240, 240, 240, 0.65);
    pointer-events: none;
    z-index: 0; }
    /* line 414, index.scss */
    .about .shapes.shapes01 {
      bottom: 9px;
      left: -50px;
      width: 304px;
      height: 1128px;
      rotate: 300deg; }
      @media screen and (max-width: 800px) {
        /* line 414, index.scss */
        .about .shapes.shapes01 {
          bottom: -80px;
          left: 3px;
          width: 113px;
          height: 421px;
          rotate: 288deg; } }
    /* line 428, index.scss */
    .about .shapes.shapes02 {
      bottom: 113px;
      right: -185px;
      width: 304px;
      height: 480px;
      rotate: 128deg; }
      @media screen and (max-width: 800px) {
        /* line 428, index.scss */
        .about .shapes.shapes02 {
          right: -35px;
          top: -72px;
          bottom: auto;
          width: 102px;
          height: 134px;
          rotate: 40deg; } }

/* line 445, index.scss */
.about-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 445, index.scss */
    .about-content {
      flex-wrap: wrap;
      gap: 20px 0; } }
  /* line 452, index.scss */
  .about-content .l-about {
    width: 50%; }
    @media screen and (max-width: 800px) {
      /* line 452, index.scss */
      .about-content .l-about {
        width: 100%; } }
  /* line 458, index.scss */
  .about-content .r-about {
    width: 50%; }
    @media screen and (max-width: 800px) {
      /* line 458, index.scss */
      .about-content .r-about {
        width: 100%; } }
    /* line 463, index.scss */
    .about-content .r-about p {
      width: calc(100% + 50px);
      line-height: 1.87;
      margin-bottom: 30px; }
      @media screen and (max-width: 800px) {
        /* line 463, index.scss */
        .about-content .r-about p {
          width: 100%;
          line-height: 1.7; } }
      /* line 471, index.scss */
      .about-content .r-about p:last-child {
        margin-bottom: 0; }

/* line 477, index.scss */
.read-home {
  font-size: 33px;
  font-weight: 700;
  line-height: 1.39;
  margin-bottom: 0; }
  @media screen and (max-width: 800px) {
    /* line 477, index.scss */
    .read-home {
      font-size: 18px; } }

/* line 489, index.scss */
.problem {
  padding: 120px 0 195px;
  z-index: 0; }
  @media screen and (max-width: 800px) {
    /* line 489, index.scss */
    .problem {
      padding: 45px 0 55px; } }
  /* line 495, index.scss */
  .problem h2 {
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 800px) {
      /* line 495, index.scss */
      .problem h2 {
        position: relative;
        left: auto;
        top: auto; } }

/* line 506, index.scss */
.read-problem {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 80px; }
  @media screen and (max-width: 800px) {
    /* line 506, index.scss */
    .read-problem {
      font-size: 18px;
      text-align: left;
      line-height: 1.2;
      margin-bottom: 35px; } }

/* line 519, index.scss */
.problemlist {
  display: flex;
  justify-content: space-between;
  width: calc(100% + 43px);
  margin: 0 0 40px -21px;
  padding: 0; }
  @media screen and (max-width: 800px) {
    /* line 519, index.scss */
    .problemlist {
      flex-wrap: wrap;
      gap: 20px 8%;
      width: 100%;
      margin: 0 auto 16px; } }
  /* line 531, index.scss */
  .problemlist li {
    width: 22.7%;
    text-align: center;
    margin: 0;
    padding: 0; }
    @media screen and (max-width: 800px) {
      /* line 531, index.scss */
      .problemlist li {
        width: 45.8%; } }
    /* line 539, index.scss */
    .problemlist li .problem-img {
      display: block;
      width: 100%;
      margin: 0 auto 20px; }
      @media screen and (max-width: 800px) {
        /* line 539, index.scss */
        .problemlist li .problem-img {
          margin-bottom: 15px; } }
    /* line 547, index.scss */
    .problemlist li .problem-text {
      display: block;
      font-weight: 500; }
      @media screen and (max-width: 800px) {
        /* line 547, index.scss */
        .problemlist li .problem-text {
          font-size: 14px;
          line-height: 1.4; } }

/* line 558, index.scss */
.problem-bottom {
  text-align: center;
  margin-bottom: 150px; }
  @media screen and (max-width: 800px) {
    /* line 558, index.scss */
    .problem-bottom {
      margin-bottom: 80px; } }
  @media screen and (max-width: 800px) {
    /* line 564, index.scss */
    .problem-bottom .fade-text {
      max-width: 282px; } }
  @media screen and (max-width: 800px) {
    /* line 569, index.scss */
    .problem-bottom .fade-text img:nth-child(1) {
      width: 79.4%; } }
  @media screen and (max-width: 800px) {
    /* line 574, index.scss */
    .problem-bottom .fade-text img:nth-child(2) {
      width: 100%; } }

/* line 585, index.scss */
.value {
  margin-bottom: 140px; }
  @media screen and (max-width: 800px) {
    /* line 585, index.scss */
    .value {
      margin-bottom: 85px; } }

/* line 591, index.scss */
.parallax-img {
  margin: 0 auto 100px; }
  @media screen and (max-width: 800px) {
    /* line 591, index.scss */
    .parallax-img {
      margin: 0 auto 50px; } }

/* line 597, index.scss */
.value-content {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 800px) {
    /* line 597, index.scss */
    .value-content {
      flex-wrap: wrap;
      gap: 20px 0; } }
  /* line 604, index.scss */
  .value-content .l-value {
    width: 50%; }
    @media screen and (max-width: 800px) {
      /* line 604, index.scss */
      .value-content .l-value {
        width: 100%; } }
  /* line 610, index.scss */
  .value-content .r-value {
    width: 50%; }
    @media screen and (max-width: 800px) {
      /* line 610, index.scss */
      .value-content .r-value {
        width: 100%; } }
    /* line 615, index.scss */
    .value-content .r-value p {
      width: calc(100% + 50px);
      line-height: 1.87;
      margin-bottom: 80px; }
      @media screen and (max-width: 800px) {
        /* line 615, index.scss */
        .value-content .r-value p {
          width: 100%;
          line-height: 1.7;
          margin-bottom: 50px; } }

/* line 630, index.scss */
.magazine {
  background-color: #F0F0F0;
  padding: 124px 0 80px; }
  @media screen and (max-width: 800px) {
    /* line 630, index.scss */
    .magazine {
      padding: 55px 0; } }
  /* line 636, index.scss */
  .magazine h2 {
    position: absolute;
    left: -12px;
    top: -60px;
    display: flex;
    align-items: baseline;
    gap: 0 15px;
    color: #004EA2;
    margin-bottom: 0; }
    @media screen and (max-width: 800px) {
      /* line 636, index.scss */
      .magazine h2 {
        left: 20px;
        top: -24px; } }
    /* line 649, index.scss */
    .magazine h2 .en {
      display: inline-block;
      font-size: 125px;
      font-weight: 100;
      line-height: 1;
      padding-left: 0; }
      @media screen and (max-width: 800px) {
        /* line 649, index.scss */
        .magazine h2 .en {
          font-size: 43px; } }
      /* line 658, index.scss */
      .magazine h2 .en::before {
        display: none; }
    /* line 662, index.scss */
    .magazine h2 .jp {
      display: inline-block;
      font-size: 17px;
      font-weight: 700; }
      @media screen and (max-width: 800px) {
        /* line 662, index.scss */
        .magazine h2 .jp {
          font-size: 14px; } }

/* line 672, index.scss */
.tab {
  width: 100%; }
  /* line 674, index.scss */
  .tab .tab-list {
    display: flex;
    justify-content: space-between;
    gap: 0 3.7%;
    margin: 0 auto 30px;
    padding: 0;
    border-bottom: 1px solid #868686; }
    @media screen and (max-width: 800px) {
      /* line 674, index.scss */
      .tab .tab-list {
        flex-wrap: wrap;
        gap: 7px 2.1%;
        border-bottom: none;
        margin-bottom: 40px; } }
    /* line 687, index.scss */
    .tab .tab-list li {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: auto;
      height: 60px;
      color: #868686;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.28;
      text-align: center;
      margin: 0;
      padding: 0;
      cursor: pointer;
      transition: color 0.3s ease-out; }
      @media screen and (max-width: 800px) {
        /* line 687, index.scss */
        .tab .tab-list li {
          justify-content: center;
          width: 48.8%;
          height: 45px;
          color: #FFFFFF;
          background-color: #BCBCBC; } }
      /* line 710, index.scss */
      .tab .tab-list li::before {
        position: absolute;
        left: 50%;
        bottom: -3px;
        translate: -50% 0;
        width: 100%;
        height: 6px;
        content: "";
        background-color: #004EA2;
        opacity: 0;
        transition: opacity 0.3s ease-out; }
        @media screen and (max-width: 800px) {
          /* line 710, index.scss */
          .tab .tab-list li::before {
            display: none; } }
      /* line 725, index.scss */
      .tab .tab-list li.current {
        color: #004EA2; }
        @media screen and (max-width: 800px) {
          /* line 725, index.scss */
          .tab .tab-list li.current {
            color: #FFFFFF;
            background-color: #004EA2; } }
        /* line 731, index.scss */
        .tab .tab-list li.current::before {
          opacity: 1; }
  /* line 738, index.scss */
  .tab .tab-group .tab-content {
    display: none; }
    /* line 740, index.scss */
    .tab .tab-group .tab-content .magazine-content {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%; }
      @media screen and (max-width: 800px) {
        /* line 740, index.scss */
        .tab .tab-group .tab-content .magazine-content {
          flex-wrap: wrap;
          gap: 40px 0; } }
      /* line 749, index.scss */
      .tab .tab-group .tab-content .magazine-content .l-magazine {
        width: 50%;
        padding-bottom: 96px; }
        @media screen and (max-width: 800px) {
          /* line 749, index.scss */
          .tab .tab-group .tab-content .magazine-content .l-magazine {
            width: 100%;
            padding-bottom: 0; } }
        /* line 756, index.scss */
        .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content {
          display: block;
          text-decoration: none; }
          @media screen and (min-width: 800px) {
            /* line 762, index.scss */
            .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content:hover .pickup-img img {
              scale: 1.1; } }
          @media screen and (max-width: 800px) {
            /* line 756, index.scss */
            .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content {
              display: flex;
              flex-wrap: wrap; } }
          /* line 772, index.scss */
          .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .pickup-img {
            width: 100%;
            margin-bottom: 14px;
            overflow: hidden; }
            @media screen and (max-width: 800px) {
              /* line 772, index.scss */
              .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .pickup-img {
                order: 2;
                margin-bottom: 10px; } }
            /* line 780, index.scss */
            .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .pickup-img img {
              width: 100%;
              transition: scale 0.3s ease-out; }
          /* line 785, index.scss */
          .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content h3 {
            margin-bottom: 7px; }
            @media screen and (max-width: 800px) {
              /* line 785, index.scss */
              .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content h3 {
                order: 1; } }
            /* line 790, index.scss */
            .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content h3 .en {
              color: #004EA2;
              font-size: 24px;
              font-weight: 700; }
              @media screen and (max-width: 800px) {
                /* line 790, index.scss */
                .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content h3 .en {
                  font-size: 18px; } }
          /* line 799, index.scss */
          .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .entry-head {
            justify-content: flex-start; }
            @media screen and (max-width: 800px) {
              /* line 799, index.scss */
              .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .entry-head {
                order: 3; } }
          @media screen and (max-width: 800px) {
            /* line 805, index.scss */
            .tab .tab-group .tab-content .magazine-content .l-magazine .pickup-content .entry-title {
              order: 4; } }
      /* line 812, index.scss */
      .tab .tab-group .tab-content .magazine-content .r-magazine {
        width: 46.7%; }
        @media screen and (max-width: 800px) {
          /* line 812, index.scss */
          .tab .tab-group .tab-content .magazine-content .r-magazine {
            width: 100%; } }
        /* line 817, index.scss */
        .tab .tab-group .tab-content .magazine-content .r-magazine a {
          display: flex;
          justify-content: space-between;
          text-decoration: none;
          margin-bottom: 5px; }
          @media screen and (max-width: 800px) {
            /* line 817, index.scss */
            .tab .tab-group .tab-content .magazine-content .r-magazine a {
              margin-bottom: 12px; } }
          /* line 825, index.scss */
          .tab .tab-group .tab-content .magazine-content .r-magazine a:last-child {
            margin-bottom: 0; }
          @media screen and (min-width: 800px) {
            /* line 830, index.scss */
            .tab .tab-group .tab-content .magazine-content .r-magazine a:hover .magazine-img {
              opacity: 0.7; } }
          /* line 835, index.scss */
          .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-img {
            width: 50%;
            transition: opacity 0.3s ease-out; }
            /* line 838, index.scss */
            .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-img img {
              width: 100%; }
          /* line 842, index.scss */
          .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry {
            width: 46.9%; }
            @media screen and (max-width: 800px) {
              /* line 842, index.scss */
              .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry {
                width: 47.3%; } }
            /* line 847, index.scss */
            .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-head {
              margin-bottom: 10px; }
              @media screen and (max-width: 800px) {
                /* line 847, index.scss */
                .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-head {
                  flex-wrap: wrap;
                  gap: 5px 0; } }
              /* line 853, index.scss */
              .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-head .entry-cat {
                font-size: 11px; }
                @media screen and (max-width: 800px) {
                  /* line 853, index.scss */
                  .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-head .entry-cat {
                    width: 100%; } }
            /* line 860, index.scss */
            .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-title {
              font-size: 14px;
              font-weight: 400; }
              @media screen and (max-width: 800px) {
                /* line 860, index.scss */
                .tab .tab-group .tab-content .magazine-content .r-magazine a .magazine-entry .entry-title {
                  font-size: 13px;
                  -webkit-line-clamp: 3; } }
      /* line 871, index.scss */
      .tab .tab-group .tab-content .magazine-content .btn-blue {
        position: relative;
        left: 0;
        bottom: 48px; }
        @media screen and (max-width: 800px) {
          /* line 871, index.scss */
          .tab .tab-group .tab-content .magazine-content .btn-blue {
            position: relative;
            left: auto;
            bottom: auto;
            width: calc(100% - 60px);
            margin: 15px auto 0; } }

/* line 890, index.scss */
.products-group {
  padding: 70px 0; }
  @media screen and (max-width: 800px) {
    /* line 890, index.scss */
    .products-group {
      padding: 30px 0 45px; } }
  /* line 895, index.scss */
  .products-group h2 {
    margin-bottom: 35px; }
    @media screen and (max-width: 800px) {
      /* line 895, index.scss */
      .products-group h2 {
        margin-bottom: 20px; } }

/*# sourceMappingURL=index.css.map */