@media only screen and (max-width: 768px), print and (min-width: 2cm) {
  .lifestyle-page .cont__header_ttl {
    line-height: 1.4; } }
.lifestyle-page .cont__header_img img {
  display: block; }
.lifestyle-page .sec_1 {
  padding: 7em 0 0; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_1 {
      padding: 4em 0 0; } }
  .lifestyle-page .sec_1 p {
    text-align: center;
    font-size: 2rem; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_1 p {
        font-size: 1.6rem; } }
.lifestyle-page .sec_2 {
  padding: 5em 0; }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 {
      padding: 4em 0; } }
  .lifestyle-page .sec_2 .tab_navi .tab_btn {
    display: flex;
    justify-content: space-between; }
    .lifestyle-page .sec_2 .tab_navi .tab_btn li {
      background: #fff;
      border: 1px solid #ddd;
      width: 18%; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lifestyle-page .sec_2 .tab_navi .tab_btn li {
          width: 19%; } }
      .lifestyle-page .sec_2 .tab_navi .tab_btn li.active {
        background: #C80019;
        border: none; }
      .lifestyle-page .sec_2 .tab_navi .tab_btn li p {
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600; }
        @media only screen and (max-width: 768px), print and (min-width: 2cm) {
          .lifestyle-page .sec_2 .tab_navi .tab_btn li p {
            font-size: 1.2rem;
            line-height: 1.3; } }
  .lifestyle-page .sec_2 .tab_navi .ttl_area {
    position: relative;
    margin-top: -25px;
    z-index: -1;
    margin-bottom: 100px; }
    .lifestyle-page .sec_2 .tab_navi .ttl_area figure img {
      display: none; }
      .lifestyle-page .sec_2 .tab_navi .ttl_area figure img.active {
        display: block; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .ttl_area {
        height: 200px;
        margin-bottom: 60px; }
        .lifestyle-page .sec_2 .tab_navi .ttl_area figure {
          height: 100%; }
          .lifestyle-page .sec_2 .tab_navi .ttl_area figure img {
            object-fit: cover;
            height: 100%; } }
    .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl > div {
        display: none;
        opacity: 0;
        animation-duration: 0.5s;
        animation-name: fade-in;
        animation-direction: alternate; }
        .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl > div.active {
          display: block;
          opacity: 1;
          animation-duration: 1s;
          animation-name: fade-in; }
        .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl > div p {
          text-align: center; }
          .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl > div p:first-child {
            font-size: 4rem;
            color: #fff;
            font-weight: 600;
            line-height: 1.0; }
            @media only screen and (max-width: 768px), print and (min-width: 2cm) {
              .lifestyle-page .sec_2 .tab_navi .ttl_area .tab_ttl > div p:first-child {
                font-size: 2rem; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell h2 {
      font-size: 1.6rem; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell h2:not(:first-child) {
    margin-top: 100px; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell h2:not(:first-child) {
        margin-top: 60px; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell p {
    font-size: 1.6rem; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell p {
        font-size: 1.4rem;
        line-height: 1.8; } }
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell p span.b-txt {
      font-weight: 500; }
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell p span.s-txt {
      font-size: 1.4rem; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lifestyle-page .sec_2 .tab_navi .tab_cont .cell p span.s-txt {
          font-size: 1.2rem; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell img {
    object-fit: contain; }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .mb_01 {
    margin-bottom: 1em; }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box {
    justify-content: space-between; }
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_02 {
      width: 48%; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_02 {
          width: 100%; } }
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_03 {
      width: 32%; }
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_04 {
      width: 24%; }
      @media only screen and (max-width: 768px), print and (min-width: 2cm) {
        .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_04 {
          width: 48%; }
          .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .w_04:nth-child(n+3) {
            margin-top: 1em; } }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell .flex_box .pht.w_02 {
        width: 48%;
        margin: 0 auto 0; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell01 .flex_box:nth-child(2) .pht.w_02 {
      width: 100%;
      margin: 1em auto 0; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell01 .flex_box:nth-child(7) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell01 .flex_box:nth-child(7) .pht.w_02 {
        width: 100%;
        margin: 1em auto 0; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell03 .flex_box:nth-child(8) .pht.w_02 {
      width: 100%;
      margin: 1em auto 0; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(2) .pht.w_02 {
      width: 100%;
      margin: 1em auto 0; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(4) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(4) .pht.w_02 {
        width: 100%;
        margin: 1em auto 0; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(6) .pht.w_02 {
      width: 100%;
      margin: 1em auto 0; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(8) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell04 .flex_box:nth-child(8) .pht.w_02 {
        width: 100%;
        margin: 1em auto 0; } }
  @media only screen and (max-width: 768px), print and (min-width: 2cm) {
    .lifestyle-page .sec_2 .tab_navi .tab_cont .cell05 .flex_box:nth-child(2) .pht.w_02 {
      width: 100%;
      margin: 1em auto 0; } }
  .lifestyle-page .sec_2 .tab_navi .tab_cont .cell05 .flex_box:nth-child(4) {
    flex-direction: row-reverse; }
    @media only screen and (max-width: 768px), print and (min-width: 2cm) {
      .lifestyle-page .sec_2 .tab_navi .tab_cont .cell05 .flex_box:nth-child(4) .pht.w_02 {
        width: 100%;
        margin: 1em auto 0; } }