.main_visual {
  padding-bottom: 0; }
  @media (max-width: 720px) {
    .main_visual {
      padding: 0; } }
  .main_visual .inner {
    background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/enjoys/shoyu/main_img_enjoy_shoyu.png) no-repeat center/cover; }
    @media (max-width: 720px) {
      .main_visual .inner {
        height: calc(145/375*100vw); } }

.breadcrumbs {
  background: #fff; }
  .breadcrumbs .inner {
    padding: 5px 10px 8px; }

.enjoys_contents {
  padding: 78px 0 190px; }
  @media (max-width: 720px) {
    .enjoys_contents {
      padding: calc(34/375*100vw) 0 calc(95/375*100vw); } }
  .enjoys_contents > .inner {
    max-width: 1020px;
    padding: 0 10px 0;
    margin: auto; }
    @media (max-width: 720px) {
      .enjoys_contents > .inner {
        padding: 0 calc(15/375*100vw) 0; } }
  .enjoys_contents .lead_text {
    font-family: 'Zen Old Mincho', serif;
    font-size: 1.8rem;
    padding-top: 25px; }
    @media (max-width: 720px) {
      .enjoys_contents .lead_text {
        font-size: calc(16/375*100vw);
        padding-top: calc(18/375*100vw); } }

.flow_area {
  margin-top: 75px; }
  @media (max-width: 720px) {
    .flow_area {
      margin-top: calc(45/375*100vw); } }
  .flow_area .box {
    background: #F8F0E7;
    border-radius: 15px;
    padding: 18px 25px 23px;
    position: relative; }
    @media (max-width: 720px) {
      .flow_area .box {
        padding: 0 calc(17/375*100vw) calc(27/375*100vw);
        margin: 0 calc(-15/375*100vw);
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
        border-radius: 0; } }
    .flow_area .box + .box {
      margin-top: 92px; }
      @media (max-width: 720px) {
        .flow_area .box + .box {
          margin-top: 105px; } }
    .flow_area .box::after {
      content: "";
      position: absolute;
      background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/enjoys/shoyu/enjoy_shoyu_icon_yajirushi.png) no-repeat center;
      width: 57px;
      height: 51px;
      background-size: cover;
      left: 0;
      right: 0;
      margin: auto;
      bottom: -70px; }
      @media (max-width: 720px) {
        .flow_area .box::after {
          bottom: -80px; } }
    .flow_area .box:last-child::after {
      content: none; }
  .flow_area .title_block {
    border-radius: 13px;
    background: repeating-linear-gradient(-45deg, #ffe550, #ffe550 15px, #ffe979 0, #ffe979 30px);
    padding: 10px 20px;
    padding-right: 14px;
    display: flex;
    margin-bottom: 20px; }
    @media (max-width: 720px) {
      .flow_area .title_block {
        background: repeating-linear-gradient(-45deg, #ffe550, #ffe550 5px, #ffe979 0, #ffe979 10px);
        display: block;
        margin: 0 calc(-17/375*100vw) 20px;
        border-radius: 0;
        margin-bottom: calc(13/375*100vw);
        padding: calc(10/375*100vw) 14px calc(16/375*100vw);
        /*margin-bottom: calc(32/375*100vw);*/ } }
    .flow_area .title_block > div {
      width: 50%; }
      @media (max-width: 720px) {
        .flow_area .title_block > div {
          width: 100%; } }
    .flow_area .title_block .step {
      display: flex;
      align-items: center;
      background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/enjoys/shoyu/enjoys_shoyu_line.png) repeat-y right top 4px; }
      @media (max-width: 720px) {
        .flow_area .title_block .step {
          display: block;
          background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/enjoys/shoyu/shoyu_line_beside.png) repeat-x left bottom;
          padding-bottom: 13px; } }
      .flow_area .title_block .step .icon {
        background: #fff;
        width: 73px;
        height: 73px;
        border-radius: 50px;
        padding: 15px 13px 11px;
        text-align: center; }
        @media (max-width: 720px) {
          .flow_area .title_block .step .icon {
            width: calc(104/375*100vw);
            height: calc(30/375*100vw);
            padding: 5px 10px 4px;
            margin: auto; } }
        .flow_area .title_block .step .icon img {
          height: 100%;
          margin: auto;
          /*@include break {
              height: auto;
          }*/ }
      .flow_area .title_block .step .text {
        width: calc(100% - 80px);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.9rem;
        padding: 0 16px 0 10px;
        font-weight: 500;
        letter-spacing: .05em; }
        @media (max-width: 720px) {
          .flow_area .title_block .step .text {
            width: 100%;
            font-size: calc(19/375*100vw);
            margin-top: calc(10/375*100vw);
            padding: 0; } }
    .flow_area .title_block .supp {
      padding: 15px 0 0 34px;
      letter-spacing: .05em; }
      @media (max-width: 720px) {
        .flow_area .title_block .supp {
          text-align: center;
          padding: calc(15/375*100vw) 0 0;
          font-size: calc(16/375*100vw); } }
  .flow_area .link_txt {
    margin-top: 13px;
    text-align: right; }
    @media (max-width: 720px) {
      .flow_area .link_txt {
        margin-top: 10px;
        margin-left: 10px;
        text-align: center; } }
    .flow_area .link_txt a {
      display: inline-block;
      margin: 0;
      text-decoration: none;
      text-align: right;
      letter-spacing: calc((40 / 1000)*1em);
      line-height: calc(21/13);
      color: #CA0817;
      font-size: 1.3rem; }
      @media (max-width: 720px) {
        .flow_area .link_txt a {
          font-size: calc(13/375*100vw); } }
      .flow_area .link_txt a:hover {
        opacity: .8;
        transition: opacity .4s; }
      .flow_area .link_txt a::after {
        content: '';
        display: inline-block;
        width: 19.36px;
        height: 19.6px;
        margin-left: 13px;
        background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/common/icon_circle_arr_red.svg);
        vertical-align: -4px; }
  .flow_area .cont_block {
    display: flex; }
    @media (max-width: 720px) {
      .flow_area .cont_block {
        display: block; } }
    .flow_area .cont_block > * {
      width: 50%; }
      @media (max-width: 720px) {
        .flow_area .cont_block > * {
          width: 100%; } }
    .flow_area .cont_block figcaption {
      font-size: 1.4rem;
      text-align: center;
      padding-top: 6px;
      font-weight: 400; }
      @media (max-width: 720px) {
        .flow_area .cont_block figcaption {
          font-size: calc(13/375*100vw); } }
    .flow_area .cont_block .illust {
      width: calc(455/950*100%); }
      @media (max-width: 720px) {
        .flow_area .cont_block .illust {
          width: 100%; } }
    .flow_area .cont_block .photo {
      padding-left: 18px;
      margin-left: auto; }
      @media (max-width: 720px) {
        .flow_area .cont_block .photo {
          padding: 10px 0 0; } }
    .flow_area .cont_block .two_photo {
      display: flex;
      justify-content: center; }
      .flow_area .cont_block .two_photo figure {
        width: calc(220/457*100%); }
        .flow_area .cont_block .two_photo figure:nth-child(2) {
          margin-left: 15px; }
    .flow_area .cont_block .check {
      padding: 12px 18px 9px;
      position: relative;
      border: 1px dashed #CA0817;
      border-radius: 6px;
      margin-top: 25px;
      font-size: 1.4rem;
      color: #CA0817;
      letter-spacing: .05em; }
      @media (max-width: 720px) {
        .flow_area .cont_block .check {
          font-size: calc(14/375*100vw); } }
      .flow_area .cont_block .check::before {
        content: "";
        position: absolute;
        width: 76px;
        height: 20px;
        background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/enjoys/shoyu/enjoy_shoyu_icon_check.png) no-repeat;
        background-size: cover;
        top: -13px;
        left: 10px; }

