@media screen and (max-width: 736px) {
  /*0px以上で適用する内容*/
  #motsu {
    width: 100%;
  }
  #motsu img {
    height: auto;
  }
  .motsu_box {
    width: 100%;
  }
  .pro_intro {
    text-align: center;
    padding: 3rem 0 0 0;
    position: relative;
  }
  #motsu .first {
    background: #ab6246;
  }
  #motsu .second {
    background: #f0eeef;
  }
  .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;
  }
  .main_visual {
    width: 100% !important;
  }
  .oishii h2 img,
  .pro_intro a img {
    width: 90%;
  }
  #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 top center;
  }
  .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: #c30d23;
    margin-bottom: 1rem;
  }
  .box_txt p {
    font-size: 16px;
    color: #454344;
    text-align: justify;
    letter-spacing: 0.1px;
  }
  .pro_intro02 .box_txt {
    background: #fff;
    padding: 2rem;
    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: 20rem 1rem 1rem 1rem;
  }
  .box02 {
    justify-content: flex-start;
    padding: 20rem 1rem 1rem 1rem;
  }
  .box03 {
    justify-content: flex-end;
    padding: 21rem 1rem 1rem 1rem;
  }
  .box04 {
    justify-content: flex-start;
    padding: 26rem 1rem 1rem 1rem;
  }
  .oishii {
    background: url("image/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 {
    display: block;
  }
  .oishii .box_child .line img {
    display: inline;
  }
  .oishii .box_child .box_txt p {
    color: #fff;
    font-size: 14px;
    font-weight: inherit;
  }
  .oishii .box_child .box_txt p span {
    color: #ede298;
    font-size: 14px;
  }
  p.mojitume {
    letter-spacing: -0.1px;
  }
  .kantan_recipe h3,
  .nikonde_recipe h3 {
    text-align: center;
    position: relative;
    top: -2rem;
    margin-bottom: 2rem;
  }
  .kantan_recipe h3 img,
  .nikonde_recipe h3 img {
    width: 90%;
  }
  .kantan_recipe {
    width: 100%;
    margin: 4rem auto;
    background: #a75b40;
    padding: 0 0 3rem 0;
  }
  .nikonde_recipe {
    width: 100%;
    margin: 4rem auto;
    background: #a75b40;
    padding: 0 0 3rem 0;
  }
  .second h2 {
    text-align: center;
    padding: 8rem 0 3rem 0;
  }
  .second h2 img {
    width: 100%;
  }
  .nikonde_recipe .flexbox div,
  .kantan_recipe .flexbox div {
    color: #fff;
    padding: 2rem;
    text-align: center;
    margin: 1rem 0 0 0;
    background: #76432a;
    border-radius: 3px;
    width: 80%;
    margin: 0 auto 2rem auto;
  }
  .nikonde_recipe .flexbox div p,
  .kantan_recipe .flexbox div p {
    font-size: 13px;
    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;
  }
  .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:nth-child(5) 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: #ab6246;
  }
  #motsu .second {
    background: #f0eeef;
  }
  .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: 0 auto;
  }
  .pro_intro03 img:nth-child(1) {
    margin: 1rem;
  }
  #motsu h2 span {
    display: block;
    color: #fff;
    margin: 1rem 0 0 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;
  }
  .flexbox {
    width: 825px;
    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: #c30d23;
    margin-bottom: 1rem;
  }
  .box_txt p {
    font-size: 16px;
    color: #454344;
    text-align: justify;
    letter-spacing: 0.1px;
  }
  .box01 .box_txt {
    width: 305px;
    height: 200px;
    position: relative;
    top: 5rem;
    right: 4rem;
  }
  .box02 .box_txt {
    width: 305px;
    height: 200px;
    position: relative;
    top: 3rem;
    left: 6.5rem;
  }
  .box03 .box_txt {
    width: 305px;
    height: 205px;
    position: relative;
    top: 1.5rem;
    right: 2.5rem;
  }
  .box04 .box_txt {
    width: 305px;
    height: 251px;
    position: relative;
    top: 5.5rem;
    left: 2.5rem;
  }
  .box01 {
    justify-content: flex-end;
  }
  .box02 {
    justify-content: flex-start;
  }
  .box03 {
    justify-content: flex-end;
  }
  .box04 {
    justify-content: flex-start;
  }
  .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: 1rem;
    display: block;
  }
  .oishii .flexbox {
    width: 825px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 3rem 0 0 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: 14px;
    font-weight: inherit;
  }
  .oishii .box_child .box_txt p span {
    color: #ede298;
    font-size: 14px;
  }
  p.mojitume {
    letter-spacing: -0.1px;
  }
  .kantan_recipe h3,
  .nikonde_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;
  }
  .nikonde_recipe {
    width: 977px;
    margin: 4rem auto;
    background: url("image/bg03.png") no-repeat top center;
    padding: 0 0 3rem 0;
  }
  .second h2 {
    text-align: center;
    padding: 8rem 0 3rem 0;
  }
  .nikonde_recipe .flexbox div,
  .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: space-between;
  }
  .fourth .flexbox {
    width: 977px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 0 10rem 0;
    justify-content: center;
  }
}