br.sp {
  display: none; }

@media screen and (max-width: 768px) {
  br.sp {
    display: block; } }
.link a {
  transition: all .3s; }
.link a:hover {
  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.2);
  transition: all .3s; }

.bg_wrap {
  position: relative;
  z-index: 0;
  overflow: hidden; }

.bg_wrap::before {
  display: block;
  content: "";
  background: url("../images/bg_left.svg") no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 40%;
  height: 100%;
  position: absolute;
  top: -5vw;
  left: -19vw;
  z-index: -1; }

.bg_wrap::after {
  display: block;
  content: "";
  background: url("../images/bg_right.svg") no-repeat;
  background-position: 0 0;
  background-size: 100%;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 10vw;
  right: -20vw;
  z-index: -1; }

.link_sect {
  margin-top: 0; }
  .link_sect .main_clms {
    border-top: solid 1px #000;
    padding: 1rem 0; }
    .link_sect .main_clms .cont_clm {
      flex-basis: 87%;
      padding: 2rem;
      border-right: solid 1px #000; }
      .link_sect .main_clms .cont_clm p {
        font-weight: 500;
        margin-bottom: 5rem; }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .cont_clm p {
          margin-bottom: 3rem; } }
      .link_sect .main_clms .cont_clm .bg_w {
        background: #FFF; }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .cont_clm .green {
          width: 70%; } }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .cont_clm .mlh {
          width: 90%; } }
      .link_sect .main_clms .cont_clm .recipe_clms {
        width: 70%;
        column-gap: 0.5rem;
        margin-left: auto;
        margin-right: auto; }
        .link_sect .main_clms .cont_clm .recipe_clms .wp-block-column {
          padding: 0 0 0 0; }
          @media screen and (max-width: 768px) {
            .link_sect .main_clms .cont_clm .recipe_clms .wp-block-column figure img {
              height: 94px;
              object-fit: cover; } }
        @media screen and (max-width: 768px) {
          .link_sect .main_clms .cont_clm .recipe_clms .wp-block-column {
            flex-basis: auto !important;
            width: 48%; } }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .cont_clm .recipe_clms {
          width: 90%;
          flex-wrap: wrap !important;
          row-gap: 0.5rem; } }
      .link_sect .main_clms .cont_clm .wp-block-buttons {
        padding-top: 4rem; }
        .link_sect .main_clms .cont_clm .wp-block-buttons .arrow a {
          font-weight: 500;
          position: relative;
          padding-right: 3rem; }
        .link_sect .main_clms .cont_clm .wp-block-buttons .arrow a::after {
          display: block;
          content: "";
          background: url("../images/arrow_w.svg") no-repeat;
          ackground-position: 0 0;
          background-size: 100%;
          width: 17px;
          height: 16px;
          position: absolute;
          top: 50%;
          right: 1rem;
          margin-top: -8px; }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .cont_clm .wp-block-buttons {
          padding-top: 2rem; } }
    @media screen and (max-width: 768px) {
      .link_sect .main_clms .cont_clm {
        border-right: 0px;
        padding: 0 0 2rem 0;
        margin-bottom: 2rem;
        border-bottom: solid 1px #000; } }
    .link_sect .main_clms .title_clm {
      flex-basis: 10%;
      padding: 3rem 0; }
      .link_sect .main_clms .title_clm figure.pc {
        display: block; }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .title_clm figure.pc {
          display: none; } }
      .link_sect .main_clms .title_clm figure.sp {
        display: none; }
      @media screen and (max-width: 768px) {
        .link_sect .main_clms .title_clm figure.sp {
          display: block;
          margin-top: 0;
          padding-left: 1rem;
          padding-right: 1rem; } }
    @media screen and (max-width: 768px) {
      .link_sect .main_clms .title_clm {
        display: flex;
        justify-content: center;
        padding: 1rem 0;
        border-bottom: solid 1px #000; } }
  @media screen and (max-width: 768px) {
    .link_sect .main_clms {
      flex-direction: column-reverse;
      border-top: 0px;
      border-left: solid 1px #000;
      border-right: solid 1px #000;
      padding: 0 0.75rem; } }

@media screen and (max-width: 768px) {
  .link_sect {
    margin-top: 2rem; } }

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