@media screen and (max-width: 736px) {
  /*0px以上で適用する内容*/
  #motsu {
    width: 100%;
  }

  .motsu_box {
    width: 100%;
  }

  .pro_intro {
    text-align: center;
    padding: 3rem 0 0 0;
    position: relative;
  }

  #motsu .first {
    background: #ca984c;
  }

  #motsu .second {
    background: #f4f4f4;
  }

  .pro_intro02 {
    margin: 4rem 0 0 0;
  }

  .pro_intro02 h2,
  .oishii h2 {
    text-align: center;
  }

  .pro_intro03 {
    text-align: center;
    padding-top: 3rem;
  }

  .pro_intro03 img {
    width: 90%;
    padding-bottom: 1rem;
    height: auto;
  }

  .main_visual {
    width: 100% !important;
    height: auto;
  }

  .oishii h2 img,
  .pro_intro a img {
    width: 90%;
    height: auto;
  }

  #motsu h2 span {
    display: block;
    color: #fff;
    margin: 1rem 0 0 0;
    font-size: 16px;
    font-weight: lighter;
  }

  .box01 {
    background: url("image/sp/point1.png") no-repeat center 2rem;
  }

  .box02 {
    background: url("image/sp/point2.png") no-repeat top center;
  }

  .box03 {
    background: url("image/sp/point3.png") no-repeat top center;
  }

  .box04 {
    background: url("image/sp/point4.png") no-repeat top center;
  }

  .flexbox {
    width: 100%;
    margin: 0px auto 3rem auto;
    display: flex;
    flex-wrap: wrap;
  }

  .box_child {
    width: 100%;
    position: relative;
    margin: 0 auto 2rem auto;
    padding: 1rem;
    display: flex;
  }

  .box_txt h3 {
    font-size: 20px;
    color: #bf0d23;
    margin-bottom: 1rem;
  }

  .box_txt p {
    font-size: 16px;
    color: #3e3a39;
    text-align: justify;
    letter-spacing: 0.1px;
  }

  .pro_intro02 .box_txt {
    background: #fff;
    padding: 2rem 2.5rem;
    border-radius: 3px;
  }

  .box01 .box_txt {
    width: 100%;
  }

  .box02 .box_txt {
    width: 100%;
  }

  .box03 .box_txt {
    width: 100%;
  }

  .box04 .box_txt {
    width: 100%;
  }

  .box01 {
    justify-content: flex-end;
    padding: 25rem 1rem 1rem 1rem;
  }

  .box02 {
    justify-content: flex-start;
    padding: 19rem 1rem 1rem 1rem;
  }

  .box03 {
    justify-content: flex-end;
    padding: 22rem 1rem 1rem 1rem;
  }

  .box04 {
    justify-content: flex-start;
    padding: 25rem 1rem 1rem 1rem;
  }

  .oishii {
    background: url("image/sp/bg01.png") repeat top center;
    padding: 4rem 0 0 0;
  }

  .oishii .box_child {
    width: 264px;
    position: relative;
    margin: 0 auto 2rem auto;
    padding: 1rem;
    display: initial;
  }

  .oishii .flexbox {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 0 0 0;
  }

  .oishii .box_child img {
    width: 100%;
    display: block;
  }

  .oishii .box_child .line img {
    display: inline;
  }

  .oishii .box_child .box_txt p {
    color: #fff;
    font-size: 15px;
    font-weight: inherit;
    margin-top: 1rem;
  }

  .oishii .box_child .box_txt h4 {
    color: #e9de94;
    font-size: 15px;
    text-align: center;
    margin-top: 1rem;
  }

  .oishii + p.caption {
    width: 286px;
    font-size: 14px;
    color: #fff;
    padding: 0.25em 0 1em 1.5em;
    margin: auto;
    text-indent: -1em;
  }

  p.mojitume {
    letter-spacing: -0.1px;
  }

  .kantan_recipe h3 {
    text-align: center;
    position: relative;
    top: -2rem;
    margin-bottom: 2rem;
  }

  .kantan_recipe h3 img {
    width: 90%;
    height: auto;
  }

  .kantan_recipe {
    width: 100%;
    margin: 4rem auto;
    background: #bc8a4e;
    padding: 0 0 0.5rem 0;
  }

  .second h2 {
    text-align: center;
    padding: 2rem 1.5rem 0;
  }

  .second h2 img {
    width: 100%;
    height: auto;
  }

  .kantan_recipe .flexbox div {
    color: #fff;
    padding: 2rem;
    text-align: center;
    background: #865e2e;
    border-radius: 3px;
    width: 80%;
    margin: 0 auto 2rem auto;
  }

  .kantan_recipe .flexbox div p {
    font-size: 15px;
    padding: 1.5rem 0 0 0;
  }

  .third .flexbox {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0.8rem 0;
    justify-content: space-between;
  }

  .third .flexbox div a img {
    width: 90%;
    padding-bottom: 1rem;
    height: auto;
  }

  .third .flexbox div {
    text-align: center;
  }

  .fourth .flexbox {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2rem 0;
    justify-content: space-between;
  }

  .fourth .flexbox div a img {
    width: 90%;
    padding-bottom: 1rem;
  }

  .fourth .flexbox div {
    text-align: center;
  }

  .line_block {
    display: inline-block;
  }

  .kantan_recipe .flexbox div img {
    width: 100%;
  }
}

