@charset "UTF-8";
html, body, p, ul, li {
  margin: 0;
  padding: 0; }

.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.align-center {
  text-align: center; }

#container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 98px 0 0;
  width: 100%; }
  @media screen and (max-width: 768px) {
    #container {
      /*padding-top: calc(18.8vw + 80px);*/
      padding-top: 80px;
    } }

#header #main_nv_sp ul {
  display: none; }

.try_campaign {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; }
  .try_campaign sup {
    line-height: 0; }
  .try_campaign ._head {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 700;
    line-height: 1;
    text-align: center; }
    .try_campaign ._head._banana {
      color: #ffea00;
      font-size: 40px;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        .try_campaign ._head._banana {
          font-size: 5.7vw;
          line-height: 1.2; } }
    .try_campaign ._head._avocado {
      color: #159d34;
      font-size: 40px;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        .try_campaign ._head._avocado {
          font-size: 5.7vw;
          line-height: 1.2; } }
    .try_campaign ._head._interview {
      font-size: 30px;
      margin-bottom: 0.5em; }
      @media screen and (max-width: 768px) {
        .try_campaign ._head._interview {
          font-size: 5.7vw;
          line-height: 1.2; } }
  .try_campaign ._desc {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center; }
    .try_campaign ._desc._read {
      font-size: 20px;
      color: #f00; }
      @media screen and (max-width: 768px) {
        .try_campaign ._desc._read {
          font-size: 3.8vw; } }
    @media screen and (max-width: 768px) {
      .try_campaign ._desc {
        font-size: 3.8vw; }
        .try_campaign ._desc br {
          display: none; } }
  .try_campaign ._read {
    font-size: 16px;
    line-height: 1.6; }
    .try_campaign ._read._banana {
      color: #fff; }
      .try_campaign ._read._banana + ._banana {
        margin: 0.5em 0 1.6em; }
    .try_campaign ._read._avocado {
      margin-bottom: 1.6em; }
    .try_campaign ._read._interview {
      margin-bottom: 0.5em; }
    @media screen and (max-width: 768px) {
      .try_campaign ._read {
        font-size: 3.8vw; }
        .try_campaign ._read br {
          display: none; } }
  .try_campaign ._note {
    font-size: 12px; }
    .try_campaign ._note._banana {
      color: #fff;
      text-align: center; }
    @media screen and (max-width: 768px) {
      .try_campaign ._note {
        font-size: 10px; } }
  .try_campaign ._badge {
    position: relative; }
    .try_campaign ._badge::before {
      background-size: cover;
      content: '';
      display: block;
      height: 94px;
      left: -15px;
      position: absolute;
      top: 10px;
      width: 94px; }
      @media screen and (max-width: 768px) {
        .try_campaign ._badge::before {
          height: 15vw;
          left: -3vw;
          top: 1.5vw;
          width: 15vw; } }
    .try_campaign ._badge._renewal::before {
      background-image: url("/campaign/try2020/img/badge_01.png"); }
    .try_campaign ._badge._released::before {
      background-image: url("/campaign/try2020/img/badge_02.png"); }
    .try_campaign ._badge._size280::before {
      background-image: url("/campaign/try2020/img/badge_03.png"); }
  .try_campaign .lineup_flex_container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .try_campaign .lineup_flex_container.lineup_banana, .try_campaign .lineup_flex_container.lineup_avocado {
      height: 192px; }
      @media screen and (max-width: 768px) {
        .try_campaign .lineup_flex_container.lineup_banana, .try_campaign .lineup_flex_container.lineup_avocado {
          height: auto;
          padding: 2vw 0; } }
      .try_campaign .lineup_flex_container.lineup_banana .lineup_image_col, .try_campaign .lineup_flex_container.lineup_avocado .lineup_image_col {
        width: 300px; }
        @media screen and (max-width: 768px) {
          .try_campaign .lineup_flex_container.lineup_banana .lineup_image_col, .try_campaign .lineup_flex_container.lineup_avocado .lineup_image_col {
            padding: 0 2.5vw;
            width: 30vw; } }
    .try_campaign .lineup_flex_container.lineup_pine {
      height: 192px; }
      @media screen and (max-width: 768px) {
        .try_campaign .lineup_flex_container.lineup_pine {
          height: auto;
          padding: 2vw 0; } }
      .try_campaign .lineup_flex_container.lineup_pine .lineup_image_col {
        width: 370px; }
        @media screen and (max-width: 768px) {
          .try_campaign .lineup_flex_container.lineup_pine .lineup_image_col {
            padding: 0 2.5vw;
            width: 37vw; } }
    .try_campaign .lineup_flex_container.lineup_apple {
      height: 192px; }
      @media screen and (max-width: 768px) {
        .try_campaign .lineup_flex_container.lineup_apple {
          height: auto;
          padding: 2vw 0; } }
      .try_campaign .lineup_flex_container.lineup_apple .lineup_image_col {
        width: 215px; }
        @media screen and (max-width: 768px) {
          .try_campaign .lineup_flex_container.lineup_apple .lineup_image_col {
            padding: 0 4vw;
            width: 30vw; } }
    .try_campaign .lineup_flex_container.lineup_carrot {
      height: 240px; }
      @media screen and (max-width: 768px) {
        .try_campaign .lineup_flex_container.lineup_carrot {
          height: auto;
          padding: 2vw 0; } }
      .try_campaign .lineup_flex_container.lineup_carrot .lineup_image_col {
        width: 215px; }
        @media screen and (max-width: 768px) {
          .try_campaign .lineup_flex_container.lineup_carrot .lineup_image_col {
            padding: 0 4vw;
            width: 30vw; } }
    .try_campaign .lineup_flex_container .lineup_image_col {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .try_campaign .lineup_flex_container .lineup_text_col {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-right: 36px;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .try_campaign .lineup_flex_container .lineup_text_col .text_head {
        font-size: 28px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0.5em; }
        .try_campaign .lineup_flex_container .lineup_text_col .text_head + .text_note {
          margin-bottom: 0.5em; }
      .try_campaign .lineup_flex_container .lineup_text_col .text_read {
        font-size: 18px;
        line-height: 1.2; }
        .try_campaign .lineup_flex_container .lineup_text_col .text_read + .text_head {
          margin-top: 0.25em; }
        .try_campaign .lineup_flex_container .lineup_text_col .text_read + .text_note {
          margin-top: 0.5em; }
      .try_campaign .lineup_flex_container .lineup_text_col .text_note {
        font-size: 14px;
        line-height: 1; }
      @media screen and (max-width: 768px) {
        .try_campaign .lineup_flex_container .lineup_text_col {
          padding-right: 2.5vw; }
          .try_campaign .lineup_flex_container .lineup_text_col .text_head {
            font-size: 5vw; }
          .try_campaign .lineup_flex_container .lineup_text_col .text_read {
            font-size: 3.8vw;
            max-height: 999999px; }
          .try_campaign .lineup_flex_container .lineup_text_col .text_note {
            font-size: 3vw; } }
  .try_campaign main {
    display: block;
    margin: 0 auto;
    padding-bottom: 330px; }
    @media screen and (max-width: 768px) {
      .try_campaign main {
        padding-bottom: 0; } }
    .try_campaign main img {
      vertical-align: bottom;
      width: 100%; }
      .try_campaign main img.auto-size {
        max-width: 100%;
        width: auto; }
        @media screen and (max-width: 768px) {
          .try_campaign main img.auto-size._hd {
            width: 50vw; } }
  .try_campaign section .section_inner {
    margin: 0 auto;
    max-width: 960px;
    width: 100%; }
  .try_campaign section .top_link_container {
    background: #fff;
    position: fixed;
    top: 94px;
    width: 100%;
    z-index: 1; }
    @media screen and (max-width: 768px) {
      .try_campaign section .top_link_container {
        top: 69px; } }
  .try_campaign section .top_link_flex_container {
    margin: 0 auto;
    max-width: 960px;
    width: 100%; }
    .try_campaign section .top_link_flex_container a {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      position: relative; }
      .try_campaign section .top_link_flex_container a:first-child::before {
        border-right: 1px solid #ddd;
        content: '';
        display: inline-block;
        height: 30px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .try_campaign section .top_link_flex_container a::after {
        border-right: 1px solid #ddd;
        content: '';
        display: inline-block;
        height: 30px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      @media screen and (max-width: 768px) {
        .try_campaign section .top_link_flex_container a {
          -webkit-box-flex: 1;
              -ms-flex: auto;
                  flex: auto;
          width: 33%; }
          .try_campaign section .top_link_flex_container a:first-child::before {
            content: none; }
          .try_campaign section .top_link_flex_container a:nth-child(3)::after {
            content: none; }
          .try_campaign section .top_link_flex_container a:nth-child(6)::after {
            content: none; }
          .try_campaign section .top_link_flex_container a::after {
            content: '';
            height: 5vw; } }
  .try_campaign section .top_container {
    background: #fffcdc; }
    .try_campaign section .top_container .top_flex_container a {
      max-width: 275px;
      margin-bottom: 16px;
      width: 32.25%; }
      @media screen and (max-width: 768px) {
        .try_campaign section .top_container .top_flex_container a {
          margin-bottom: 1.5vw; } }
  .try_campaign section#maiking {
    background: #fffcdc; }
    .try_campaign section#maiking .maiking_container {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 50px;
      padding-right: 50px;
      width: 100%; }
      @media screen and (max-width: 960px) {
        .try_campaign section#maiking .maiking_container {
          padding-left: 5.2vw;
          padding-right: 5.2vw; } }
  .try_campaign section#campaign {
    background: #fffcdc; }
    .try_campaign section#campaign .campaign_container {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%; }
      .try_campaign section#campaign .campaign_container .campaign_flex_container {
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
      .try_campaign section#campaign .campaign_container .campaign_flex_col {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 50%; }
      .try_campaign section#campaign .campaign_container .img_col {
        padding-right: 4%;
        -ms-flex-line-pack: end;
            align-content: flex-end; }
      .try_campaign section#campaign .campaign_container .content_col {
        padding-right: 5.6%; }
      .try_campaign section#campaign .campaign_container .campaign_inner_container {
        padding-left: 50px;
        padding-right: 50px; }
        @media screen and (max-width: 960px) {
          .try_campaign section#campaign .campaign_container .campaign_inner_container {
            padding-left: 5.2vw;
            padding-right: 5.2vw; } }
    .try_campaign section#campaign .-bold {
      font-weight: bold; }
    .try_campaign section#campaign .-normal {
      font-weight: normal; }
    .try_campaign section#campaign .unstyle_list li {
      list-style: none; }
    .try_campaign section#campaign .text_container {
      padding: 20px 0; }
      @media screen and (max-width: 768px) {
        .try_campaign section#campaign .text_container {
          padding: 2.5vw 0; } }
    .try_campaign section#campaign .text_head {
      font-size: 28px;
      font-weight: 700;
      line-height: 1;
      margin-bottom: 0.5em; }
    .try_campaign section#campaign .text_read {
      font-size: 18px;
      line-height: 1.4; }
      .try_campaign section#campaign .text_read + .text_note {
        margin-top: 0.5em; }
    .try_campaign section#campaign .text_note {
      font-size: 14px;
      line-height: 1; }
    .try_campaign section#campaign .information_handling {
      border: 1px solid #000;
      border-radius: 3px;
      margin-bottom: 1em; }
      .try_campaign section#campaign .information_handling p {
        font-size: 10px;
        line-height: 1.2;
        margin: 0.7em; }
    @media screen and (max-width: 768px) {
      .try_campaign section#campaign {
        padding-right: 2.5vw; }
        .try_campaign section#campaign .text_head {
          font-size: 5vw; }
        .try_campaign section#campaign .text_read {
          font-size: 3.8vw;
          max-height: 999999px; }
        .try_campaign section#campaign .text_note {
          font-size: 3vw; } }
    .try_campaign section#campaign .method_flex_container .text_container {
      width: 78%; }
    .try_campaign section#campaign .method_flex_container .image_container {
      width: 20%; }
    .try_campaign section#campaign .method_flex_container .inner_flex_container {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-top: 20px; }
      .try_campaign section#campaign .method_flex_container .inner_flex_container .item {
        width: 48%; }
      @media screen and (max-width: 768px) {
        .try_campaign section#campaign .method_flex_container .inner_flex_container {
          margin-top: 2.5vw; }
          .try_campaign section#campaign .method_flex_container .inner_flex_container .item {
            width: 100%; }
            .try_campaign section#campaign .method_flex_container .inner_flex_container .item + .item {
              margin-top: 2.5vw; } }
  .try_campaign .content_background {
    background: #fff; }
    .try_campaign .content_background.corner-large {
      border-radius: 25px; }
      @media screen and (max-width: 768px) {
        .try_campaign .content_background.corner-large {
          border-radius: 6vw; } }
    .try_campaign .content_background.corner-middle {
      border-radius: 10px; }
  .try_campaign .content_shadow {
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3);
            box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.3); }
    @media screen and (max-width: 768px) {
      .try_campaign .content_shadow {
        -webkit-box-shadow: 0.5vw 0.5vw 0px 0px rgba(0, 0, 0, 0.3);
                box-shadow: 0.5vw 0.5vw 0px 0px rgba(0, 0, 0, 0.3); } }
  .try_campaign .lh-0 {
    line-height: 0; }
  .try_campaign .mg-b-30-31 {
    margin-bottom: 30px; }
  .try_campaign .mg-b-40-42 {
    margin-bottom: 40px; }
  .try_campaign .pd-t-40-42 {
    padding-top: 40px; }
  .try_campaign .pd-b-40-42 {
    padding-bottom: 40px; }
  .try_campaign .mg-b-80-83 {
    margin-bottom: 80px; }
  .try_campaign .pd-b-80-83 {
    padding-bottom: 80px; }
  @media screen and (max-width: 960px) {
    .try_campaign .mg-b-30-31 {
      margin-bottom: 3.1vw; }
    .try_campaign .mg-b-40-42 {
      margin-bottom: 4.2vw; }
    .try_campaign .pd-t-40-42 {
      padding-top: 4.2vw; }
    .try_campaign .pd-b-40-42 {
      padding-bottom: 4.2vw; }
    .try_campaign .mg-b-80-83 {
      margin-bottom: 8.3vw; }
    .try_campaign .pd-b-80-83 {
      padding-bottom: 8.3vw; } }
  .try_campaign .copylight {
    background-color: #ff0000;
    color: #ffffff;
    display: none;
    font-size: 11px;
    line-height: 3;
    text-align: center; }
  @media screen and (max-width: 768px) {
    .try_campaign #header #main_nv {
      display: none; }
    .try_campaign #header #main_nv_sp {
      display: block;
      position: relative; }
      .try_campaign #header #main_nv_sp h1 {
        display: block;
        width: 105px;
        height: auto;
        padding: 15px 15px;
        line-height: 0; }
      .try_campaign #header #main_nv_sp #menu_sp {
        display: block;
        background: url("/cmn/sp_gnv_menu.png") 0 0 no-repeat;
        background-size: auto;
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
        text-indent: -999px;
        overflow: hidden;
        position: absolute;
        top: 11px;
        right: 15px; }
        .try_campaign #header #main_nv_sp #menu_sp + ul {
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          width: 100%;
          background: url("/cmn/gnv-bg.png") repeat 0 0;
          padding: 15px 3%;
          position: absolute;
          z-index: 1; }
          .try_campaign #header #main_nv_sp #menu_sp + ul > li {
            margin-bottom: 2px;
            list-style: none; }
            .try_campaign #header #main_nv_sp #menu_sp + ul > li a {
              display: block;
              background: #fff;
              padding: 10px; }
    .try_campaign #footer {
      height: auto; }
    .try_campaign ul#footer_mn {
      display: none; }
    .try_campaign #copyright p {
      display: none; }
    .try_campaign .copylight {
      display: block; } }



