@charset "UTF-8";
.gnav {
  position: absolute;
  width: 100%;
  background-color: transparent; }
  .gnav > div {
    background-color: transparent; }

.top_main_header {
  padding: 104px 0 0;
  background: url(../img/mainimg_bg.png) 50% 0 repeat;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    .top_main_header {
      padding: 0;
      min-height: 0; } }

.mainimg {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .mainimg {
      margin-bottom: 50px; } }
  .mainimg .mainimg_slider {
    position: relative;
    height: 675px;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 3192px;
    margin: auto;
    background-color: #ffffff;
    box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      .mainimg .mainimg_slider {
        overflow: visible;
        height: auto;
        max-width: 100vw; } }
    .mainimg .mainimg_slider::before {
      content: "";
      display: block;
      background: url(../img/mainimg_mask.png) 50% 0 no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      pointer-events: none; }
      @media only screen and (max-width: 767px) {
        .mainimg .mainimg_slider::before {
          content: none; } }
    .mainimg .mainimg_slider img {
      display: block;
      border-radius: 20px; }
  .mainimg .slick-slide {
    outline: none;
    transform: translateY(60px);
    transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
    margin: 20px; }
    @media only screen and (max-width: 767px) {
      .mainimg .slick-slide {
        max-width: 100vw;
        transform: translateY(0);
        margin: 0; } }
    .mainimg .slick-slide.slick-center {
      transform: translateY(0); }
  .mainimg .mainimg_arrows {
    width: 100%;
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .mainimg .mainimg_arrows {
        top: 50%; } }
    .mainimg .mainimg_arrows > div {
      position: relative;
      width: 1024px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .mainimg .mainimg_arrows > div {
          width: auto; } }
      .mainimg .mainimg_arrows > div::before {
        content: none; }
      .mainimg .mainimg_arrows > div .slick-prev,
      .mainimg .mainimg_arrows > div .slick-next {
        width: 73px;
        height: 101px;
        transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        @media only screen and (max-width: 767px) {
          .mainimg .mainimg_arrows > div .slick-prev,
          .mainimg .mainimg_arrows > div .slick-next {
            width: 51.1px;
            height: 70.7px; } }
        .mainimg .mainimg_arrows > div .slick-prev::before,
        .mainimg .mainimg_arrows > div .slick-next::before {
          content: none; }
        .mainimg .mainimg_arrows > div .slick-prev:hover, .mainimg .mainimg_arrows > div .slick-prev:active,
        .mainimg .mainimg_arrows > div .slick-next:hover,
        .mainimg .mainimg_arrows > div .slick-next:active {
          opacity: 0.7; }
      .mainimg .mainimg_arrows > div .slick-prev {
        left: 0;
        background: url(../img/mainimg_arrow_l.png) 50% 50%/contain no-repeat; }
        @media only screen and (max-width: 767px) {
          .mainimg .mainimg_arrows > div .slick-prev {
            left: -10px; } }
      .mainimg .mainimg_arrows > div .slick-next {
        right: 0;
        background: url(../img/mainimg_arrow_r.png) 50% 50%/contain no-repeat; }
        @media only screen and (max-width: 767px) {
          .mainimg .mainimg_arrows > div .slick-next {
            right: -10px; } }
  .mainimg .slick-dots {
    bottom: 50px;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .mainimg .slick-dots {
        bottom: -40px; } }
    .mainimg .slick-dots li {
      margin: 0 4px;
      width: auto;
      height: auto; }
      @media only screen and (max-width: 767px) {
        .mainimg .slick-dots li {
          margin: 0 10px; } }
      .mainimg .slick-dots li.slick-active button {
        background-color: #79c730; }
      .mainimg .slick-dots li button {
        transition: 0.3s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
        background-color: #b2b5af;
        height: 32px;
        width: 32px;
        border-radius: 50%;
        border: 7px solid #ffffff; }
        @media only screen and (max-width: 767px) {
          .mainimg .slick-dots li button {
            border-width: 3px; } }
        .mainimg .slick-dots li button::before {
          content: none; }
        .mainimg .slick-dots li button:hover, .mainimg .slick-dots li button:active {
          background-color: #a6ff7a; }

.top_navi {
  list-style-type: none;
  margin: 0 auto;
  padding: 29px 0 58px;
  background: url(../img/top_navi_bg.png) 50% 100% no-repeat;
  max-width: 1700px;
  height: 249px;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 10;
  box-sizing: border-box; }
  .top_navi.ready li {
    opacity: 0; }
    .top_navi.ready li:nth-child(1), .top_navi.ready li:nth-child(5) {
      transform: translateY(200px) scale(0) rotate(45deg); }
      @media only screen and (max-width: 767px) {
        .top_navi.ready li:nth-child(1), .top_navi.ready li:nth-child(5) {
          transform: translateY(100px) scale(0); } }
    .top_navi.ready li:nth-child(2), .top_navi.ready li:nth-child(4) {
      transform: translateY(157px) scale(0) rotate(45deg); }
      @media only screen and (max-width: 767px) {
        .top_navi.ready li:nth-child(2), .top_navi.ready li:nth-child(4) {
          transform: translateY(100px) scale(0); } }
    .top_navi.ready li:nth-child(3) {
      transform: translateY(144px) scale(0) rotate(45deg); }
      @media only screen and (max-width: 767px) {
        .top_navi.ready li:nth-child(3) {
          transform: translateY(100px) scale(0); } }
  @media only screen and (max-width: 767px) {
    .top_navi {
      height: auto;
      flex-wrap: wrap;
      padding: 20px 30px;
      background: url(../img/top_navi_bg.png) 50% 100%/150% auto no-repeat; } }
  .top_navi li {
    width: 210px;
    transition: 0.83s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    @media only screen and (max-width: 767px) {
      .top_navi li {
        width: 33.33%;
        padding: 0 10px;
        box-sizing: border-box; } }
    .top_navi li:nth-child(2), .top_navi li:nth-child(4) {
      transform: translateY(-43px); }
      @media only screen and (max-width: 767px) {
        .top_navi li:nth-child(2), .top_navi li:nth-child(4) {
          transform: translateY(0); } }
    .top_navi li:nth-child(3) {
      transform: translateY(-56px); }
      @media only screen and (max-width: 767px) {
        .top_navi li:nth-child(3) {
          transform: translateY(0); } }
    .top_navi li:nth-child(1) {
      transition-delay: 0.5s; }
    .top_navi li:nth-child(2) {
      transition-delay: 0.2s; }
    .top_navi li:nth-child(3) {
      transition-delay: 0.0s; }
    .top_navi li:nth-child(4) {
      transition-delay: 0.3s; }
    .top_navi li:nth-child(5) {
      transition-delay: 0.6s; }
    @media only screen and (max-width: 767px) {
      .top_navi li:nth-child(1) {
        transition-delay: 0.0s; }
      .top_navi li:nth-child(2) {
        transition-delay: 0.1s; }
      .top_navi li:nth-child(3) {
        transition-delay: 0.2s; }
      .top_navi li:nth-child(4) {
        transition-delay: 0.3s; }
      .top_navi li:nth-child(5) {
        transition-delay: 0.4s; } }
    .top_navi li a {
      transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
      display: block;
      width: 162px;
      margin: auto;
      border-radius: 50%;
      overflow: hidden;
      background: #9dd16b;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .top_navi li a {
          max-width: 100%;
          width: auto; } }
      .top_navi li a::before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        transform: scale(0);
        opacity: 0;
        background: #40bad8;
        transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 2;
        border-radius: 50%; }
      .top_navi li a:hover, .top_navi li a:active {
        transform: scale(1.1); }
        .top_navi li a:hover::before, .top_navi li a:active::before {
          transform: scale(1);
          opacity: 1; }
    .top_navi li:nth-child(1) a::before {
      background: #40bad8 url(../img/top_navi_search_on.png) 50% 50%/contain no-repeat; }
    .top_navi li:nth-child(2) a::before {
      background: #5d7eec url(../img/top_navi_buy_on.png) 50% 50%/contain no-repeat; }
    .top_navi li:nth-child(3) a::before {
      background: #fc4c92 url(../img/top_navi_save_on.png) 50% 50%/contain no-repeat; }
    .top_navi li:nth-child(4) a::before {
      background: #c468e6 url(../img/top_navi_consult_on.png) 50% 50%/contain no-repeat; }
    .top_navi li:nth-child(5) a::before {
      background: #ff8048 url(../img/top_navi_provide_on.png) 50% 50%/contain no-repeat; }
    .top_navi li img {
      display: block;
      width: 100%;
      position: relative;
      z-index: 1; }

.main {
  background: #ffffff;
  position: relative;
  z-index: 10; }

.h2_img_sub {
  transition: 0.6s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.h2_img_main {
  transition: 0.9s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }

h2.ready .h2_img_sub {
  opacity: 0;
  transform: rotateY(160deg); }
h2.ready .h2_img_main {
  opacity: 0;
  transform: rotateY(240deg); }

.news_section {
  background: #ffffff;
  padding: 3em 0; }
  @media only screen and (max-width: 767px) {
    .news_section {
      padding-top: 0; } }
  .news_section > div {
    width: 1200px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .news_section > div {
        width: auto; } }
  .news_section .important_news {
    margin-top: -5em;
    display: flex;
    justify-content: start;
    border: 3px solid #ee8c8c;
    border-radius: 2em;
    background: #ffffff;
    line-height: 1.5;
    align-items: center;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .news_section .important_news {
        margin: 0 10px;
        display: block;
        border-radius: 10px;
        margin-top: 20px; } }
    .news_section .important_news > div:first-child {
      width: 16.6%;
      text-align: center;
      color: #ee8c8c;
      font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: 500;
      transform: rotate(0.05deg);
      font-size: 120%; }
      @media only screen and (max-width: 767px) {
        .news_section .important_news > div:first-child {
          width: auto;
          white-space: nowrap;
          padding: 0.3ex 1em;
          background: #ee8c8c;
          color: #ffffff; } }
    .news_section .important_news > div:last-child {
      width: 83.4%; }
      @media only screen and (max-width: 767px) {
        .news_section .important_news > div:last-child {
          width: auto;
          margin-top: 0em; } }
      .news_section .important_news > div:last-child a {
        display: block;
        padding: 1em;
        color: #555555;
        text-decoration: none;
        transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        @media only screen and (max-width: 767px) {
          .news_section .important_news > div:last-child a {
            padding: 1ex 1em; } }
        .news_section .important_news > div:last-child a:hover, .news_section .important_news > div:last-child a:active {
          background: #ee8c8c;
          color: #ffffff; }

.top_campaign_list {
  margin: -1em 0;
  padding: 0;
  list-style-type: none; }
  @media only screen and (max-width: 767px) {
    .top_campaign_list {
      margin: 1em 0; } }
  .top_campaign_list li {
    margin: 0;
    padding: 0;
    line-height: 170%;
    color: #333333;
    text-decoration: none;
    box-sizing: border-box;
    border-bottom: 3px dotted #bbbbbb; }
    .top_campaign_list li:last-child {
      border: none; }
    @media only screen and (max-width: 767px) {
      .top_campaign_list li:first-child {
        border-top: 3px dotted #bbbbbb; }
      .top_campaign_list li:last-child {
        border-bottom: 3px dotted #bbbbbb; } }
  .top_campaign_list a {
    padding: 1em 10px;
    margin: 0 -10px;
    transition: 0.2s all;
    display: flex;
    border-radius: 3px;
    align-items: start; }
    .top_campaign_list a .topics_list_img {
      min-width: 100px;
      max-width: 100px; }
      .top_campaign_list a .topics_list_img img {
        display: block;
        border-radius: 5px; }
    .top_campaign_list a .topics_list_body {
      flex-grow: 1;
      padding-left: 20px; }
    .top_campaign_list a .topics_list_date {
      white-space: nowrap;
      font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      vertical-align: middle;
      color: #666666;
      transform: rotate(0.05deg); }
    .top_campaign_list a .topics_list_title {
      margin-top: 1ex; }
    .top_campaign_list a:link, .top_campaign_list a:visited {
      color: #333333;
      text-decoration: none; }
    .top_campaign_list a:hover, .top_campaign_list a:active {
      color: #333333;
      text-decoration: none;
      background: #fff9e6; }
    .top_campaign_list a.disable {
      cursor: default;
      pointer-events: none; }

.news_column {
  display: flex;
  margin: auto;
  justify-content: space-between;
  padding: 0 0 2em; }
  @media only screen and (max-width: 767px) {
    .news_column {
      display: block; } }
  .news_column.ready h2 .h2_img_sub {
    opacity: 0;
    transform: rotateY(160deg); }
  .news_column.ready h2 .h2_img_main {
    opacity: 0;
    transform: rotateY(240deg); }
  .news_column.ready > div {
    opacity: 0;
    transform: translateY(100px); }
  .news_column.ready .topics_tab {
    opacity: 0;
    transform: translateY(100px); }
  .news_column.ready .topics_content {
    opacity: 0;
    transform: translateY(100px); }
  .news_column.ready .top_campaign_list {
    opacity: 0;
    transform: translateY(100px); }
  .news_column .topics_tab {
    transition-delay: 0.5s;
    transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
  .news_column .topics_content {
    transition-delay: 0.7s;
    transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
  .news_column .top_campaign_list {
    transition-delay: 0.9s;
    transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
  .news_column > div {
    transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
    .news_column > div:first-child {
      width: 730px; }
      .news_column > div:first-child h2 .h2_img_sub,
      .news_column > div:first-child h2 .h2_img_main {
        transition-delay: 0.2s; }
      @media only screen and (max-width: 767px) {
        .news_column > div:first-child {
          width: auto;
          padding: 0 15px; } }
    .news_column > div:last-child {
      transition-delay: 0.3s;
      width: 425px; }
      .news_column > div:last-child h2 .h2_img_sub,
      .news_column > div:last-child h2 .h2_img_main {
        transition-delay: 0.5s; }
      @media only screen and (max-width: 767px) {
        .news_column > div:last-child {
          width: auto;
          padding: 0 15px; }
          .news_column > div:last-child h2 {
            margin-top: 1ex; } }
  .news_column h2 {
    margin: 1.5em auto 1em;
    padding: 0; }
    .news_column h2 img {
      max-height: 50px;
      display: block;
      margin: auto; }

#topics_tab {
  margin: 0 -5px;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    #topics_tab {
      width: auto;
      padding: 0; } }
  #topics_tab li {
    margin: 0;
    padding: 0 5px;
    width: 25%;
    box-sizing: border-box; }
    @media only screen and (max-width: 767px) {
      #topics_tab li {
        width: 50%;
        padding: 2px; } }
    #topics_tab li a {
      text-decoration: none; }
      #topics_tab li a.label_cat {
        width: auto;
        display: block;
        margin: 0;
        font-size: 85%;
        line-height: 1.1;
        transition: 0.3s all; }
        @media only screen and (max-width: 767px) {
          #topics_tab li a.label_cat {
            width: auto;
            font-size: 110%;
            padding: 1ex; } }
        #topics_tab li a.label_cat:hover.label_all, #topics_tab li a.label_cat:active.label_all, #topics_tab li a.label_cat.active.label_all {
          color: #ffffff;
          background-color: #a4d574;
          border-color: #a4d574; }
        #topics_tab li a.label_cat:hover.label_news, #topics_tab li a.label_cat:active.label_news, #topics_tab li a.label_cat.active.label_news {
          color: #ffffff;
          background-color: #b3d3f1;
          border-color: #b3d3f1; }
        #topics_tab li a.label_cat:hover.label_event, #topics_tab li a.label_cat:active.label_event, #topics_tab li a.label_cat.active.label_event {
          color: #ffffff;
          background-color: #eccaa9;
          border-color: #eccaa9; }
        #topics_tab li a.label_cat:hover.label_important, #topics_tab li a.label_cat:active.label_important, #topics_tab li a.label_cat.active.label_important {
          color: #ffffff;
          background-color: #f0b0b0;
          border-color: #f0b0b0; }

#topics_content {
  margin: auto;
  padding: 20px 0;
  list-style-type: none; }
  @media only screen and (max-width: 767px) {
    #topics_content {
      width: auto;
      padding-bottom: 0; } }
  #topics_content > li {
    margin: 0;
    padding: 0;
    display: none; }
    #topics_content > li .topics_list {
      border-top: 3px dotted #bbbbbb;
      border-bottom: 3px dotted #bbbbbb; }

.sns_section {
  background: #f1ffe8;
  position: relative;
  z-index: 10; }
  .sns_section::before {
    content: "";
    display: block;
    position: absolute;
    top: -66px;
    left: 0;
    width: 100%;
    height: 66px;
    background: url(../img/sns_section_header.png) 50% 100% no-repeat;
    z-index: 1; }
  .sns_section::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 80px;
    background: url(../img/sns_section_footer.png) 50% 100% repeat-x;
    z-index: 0; }
  .sns_section > div {
    display: block;
    width: 1200px;
    padding-bottom: 50px;
    margin: 0 auto;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .sns_section > div {
        width: auto; } }
  .sns_section .sns_section_head {
    padding: 10px;
    position: relative;
    z-index: 10; }
    .sns_section .sns_section_head h2 {
      margin: -60px auto 0;
      padding: 0; }
      .sns_section .sns_section_head h2 img {
        display: block;
        margin: auto; }
        .sns_section .sns_section_head h2 img.h2_img_sub {
          max-height: 70px; }
        .sns_section .sns_section_head h2 img.h2_img_main {
          max-height: 60px; }
  .sns_section .sns_column {
    display: flex;
    justify-content: center;
    margin-top: 70px;
    position: relative;
    z-index: 5; }
    .sns_section .sns_column > div.ready {
      opacity: 0;
      transform: translateY(200px); }
      .sns_section .sns_column > div.ready h3 {
        transform: translateY(30px) scale(0); }
    @media only screen and (max-width: 767px) {
      .sns_section .sns_column {
        display: block; } }
    .sns_section .sns_column > div {
      margin: 20px;
      width: 430px;
      padding: 40px;
      background: #ffffff;
      border: 2px solid #d4d4d4;
      box-sizing: border-box;
      transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .sns_section .sns_column > div h3 {
        margin: -135px 0 0;
        transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .sns_section .sns_column > div h3 img {
          max-height: 125px;
          display: block;
          margin: auto; }
      .sns_section .sns_column > div:first-child {
        transition-delay: 0; }
        .sns_section .sns_column > div:first-child h3 {
          transition-delay: 0.2s; }
      .sns_section .sns_column > div:last-child {
        transition-delay: 0.2s; }
        .sns_section .sns_column > div:last-child h3 {
          transition-delay: 0.4s; }
      @media only screen and (max-width: 767px) {
        .sns_section .sns_column > div {
          margin-top: 120px;
          width: auto;
          padding: 20px 10px; } }
      .sns_section .sns_column > div a {
        background: #00b9cf;
        display: block;
        border-radius: 20px;
        max-width: 308px;
        margin: auto;
        transition: 0.2s all; }
        .sns_section .sns_column > div a:hover, .sns_section .sns_column > div a:active, a:hover .sns_section .sns_column > div a, a:active .sns_section .sns_column > div a {
          background-color: #008be3;
          color: #ffffff; }
        .sns_section .sns_column > div a img {
          max-height: 40px;
          display: block; }
    .sns_section .sns_column iframe {
      min-height: 536px; }
      @media only screen and (max-width: 767px) {
        .sns_section .sns_column iframe {
          min-height: 320px;
          height: 320px; } }
  .sns_section .sns_confetti {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/sns_confetti.png) 50% 50% no-repeat; }
  .sns_section .sns_deco {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%; }
    .sns_section .sns_deco > div {
      position: relative;
      width: 1200px;
      margin: auto; }
  .sns_section .sns_kumo01,
  .sns_section .sns_kumo02,
  .sns_section .sns_kumo03 {
    position: absolute; }
    .sns_section .sns_kumo01 img,
    .sns_section .sns_kumo02 img,
    .sns_section .sns_kumo03 img {
      display: block;
      width: 100%;
      height: 100%;
      z-index: 2;
      position: relative; }
    .sns_section .sns_kumo01 img.sns_kumo_shadow,
    .sns_section .sns_kumo02 img.sns_kumo_shadow,
    .sns_section .sns_kumo03 img.sns_kumo_shadow {
      position: absolute;
      z-index: 1; }
  .sns_section .sns_kumo01 {
    top: 15px;
    right: -250px; }
    .sns_section .sns_kumo01 img.sns_kumo_shadow {
      top: 50px;
      left: -30px; }
  .sns_section .sns_kumo02 {
    top: 290px;
    left: -216px; }
    .sns_section .sns_kumo02 img.sns_kumo_shadow {
      top: 60px;
      left: -30px; }
  .sns_section .sns_kumo03 {
    top: 575px;
    right: -270px; }
    .sns_section .sns_kumo03 img.sns_kumo_shadow {
      top: 20px;
      left: -10px; }
  .sns_section .sns_confetti {
    position: absolute;
    top: 0;
    left: 0; }
  .sns_section .sns_nasu01,
  .sns_section .sns_nasu02,
  .sns_section .sns_mitsuba01,
  .sns_section .sns_mitsuba02 {
    position: absolute;
    z-index: 3; }
    .sns_section .sns_nasu01 img,
    .sns_section .sns_nasu02 img,
    .sns_section .sns_mitsuba01 img,
    .sns_section .sns_mitsuba02 img {
      display: block; }
  .sns_section .sns_nasu01 {
    right: 0;
    top: 210px; }
  .sns_section .sns_mitsuba01 {
    left: 0;
    top: 180px;
    transform: rotate(200deg); }
  .sns_section .sns_nasu02 {
    left: 0;
    top: 564px; }
  .sns_section .sns_mitsuba02 {
    right: 0;
    top: 583px; }
  .sns_section .sns_mitsuba02 {
    right: 0;
    top: 583px; }

.sns_kumo01,
.sns_kumo02,
.sns_kumo03 {
  animation-name: sns_kumo;
  animation-duration: 6s;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-iteration-count: infinite;
  animation-direction: alternate; }
@keyframes sns_kumo {
  0% {
    transform: translateY(0) scale(1); }
  100% {
    transform: translateY(40px) scale(1.1) rotate(3deg); } }
.sns_kumo_shadow {
  animation-name: sns_kumo_shadow;
  animation-duration: 6s;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-iteration-count: infinite;
  animation-direction: alternate; }
@keyframes sns_kumo_shadow {
  0% {
    transform: translateY(-10px) scale(1); }
  100% {
    transform: translateY(10px) scale(1.1) rotate(3deg); } }
.sns_kumo01 {
  animation-delay: 0; }
  .sns_kumo01 .sns_kumo_shadow {
    animation-delay: -2s; }

.sns_kumo02 {
  animation-delay: -2.2s; }
  .sns_kumo02 .sns_kumo_shadow {
    animation-delay: -4.2s; }

.sns_kumo03 {
  animation-delay: -3.7s; }
  .sns_kumo03 .sns_kumo_shadow {
    animation-delay: -5.7s; }

.sns_nasu01,
.sns_nasu02,
.sns_mitsuba01,
.sns_mitsuba02,
.sns_mitsuba02 {
  animation-name: sns_kumo;
  animation-duration: 6s;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-iteration-count: infinite;
  animation-direction: alternate; }
@keyframes sns_kumo {
  0% {
    transform: translateY(0) rotate(5deg); }
  100% {
    transform: translateY(40px) rotate(-5deg); } }
.sns_nasu01 {
  animation-delay: -4.2s; }

.sns_nasu02 {
  animation-delay: -2.3s; }

.sns_mitsuba01 {
  animation-delay: -0.7s; }

.sns_mitsuba02 {
  animation-delay: -1.1s; }

.sns_confetti {
  animation-name: sns_confetti;
  animation-duration: 6s;
  animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  animation-iteration-count: infinite;
  animation-direction: alternate; }
@keyframes sns_confetti {
  0% {
    transform: translateY(0) rotate(0); }
  100% {
    transform: translateY(20px) rotate(3deg) scale(1.05); } }
.product_section {
  position: relative;
  background: #fffdd5; }
  .product_section::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -75px;
    left: 0;
    width: 100%;
    height: 75px;
    background: url(../img/product_section_footer.png) 50% 100% no-repeat;
    z-index: 1;
    pointer-events: none; }
  .product_section .product_confetti {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/product_confetti.png) 50% 50% no-repeat;
    z-index: 0;
    display: block;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }
    .product_section .product_confetti.ready {
      transform: scale(0);
      opacity: 0; }
  .product_section > div {
    padding: 80px 0;
    width: 1200px;
    margin: auto;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .product_section > div {
        width: auto;
        padding: 100px 0 30px; } }
    .product_section > div h2 {
      margin: 0;
      padding: 0;
      position: absolute;
      top: 60px;
      left: 100px; }
      .product_section > div h2 img {
        width: 64px; }
  .product_section .product_list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0 -12px;
    padding: 150px 0 80px;
    justify-content: center;
    position: relative;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .product_section .product_list {
        display: block;
        padding: 40px 0 0px; } }
    .product_section .product_list li {
      width: 408px;
      margin: 10px 0;
      padding: 24px;
      box-sizing: border-box;
      position: relative;
      transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }
      .product_section .product_list li.ready {
        transform: scale(0) rotate(-60deg) translateY(50px);
        opacity: 0; }
      @media only screen and (max-width: 767px) {
        .product_section .product_list li {
          margin: 55px 20px;
          padding: 0;
          width: 285.6px;
          height: 285.6px; } }
      .product_section .product_list li:nth-child(1) {
        margin-left: 100px; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li:nth-child(1) {
            margin-left: 20px; } }
        .product_section .product_list li:nth-child(1) .product_deco {
          top: 47%;
          transform: rotate(140deg); }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li:nth-child(1) .product_deco {
              transform: rotate(-135deg); } }
      .product_section .product_list li:nth-child(2) {
        margin-right: 100px;
        transition-delay: 0.2s; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li:nth-child(2) {
            transition-delay: 0;
            margin-right: 20px;
            margin-left: auto; } }
        .product_section .product_list li:nth-child(2) .product_deco {
          top: 48%;
          transform: rotate(200deg); }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li:nth-child(2) .product_deco {
              transform: rotate(45deg); } }
      .product_section .product_list li:nth-child(3) .product_deco {
        top: 46%;
        transform: rotate(130deg); }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li:nth-child(3) .product_deco {
            transform: rotate(-115deg); } }
      .product_section .product_list li:nth-child(4) {
        transition-delay: 0.2s; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li:nth-child(4) {
            transition-delay: 0s;
            margin-left: auto; } }
        .product_section .product_list li:nth-child(4) .product_deco {
          top: 42%;
          transform: rotate(-50deg); }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li:nth-child(4) .product_deco {
              transform: rotate(65deg); } }
      .product_section .product_list li:nth-child(5) {
        transition-delay: 0.4s; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li:nth-child(5) {
            transition-delay: 0s; } }
        .product_section .product_list li:nth-child(5) .product_deco {
          transform: rotate(230deg); }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li:nth-child(5) .product_deco {
              transform: rotate(-105deg); } }
      .product_section .product_list li a {
        display: block;
        width: 336px;
        height: 336px;
        background: #fffeef;
        border: 12px solid #c4e4a5;
        border-radius: 50% 50%;
        color: inherit;
        text-align: center;
        text-decoration: none;
        position: relative;
        transition: 0.4s all cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .product_section .product_list li a::before {
          content: "";
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #ddf8ff;
          z-index: 0;
          border-radius: 50%;
          transform: scale(0);
          opacity: 1; }
        .product_section .product_list li a:hover, .product_section .product_list li a:active {
          border-color: #a9dee4;
          transform: scale(1.03); }
          .product_section .product_list li a:hover::before, .product_section .product_list li a:active::before {
            transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transform: scale(1);
            opacity: 0; }
          .product_section .product_list li a:hover .product_img, .product_section .product_list li a:active .product_img {
            transform: rotate(-5deg); }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li a {
            width: 285.6px;
            height: 285.6px;
            box-sizing: border-box; } }
      .product_section .product_list li .product_img {
        display: block;
        margin: -110px auto -5px;
        position: relative;
        z-index: 1;
        transition: 0.4s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transform-origin: 0 100%; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li .product_img {
            margin-top: -93.5px; } }
        .product_section .product_list li .product_img img {
          display: block;
          width: 336px;
          height: 270px;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li .product_img img {
              width: 285.6px;
              height: 229.5px; } }
      .product_section .product_list li .product_title {
        position: relative;
        z-index: 1; }
        .product_section .product_list li .product_title img {
          margin: auto;
          display: block;
          height: 40px; }
          @media only screen and (max-width: 767px) {
            .product_section .product_list li .product_title img {
              height: 34px; } }
      .product_section .product_list li p {
        margin: 1ex 0 0;
        line-height: 1.8;
        font-family: "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 500;
        font-size: 110%;
        transform: rotate(0.05deg);
        color: #666666; }
        @media only screen and (max-width: 767px) {
          .product_section .product_list li p {
            line-height: 1.5; } }
  .product_section .product_deco {
    position: absolute;
    top: 50%;
    left: 50%; }
    .product_section .product_deco > * {
      position: absolute;
      top: -45px;
      width: 7px;
      height: 90px;
      display: block; }
      @media only screen and (max-width: 767px) {
        .product_section .product_deco > * {
          height: 76.5px; } }
      .product_section .product_deco > *::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 3.5px;
        animation-name: product_deco;
        animation-duration: 4s;
        animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
        animation-iteration-count: infinite; }
@keyframes product_deco {
  0% {
    transform: translateY(0px) scale(1); }
  80% {
    transform: translateY(0px) scale(1); }
  85% {
    transform: translateY(-5px) scale(1.1, 0.95); }
  90% {
    transform: translateY(10px) scale(0.95, 1.1); }
  95% {
    transform: translateY(-5px) scale(1.1, 0.95); }
  100% {
    transform: translateY(0px) scale(1); } }
      .product_section .product_deco > *:nth-child(6n+1)::before {
        animation-delay: -0.5s;
        background: #f9e373; }
      .product_section .product_deco > *:nth-child(6n+2)::before {
        background: #97c8fc;
        animation-delay: -0.4s; }
      .product_section .product_deco > *:nth-child(6n+3)::before {
        background: #f2afc5;
        animation-delay: -0.3s; }
      .product_section .product_deco > *:nth-child(6n+4)::before {
        background: #f9e373;
        animation-delay: -0.2s; }
      .product_section .product_deco > *:nth-child(6n+5)::before {
        background: #97c8fc;
        animation-delay: -0.1s; }
      .product_section .product_deco > *:nth-child(6n+0)::before {
        background: #f2afc5;
        animation-delay: 0s; }
      .product_section .product_deco > *:nth-child(1) {
        transform: rotate(0deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(1) {
            transform: rotate(0deg) translateY(229.5px); } }
      .product_section .product_deco > *:nth-child(2) {
        transform: rotate(10.5deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(2) {
            transform: rotate(10.5deg) translateY(229.5px); } }
      .product_section .product_deco > *:nth-child(3) {
        transform: rotate(21deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(3) {
            transform: rotate(21deg) translateY(229.5px); } }
      .product_section .product_deco > *:nth-child(4) {
        transform: rotate(31.5deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(4) {
            transform: rotate(31.5deg) translateY(229.5px); } }
      .product_section .product_deco > *:nth-child(5) {
        transform: rotate(42deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(5) {
            transform: rotate(42deg) translateY(229.5px); } }
      .product_section .product_deco > *:nth-child(6) {
        transform: rotate(52.5deg) translateY(270px); }
        @media only screen and (max-width: 767px) {
          .product_section .product_deco > *:nth-child(6) {
            transform: rotate(52.5deg) translateY(229.5px); } }
  @media only screen and (max-width: 767px) {
    .product_section h2 {
      margin: 0 0 -80px;
      padding: 20px 0 0px;
      position: relative;
      z-index: 50; }
      .product_section h2 img {
        max-height: 50px;
        display: block;
        margin: auto; } }

.farmstand_section {
  position: relative;
  padding: 0;
  background: #e9fbf1; }
  .farmstand_section::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -150px;
    left: 0;
    width: 100%;
    height: 150px;
    background: url(../img/farmstand_section_footer.png) 50% 100% repeat-x;
    z-index: 1; }
  .farmstand_section .farmstand_confetti {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/farmstand_confetti.png) 50% 50% no-repeat;
    z-index: 0;
    display: block;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 1.5s; }
    .farmstand_section .farmstand_confetti.ready {
      transform: scale(0);
      opacity: 0; }
  .farmstand_section > div.farmstand_section_body {
    width: 1200px;
    position: relative;
    margin: auto;
    z-index: 1; }
    @media only screen and (max-width: 767px) {
      .farmstand_section > div.farmstand_section_body {
        width: 180vw;
        margin-left: -65vw;
        margin-right: -15vw; } }
  .farmstand_section .farmstand_h2 {
    position: absolute;
    top: 115px;
    right: 85px;
    width: 64px;
    z-index: 10; }
    .farmstand_section .farmstand_h2 img {
      display: block;
      width: 100%; }
  .farmstand_section img {
    display: block; }
  .farmstand_section .farmstand_map {
    position: relative;
    z-index: 3;
    pointer-events: none;
    transition: 1.2s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: 50% 100%;
    transition-delay: 0.4s; }
    .farmstand_section .farmstand_map img {
      width: 100%; }
  .farmstand_section .farmstand_section_body.ready .farmstand_map {
    opacity: 0;
    transform: rotate(40deg) translateX(200px); }
  .farmstand_section .farmstand_pop_map {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 520px;
    z-index: 2;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2.8s;
    transform-origin: 90% 10%; }
    @media only screen and (max-width: 767px) {
      .farmstand_section .farmstand_pop_map {
        display: none; } }
    .farmstand_section .farmstand_pop_map img {
      width: 100%; }
    .farmstand_section .farmstand_pop_map a {
      display: block;
      transform-origin: 90% 10%;
      animation-name: farmstand_pop_map;
      animation-duration: 6s;
      animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
      animation-iteration-count: infinite;
      animation-direction: alternate; }
@keyframes farmstand_pop_map {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(5deg); } }
  .farmstand_section .farmstand_section_body.ready .farmstand_pop_map {
    opacity: 0;
    transform: rotate(30deg) scale(0); }
  .farmstand_section .farmstand_pic_kotarina {
    position: absolute;
    top: 17.6470588235%;
    left: 40.8333333333%;
    width: 20%;
    z-index: 2;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2.2s; }
    @media only screen and (max-width: 767px) {
      .farmstand_section .farmstand_pic_kotarina {
        top: 11.7647058824%;
        left: 36.6666666667%;
        width: 25%; } }
    .farmstand_section .farmstand_pic_kotarina img {
      width: 100%; }
  .farmstand_section .farmstand_section_body.ready .farmstand_pic_kotarina {
    opacity: 0;
    transform: rotate(-90deg) scale(0); }
  .farmstand_section .farmstand_pop_line {
    position: absolute;
    z-index: 3;
    top: 4.1176470588%;
    right: 22.5%;
    width: 22.0833333333%;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-delay: 2.5s;
    transform-origin: 0 50%; }
    @media only screen and (max-width: 767px) {
      .farmstand_section .farmstand_pop_line {
        top: 8.2352941176%;
        right: 13.0952380952%;
        width: 27.6041666667%; } }
    .farmstand_section .farmstand_pop_line img {
      width: 100%; }
  .farmstand_section .farmstand_section_body.ready .farmstand_pop_line {
    opacity: 0;
    transform: rotate(-30deg) scale(0); }
@keyframes farmstand_bird {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(20px); } }
  .farmstand_section .farmstand_pic_bird01,
  .farmstand_section .farmstand_pic_bird02 {
    animation-name: farmstand_kumo;
    animation-duration: 6s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    position: absolute;
    width: 5%; }
  .farmstand_section .farmstand_pic_bird01 {
    top: 3.5294117647%;
    right: 0.4166666667%; }
  .farmstand_section .farmstand_pic_bird02 {
    top: 5.1764705882%;
    right: 4.5833333333%;
    animation-delay: -1s; }
  .farmstand_section .farmstand_pic_vegetable {
    position: absolute;
    z-index: 3;
    top: 51.7647058824%;
    right: 0.8333333333%;
    width: 19.1666666667%;
    transition: 2.4s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform-origin: 80% 0%;
    transition-delay: 3.0s; }
    @media only screen and (max-width: 767px) {
      .farmstand_section .farmstand_pic_vegetable {
        top: 56.4705882353%;
        right: 7.5%; } }
  .farmstand_section .farmstand_section_body.ready .farmstand_pic_vegetable {
    opacity: 0;
    transform: rotate(-40deg) translateX(100px); }
@keyframes farmstand_kumo {
  0% {
    transform: translateY(0) scale(1); }
  100% {
    transform: translateY(30px) scale(1.1) rotate(3deg); } }
  .farmstand_section .farmstand_pic_kumo01,
  .farmstand_section .farmstand_pic_kumo02 {
    animation-name: farmstand_kumo;
    animation-duration: 8s;
    animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    position: absolute;
    width: 22.5%; }
  .farmstand_section .farmstand_pic_kumo01 {
    top: 11.7647058824%;
    right: 2.5%; }
  .farmstand_section .farmstand_pic_kumo02 {
    animation-delay: -2.3s;
    top: 25.8823529412%;
    right: -11.6666666667%; }
  .farmstand_section .farmstand_pic_plane {
    position: absolute;
    top: 3.5294117647%;
    left: 0%;
    width: 15%;
    animation-name: farmstand_pic_plane;
    animation-duration: 10s;
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    animation-iteration-count: infinite; }
@keyframes farmstand_pic_plane {
  0% {
    transform: translate(500px, 250px) scale(0.8);
    opacity: 0; }
  40% {
    transform: translate(50px, 25px);
    opacity: 1; }
  50% {
    transform: translate(50px, 25px);
    opacity: 1; }
  90% {
    transform: translate(-500px, -250px) scale(1.2);
    opacity: 0; }
  100% {
    opacity: 0; } }
  .farmstand_section .farmstand_guide {
    position: absolute;
    z-index: 3;
    width: 0.1666666667%;
    height: 21.6470588235%;
    top: 66.4705882353%;
    left: 63.3333333333%;
    background-color: #e57761;
    transform-origin: 50% 0%;
    transform: rotate(160deg) scaleY(1);
    transition: 0.6s all cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition-delay: 1.6s; }
  .farmstand_section .farmstand_section_body.ready .farmstand_guide {
    opacity: 0;
    transform: rotate(160deg) scaleY(0); }
  .farmstand_section .farmstand_pop_map_sp {
    padding: 0 20px 20px;
    margin-top: -20%; }
    .farmstand_section .farmstand_pop_map_sp img {
      position: relative;
      z-index: 3; }
  @media only screen and (max-width: 767px) {
    .farmstand_section h2 {
      margin: 0 0 -40px;
      padding: 80px 0 0px; }
      .farmstand_section h2 img {
        max-height: 50px;
        display: block;
        margin: auto; } }

.misc_section {
  padding: 60px 0 10px; }
  .misc_section .misc_column {
    width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .misc_section .misc_column {
        width: auto;
        display: block; } }
    .misc_section .misc_column > div {
      width: 570px; }
      @media only screen and (max-width: 767px) {
        .misc_section .misc_column > div {
          width: auto;
          padding: 0 20px; } }
      .misc_section .misc_column > div:first-child .btn_large {
        min-width: 400px; }
        @media only screen and (max-width: 767px) {
          .misc_section .misc_column > div:first-child .btn_large {
            min-width: 0; } }
    .misc_section .misc_column.ready > div {
      opacity: 0;
      transform: translateY(100px); }
    .misc_section .misc_column.ready .selfreform_list {
      opacity: 0;
      transform: translateY(100px); }
    .misc_section .misc_column.ready .magazine_block {
      opacity: 0;
      transform: translateY(100px); }
    .misc_section .misc_column.ready .bnr_block {
      opacity: 0;
      transform: translateY(100px); }
    .misc_section .misc_column .selfreform_list {
      transition-delay: 0.5s;
      transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
    .misc_section .misc_column .magazine_block {
      transition-delay: 0.9s;
      transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
    .misc_section .misc_column .bnr_block {
      transition-delay: 1.3s;
      transition: 0.5s all cubic-bezier(0.39, 0.575, 0.565, 1); }
  .misc_section h2 {
    margin: 1.5em auto 1em;
    padding: 0; }
    .misc_section h2 img {
      max-height: 50px;
      display: block;
      margin: auto; }
  .misc_section .selfreform_list {
    margin: 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .misc_section .selfreform_list {
        margin: 0 -10px; } }
    .misc_section .selfreform_list li {
      margin: 0;
      padding: 15px 20px;
      width: 50%;
      box-sizing: border-box; }
      @media only screen and (max-width: 767px) {
        .misc_section .selfreform_list li {
          padding: 15px 10px; } }
      .misc_section .selfreform_list li a {
        display: block;
        text-decoration: none;
        color: inherit;
        margin-top: 0.5ex;
        transition: 0.3s all; }
        .misc_section .selfreform_list li a:hover, .misc_section .selfreform_list li a:active {
          transform: translateY(3px);
          opacity: 0.8; }
      .misc_section .selfreform_list li .selfreform_img {
        padding: 12px;
        border: 1px solid #adadad;
        display: block;
        border-radius: 15px;
        box-sizing: border-box;
        position: relative; }
        .misc_section .selfreform_list li .selfreform_img::after {
          content: "";
          display: block;
          position: absolute;
          width: 32px;
          height: 32px;
          right: 12px;
          bottom: 12px;
          background: url(../img/arrow_selfreform.png) 100% 100%/contain no-repeat;
          z-index: 1; }
        .misc_section .selfreform_list li .selfreform_img img {
          display: block; }
      .misc_section .selfreform_list li .selfreform_title {
        display: block;
        margin-top: 0.5ex; }

.magazine_block {
  background: #fffbe5;
  padding: 10px 10px 40px;
  position: relative;
  margin: 90px 0 40px; }
  @media only screen and (max-width: 767px) {
    .magazine_block {
      margin: 90px 0 40px; }
      .magazine_block h2 {
        margin: 0 auto; } }
  .magazine_block .magazine_latest {
    display: block;
    transform: rotate(-7.5deg);
    transition: 0.3s all cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .magazine_block .magazine_column {
    display: flex; }
    .magazine_block .magazine_column > div {
      box-sizing: border-box;
      padding: 5px; }
      .magazine_block .magazine_column > div:first-child {
        width: 48%;
        margin: -5px; }
      .magazine_block .magazine_column > div:last-child {
        width: 52%; }
    .magazine_block .magazine_column:hover .magazine_latest, .magazine_block .magazine_column:active .magazine_latest {
      transform: rotate(-12deg); }
  .magazine_block .magazine_btn {
    border: 1px solid #809a67;
    display: inline-block;
    min-width: 220px;
    box-sizing: border-box;
    border-radius: 1em;
    color: #809a67;
    background: url(../img/magazine_btn_arrow.png) 100% 50%/22px 40px no-repeat;
    transition: 0.3s all; }
    @media only screen and (max-width: 767px) {
      .magazine_block .magazine_btn {
        min-width: 0;
        padding: 10px 30px 10px 10px;
        font-size: 90%;
        line-height: 1.4; } }
  .magazine_block a:hover .magazine_btn,
  .magazine_block a:active .magazine_btn {
    background-color: #809a67;
    color: #ffffff; }
  .magazine_block .present_btn {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      .magazine_block .present_btn {
        padding: 0;
        bottom: -1em; } }
    .magazine_block .present_btn .btn {
      display: block;
      margin: auto;
      box-sizing: border-box; }
      @media only screen and (max-width: 767px) {
        .magazine_block .present_btn .btn {
          font-size: 90%; } }

.main {
  padding: 0; }

.main_footer {
  position: relative; }
  .main_footer::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/main_footer_dot.png) 50% 50% repeat; }
  .main_footer::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/main_footer_mask.png) 50% 0/100% auto no-repeat; }
  .main_footer img {
    display: block;
    margin: 0;
    width: 100%; }

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