@media screen and (min-width: 737px) {
  /*600px以上で適用する内容*/
  #motsu {
    width: 100%;
  }

  .motsu_box {
    width: 100%;
  }

  .pro_intro {
    text-align: center;
    padding: 5rem 0 0 0;
    position: relative;
  }

  .pro_intro a {
    position: absolute;
    bottom: -2rem;
    right: 0;
    left: 0;
  }

  #motsu .first {
    background: #ca984c;
  }

  #motsu .second {
    background: #f4f4f4;
  }

  .pro_intro02 {
    margin: 4rem 0 0 0;
  }

  .pro_intro02 h2,
  .oishii h2 {
    text-align: center;
  }

  .pro_intro03 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-top: 5rem;
    width: 977px;
    margin: auto;
  }

  .pro_intro03 img:nth-child(1) {
    margin: 1rem;
  }

  #motsu h2 span {
    display: block;
    color: #fff;
    margin: 1rem 0 3rem 0;
    font-size: 16px;
    font-weight: lighter;
  }

  .box01 {
    background: url("image/point01.png") no-repeat top center;
  }

  .box02 {
    background: url("image/point02.png") no-repeat top center;
  }

  .box03 {
    background: url("image/point03.png") no-repeat top center;
  }

  .box04 {
    background: url("image/point04.png") no-repeat top center;
  }

  .kodawaribox {
    width: 925px !important;
  }

  .flexbox {
    width: 825px;
    margin: 0px auto 3rem auto;
    display: flex;
    flex-wrap: wrap;
  }

  .box_child {
    width: 100%;
    position: relative;
    margin: 0.5rem auto 0.5rem auto;
    padding: 1rem;
    display: flex;
  }

  .box_txt h3 {
    font-size: 20px;
    color: #bf0d23;
    margin-bottom: 0.75rem;
  }

  .box_txt p {
    font-size: 16px;
    color: #454344;
    text-align: justify;
    letter-spacing: 0.1px;
  }

  .box01 .box_txt {
    width: 305px;
    height: 210px;
    position: relative;
    top: 1rem;
    right: 10.25rem;
  }

  .box02 .box_txt {
    width: 305px;
    height: 200px;
    position: relative;
    top: 2.5rem;
    left: 12rem;
    line-height: 1.7;
  }

  .box03 .box_txt {
    width: 305px;
    height: 205px;
    position: relative;
    top: 1rem;
    right: 7.2rem;
    line-height: 1.7;
  }

  .box04 .box_txt {
    width: 305px;
    height: 251px;
    position: relative;
    top: 2.75rem;
    left: 13rem;
    line-height: 1.7;
  }

  .box01 {
    justify-content: flex-end;
  }

  .box02 {
    justify-content: flex-start;
  }

  .box03 {
    justify-content: flex-end;
    padding-bottom: 9rem;
  }

  .box04 {
    justify-content: flex-start;
    margin-top: -7rem;
  }

  .oishii {
    background: url("image/bg01.png") no-repeat top center;
    padding: 4rem 0 0 0;
  }

  .oishii .box_child {
    /* width: 264px; */
    position: relative;
    margin: 0 auto 2rem auto;
    padding: 0 1rem 1rem;
    display: block;
  }

  .oishii .flexbox {
    width: 825px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
  }

  .oishii .box_child img {
    display: block;
    width: 100%;
  }

  .oishii .box_child .line img {
    display: inline;
  }

  .oishii .box_child .box_txt p {
    color: #fff;
    font-size: 15px;
    font-weight: inherit;
    line-height: 1.6;
    margin-top: 0.5rem;
  }

  .oishii .box_child .box_txt h4 {
    color: #e9de94;
    font-size: 15px;
    text-align: center;
    margin-top: 0.5rem;
  }

  .oishii + p.caption {
    width: 978px;
    font-size: 16px;
    color: #fff;
    padding: 0 0 4em 5em;
    margin: auto;
  }

  p.mojitume {
    letter-spacing: -0.1px;
  }

  .kantan_recipe h3 {
    text-align: center;
    position: relative;
    top: -2rem;
    margin-bottom: 2rem;
  }

  .kantan_recipe {
    width: 977px;
    margin: 4rem auto;
    background: url("image/bg02.png") no-repeat top center;
    padding: 0 0 3rem 0;
  }

  .second h2 {
    text-align: center;
    padding: 4rem 0 1rem 0;
  }

  .kantan_recipe .flexbox div {
    margin: 1rem 0 0 0;
  }

  .third .flexbox {
    width: 977px;
    margin: 0 auto;
    display: flex;
    flex-wrap: initial;
    padding: 0 0 10rem 0;
    /* justify-content: center; */
    justify-content: space-between;
  }

  .fourth .flexbox {
    width: 977px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 10rem 0;
    justify-content: center;
  }
}