/* 2021.08.06 */
.try_campaign article {
  background: url(../img/bg_border.png) repeat-x 50% 100%;
  padding-bottom: 104px;
}
@media screen and (max-width: 768px) {
  .try_campaign article {
    background: url(../img/bg_border.png) repeat-x 50% 100%;
    background-size: auto 52px;
    padding-bottom: 52px;
  }
}

.try_campaign section#top {
  background: url(../img/bg_border.png) repeat-x 50% 100%;
}
.try_campaign section#top h1 {
  max-width: 960px;
  text-align: center;
  margin: 0 auto;
}

.try_campaign section#recipe01 {
  background: #e6e400;
}
.try_campaign section#recipe02 {
  background: #ed6d0f;
}
.try_campaign section#recipe03 {
  background: #ffbe00;
}
.try_campaign section#recipe04 {
  background: #e83828;
}
.try_campaign section#recipe01,
.try_campaign section#recipe02,
.try_campaign section#recipe03,
.try_campaign section#recipe04 {
  padding: 50px 0;
}
.try_campaign section#recipe01 a,
.try_campaign section#recipe02 a,
.try_campaign section#recipe03 a,
.try_campaign section#recipe04 a {
  display: block;
  margin: 0 auto;
}
.try_campaign section#recipe01 a:hover img,
.try_campaign section#recipe02 a:hover img,
.try_campaign section#recipe03 a:hover img,
.try_campaign section#recipe04 a:hover img {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .try_campaign section#recipe01,
  .try_campaign section#recipe02,
  .try_campaign section#recipe03,
  .try_campaign section#recipe04 {
    padding: 25px 15px;
  }
}