.modal_popup {
  display: none; }

/* MOdal */
.btn_close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none; }
  @media (max-width: 720px) {
    .btn_close {
      top: 0;
      right: 0; } }
  .btn_close::before, .btn_close::after {
    display: block;
    content: " ";
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 40px;
    background: #B6271C;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    cursor: pointer; }
    @media (max-width: 720px) {
      .btn_close::before, .btn_close::after {
        top: calc(50% - 1em);
        left: calc(50% - .1em);
        width: calc(3/375*100vw);
        height: calc(30/375*100vw); } }
  .btn_close::before {
    transform: rotate(-45deg); }
  .btn_close::after {
    transform: rotate(45deg); }
  .btn_close span {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden; }
  .btn_close:hover {
    opacity: .8; }

.modal_wrap03 .modaal-content-container {
  padding: 50px 0; }
  @media (max-width: 720px) {
    .modal_wrap03 .modaal-content-container {
      padding: calc(22/375*100vw) 0; } }
.modal_wrap03 dl {
  width: 618px;
  margin: auto; }
  @media (max-width: 720px) {
    .modal_wrap03 dl {
      width: 100%;
      padding: calc(22/375*100vw); } }
.modal_wrap03 dt {
  margin: auto;
  padding-bottom: 17.5px;
  background: url(/wp/wp-content/themes/higeta-syoyu/assets/img/sobatsuyu/product/img_dotted_line.svg) repeat-x left bottom;
  text-align: center;
  letter-spacing: calc((50 / 1000)*1em);
  line-height: calc(26/17);
  font-weight: 600;
  font-size: 1.7rem; }
  @media (max-width: 720px) {
    .modal_wrap03 dt {
      width: 100%;
      margin: 0;
      font-size: calc(17/375*100vw); } }
.modal_wrap03 dd {
  margin-top: 17px;
  text-align: center;
  letter-spacing: calc((50 / 1000)*1em);
  line-height: calc(22/15);
  font-weight: 400;
  font-size: 1.5rem; }
  @media (max-width: 720px) {
    .modal_wrap03 dd {
      text-align: left;
      margin-top: calc(10/375*100vw);
      font-size: calc(15/375*100vw); } }
.modal_wrap03 figure {
  width: 618px;
  margin: 15px auto 0; }
  @media (max-width: 720px) {
    .modal_wrap03 figure {
      margin: 0 auto;
      width: calc(267/375*100vw); } }
  .modal_wrap03 figure img {
    width: 100%;
    border-radius: 25px;
    overflow: hidden; }
  .modal_wrap03 figure figcaption {
    text-align: center;
    padding-top: 20px; }
.modal_wrap03 .txt p {
  letter-spacing: calc((50 / 1000)*1em);
  line-height: calc(48/17);
  font-size: 1.7rem; }
  @media (max-width: 720px) {
    .modal_wrap03 .txt p {
      font-size: calc(15/375*100vw); } }
  .modal_wrap03 .txt p span {
    letter-spacing: calc((75 / 1000)*1em);
    line-height: calc(26/16);
    font-weight: 400;
    font-size: 1.6rem; }
    @media (max-width: 720px) {
      .modal_wrap03 .txt p span {
        font-size: calc(14/375*100vw); } }
  .modal_wrap03 .txt p + p {
    margin-top: 1em; }