/* =======================================
 makeshop SP
======================================= */
/********************************
  contents
********************************/
#makeshop_produce_container {
  min-width: unset;
  overflow: hidden;
  /**------------------------------------
    --footer
  ------------------------------------**/
}
#makeshop_produce_container .inner {
  width: 100%;
}
#makeshop_produce_container header {
  background-image: url(../images/header_img01_sp.png);
  background-position: 2.604vw 50%;
  background-repeat: no-repeat;
  background-size: 28.646vw auto;
  height: auto;
}
#makeshop_produce_container header .header_wrap {
  height: auto;
}
#makeshop_produce_container header .header_wrap .img01 {
  display: none;
}
#makeshop_produce_container header .header_wrap .head_text {
  font-size: 3.646vw;
  padding-block: 3.906vw;
  padding-inline: 32.552vw 3.906vw;
}
#makeshop_produce_container header .header_wrap .head_text span.s1 {
  font-size: 4.948vw;
}
#makeshop_produce_container .fv {
  background: url(../images/fv_bg_sp.jpg) 0 0/100% 100% no-repeat #ecf4f8;
  height: 108.073vw;
}
#makeshop_produce_container .fv .fv_textwrap {
  flex-direction: column;
  margin-inline: 7.161vw 0;
  padding-block: 3.125vw 0;
}
#makeshop_produce_container .fv .fv_textwrap .leftbox {
  margin-inline: 0;
  width: 100%;
}
#makeshop_produce_container .fv .fv_textwrap .leftbox .logo {
  margin-inline: 0;
  width: 23.438vw;
}
#makeshop_produce_container .fv .fv_textwrap .leftbox .text1 {
  font-size: 6.25vw;
  margin-block: 3.255vw 0;
}
#makeshop_produce_container .fv .fv_textwrap .leftbox .text2 {
  font-size: 6.51vw;
  margin-block: 1.953vw 0;
}
#makeshop_produce_container .fv .fv_textwrap .leftbox .text2 .montserrat,
#makeshop_produce_container .fv .fv_textwrap .leftbox .text2 span.s2 {
  font-size: 8.333vw;
}
#makeshop_produce_container .fv .fv_textwrap .rightbox {
  padding-block: 1.302vw 0;
  width: 69.01vw;
}
#makeshop_produce_container .sec01 .sec01_1 {
  height: auto;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_inner {
  background-position: 50% 6.51vw;
  background-size: auto 46.875vw;
  height: auto;
  min-height: 46.875vw;
}
#makeshop_produce_container .sec01 .sec01_1 .caption {
  font-size: 4.375vw;
  line-height: 1.4;
  padding-block: 7.813vw 3.906vw;
}
#makeshop_produce_container .sec01 .sec01_1 .caption span.s1 {
  display: block;
  font-size: 5.469vw;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap {
  align-items: baseline;
  height: auto;
  margin-block: 0 2.604vw;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap .text1 {
  align-self: center;
  font-size: 4.688vw;
  height: 13.542vw;
  margin-inline: 0 1.302vw;
  width: 13.542vw;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap .text2 {
  font-size: 17.578vw;
  letter-spacing: -0.02em;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap .text2 span {
  font-size: 13.021vw;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap .text3 {
  align-self: unset;
  font-size: 6.51vw;
  position: relative;
}
#makeshop_produce_container .sec01 .sec01_1 .sec01_1_wrap .text3 sup {
  font-size: 3.125vw;
  left: 0.2em;
  position: absolute;
}
#makeshop_produce_container .sec01 .sec01_1 .note {
  font-size: 3.385vw;
  line-height: 1.4;
  -webkit-margin-start: 1em;
          margin-inline-start: 1em;
  padding-inline: 4.5%;
  text-align: left;
  text-indent: -1em;
}
#makeshop_produce_container .sec01 .sec01_2 {
  padding-block: 6.51vw 0;
}
#makeshop_produce_container .sec01 .sec01_3 {
  background: none;
  height: auto;
}
#makeshop_produce_container .sec01 .sec01_3 .sec01_3_inner {
  flex-wrap: wrap;
  gap: 3.906vw;
  justify-content: center;
  padding-block: 7.813vw 5.208vw;
  padding-inline: 0;
}
#makeshop_produce_container .sec01 .sec01_3 .sec01_3_inner div {
  width: 44.271vw;
}
#makeshop_produce_container .sec01 .sec01_3 .note {
  font-size: 3.125vw;
}
#makeshop_produce_container .sec01 .sec01_4 {
  background: linear-gradient(-76.1deg, rgb(132, 162, 250) 0%, rgb(82, 139, 225) 39.45%, rgb(37, 119, 203) 79.67%, rgb(20, 111, 194) 100%);
  border-radius: 1.302vw;
  margin-block: 11.719vw 0;
  margin-inline: auto;
  padding-block: 0 3.906vw;
  width: 91.25%;
}
#makeshop_produce_container .sec01 .sec01_4::before {
  background: url(../images/sec01_4_deco_sp.png) 0/contain no-repeat;
  content: "";
  display: block;
  height: 19.837vw;
  left: -3.906vw;
  position: absolute;
  top: -7.813vw;
  width: 29.434vw;
}
#makeshop_produce_container .sec01 .sec01_4 .cost_title {
  font-size: 4.688vw;
  line-height: 2.4;
  position: static;
  text-align: center;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox_wrap {
  flex-direction: column;
  gap: 3.906vw;
  margin-inline: auto;
  width: 90%;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox {
  background: #fff;
  flex-basis: unset;
  height: auto;
  margin-block: 0;
  margin-inline: 0;
  padding-block: 3.906vw 7.813vw;
  padding-inline: 3.906vw;
  width: 100%;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox .costbox_caption {
  font-size: 4.427vw;
  line-height: 2.2;
  margin-block: 0 2.604vw;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox .costbox_price {
  margin-inline: 0;
  padding-block: 3.906vw 3.125vw;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox .costbox_price img {
  height: 8.594vw;
  width: auto;
}
#makeshop_produce_container .sec01 .sec01_4 .costbox .costbox_text {
  font-size: 3.646vw;
  padding-block: 4.167vw 0;
  padding-inline: 0;
}
#makeshop_produce_container .sec01 .sec01_4 .sec01_4_text {
  font-size: 4.427vw;
  margin-block: 2.604vw 0;
  margin-inline: 5%;
}
#makeshop_produce_container .sec01 .sec01_4 .note2 {
  bottom: -5.208vw;
  font-size: 3.125vw;
  margin-block: 0;
  position: absolute;
  right: 0;
}
#makeshop_produce_container .sec02 {
  height: auto;
  -webkit-margin-before: 13.021vw;
          margin-block-start: 13.021vw;
  padding-block: 7.813vw;
}
#makeshop_produce_container .sec02 h2 {
  font-size: 6.51vw;
  margin-block: 0;
}
#makeshop_produce_container .sec02 .cv_btn {
  margin-block: 3.906vw 0;
  width: 89.063vw;
}
#makeshop_produce_container .sec02 .tel_link {
  margin-block: 5.208vw 0;
  margin-inline: auto;
  width: 65.469vw;
}
#makeshop_produce_container .sec02 .time {
  font-size: 3.385vw;
  margin-block: 3.906vw 0;
}
#makeshop_produce_container .sec03 {
  background: none;
}
#makeshop_produce_container .sec03 h2 {
  background: linear-gradient(90deg, rgb(44, 140, 224) 0%, rgb(11, 115, 210) 100%);
  display: block;
  font-size: 5.469vw;
  height: auto;
  line-height: 1.4;
  padding-block: 2.604vw;
  -webkit-margin-after: 15.625vw;
          margin-block-end: 15.625vw;
  position: relative;
}
#makeshop_produce_container .sec03 h2::after {
  background: #1d80da;
  bottom: -5.208vw;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: "";
  display: block;
  height: 5.208vw;
  left: calc(50% - 5.859vw);
  position: absolute;
  width: 11.719vw;
}
#makeshop_produce_container .sec03 h2 span.s1 {
  font-size: 8.568vw;
}
#makeshop_produce_container .sec03 h2 span.s2 {
  font-size: 5.469vw;
}
#makeshop_produce_container .sec03 .product_site_list {
  justify-content: flex-start;
  -webkit-padding-start: 6.5%;
          padding-inline-start: 6.5%;
  width: 100%;
}
#makeshop_produce_container .sec03 .product_site_list li, #makeshop_produce_container .sec03 .product_site_list .lp_box {
  -webkit-margin-after: 0;
          margin-block-end: 0;
  width: 40.365vw;
}
#makeshop_produce_container .sec03 .product_site_list li .image, #makeshop_produce_container .sec03 .product_site_list .lp_box .image {
  height: 58.594vw;
  width: 40.365vw;
}
#makeshop_produce_container .sec03 .product_site_list li .image img, #makeshop_produce_container .sec03 .product_site_list .lp_box .image img {
  height: 58.594vw;
  width: 40.365vw;
}
#makeshop_produce_container .sec03 .product_site_list li p, #makeshop_produce_container .sec03 .product_site_list .lp_box p {
  font-size: 3.385vw;
}
#makeshop_produce_container .sec03 .product_site_list li .company_name, #makeshop_produce_container .sec03 .product_site_list .lp_box .company_name {
  font-size: 4.427vw;
  padding-block: 2.604vw 1.953vw;
}
#makeshop_produce_container .sec03 .more_btn {
  border-radius: 6.51vw;
  height: auto;
  -webkit-margin-before: 6.51vw;
          margin-block-start: 6.51vw;
  width: 78.125vw;
}
#makeshop_produce_container .sec03 .more_btn .text1 {
  font-size: 5.729vw;
  line-height: 13.021vw;
  -webkit-margin-end: 2.604vw;
          margin-inline-end: 2.604vw;
  width: 6.5em;
}
#makeshop_produce_container .sec03 .more_btn .arrow {
  border-width: 2.083vw 2.083vw 0;
}
#makeshop_produce_container .sec04 {
  background: url(../images/sec04_bg_sp.jpg) 50% 100%/100% auto no-repeat;
  height: auto;
  -webkit-margin-before: 10.417vw;
          margin-block-start: 10.417vw;
  padding-block: 10.417vw 7.813vw;
}
#makeshop_produce_container .sec04 h2 {
  font-size: 4.557vw;
  -webkit-margin-after: 5.208vw;
          margin-block-end: 5.208vw;
}
#makeshop_produce_container .sec04 h2 span.montserrat {
  font-size: 4.818vw;
}
#makeshop_produce_container .sec04 .img02 {
  -webkit-margin-after: 3.906vw;
          margin-block-end: 3.906vw;
}
#makeshop_produce_container .sec04 .img01 {
  margin-inline: auto;
  width: 60.156vw;
}
#makeshop_produce_container .sec05 {
  background: url(../images/sec05_bg_sp.jpg) 50% 0/100% auto no-repeat #a6daff;
  height: auto;
  padding-block: 10.417vw;
  position: relative;
}
#makeshop_produce_container .sec05::before, #makeshop_produce_container .sec05::after {
  background: 0/contain no-repeat;
  content: "";
  display: block;
  position: absolute;
}
#makeshop_produce_container .sec05::before {
  background-image: url(../images/sec05_img01_sp.png);
  height: 19.531vw;
  left: 0.651vw;
  top: -3.646vw;
  width: 19.531vw;
}
#makeshop_produce_container .sec05::after {
  background-image: url(../images/sec05_img02_sp.png);
  height: 13.542vw;
  right: 2.604vw;
  top: -1.302vw;
  width: 19.271vw;
}
#makeshop_produce_container .sec05 h2 {
  border-bottom-width: 1.302vw;
  font-size: 4.785vw;
  padding-inline: 0;
  width: 88.542vw;
}
#makeshop_produce_container .sec05 h2 .montserrat {
  font-size: 15.723vw;
  -webkit-margin-after: -1.953vw;
          margin-block-end: -1.953vw;
}
#makeshop_produce_container .sec05 h2 .montserrat span {
  font-size: 12.988vw;
  vertical-align: baseline;
}
#makeshop_produce_container .sec05 .note {
  font-size: 3.125vw;
  margin-inline: auto;
  text-align: right;
  width: 87.24vw;
}
#makeshop_produce_container .sec05 .text1 {
  font-size: 4.167vw;
  -webkit-margin-before: 5.208vw;
          margin-block-start: 5.208vw;
  margin-inline: auto;
  width: 91.25%;
}
#makeshop_produce_container .sec05 .text1 span {
  font-size: 4.557vw;
}
#makeshop_produce_container .sec06 {
  background: url(../images/sec06_bg01_sp.png) 0 100%/100% auto no-repeat;
  margin-block: 7.813vw;
  margin-inline: auto;
  -webkit-padding-after: 5.208vw;
          padding-block-end: 5.208vw;
  width: 91.146vw;
}
#makeshop_produce_container .sec06 .img02 {
  background-color: #eaf4fe;
  background-image: url(../images/sec06_bg02_sp.png), url(../images/sec06_bg02_sp.png);
  background-position: 76.563vw 5%, 2.344vw 95%;
  background-repeat: no-repeat;
  background-size: 3.646vw auto;
  -webkit-margin-before: 1.953vw;
          margin-block-start: 1.953vw;
  margin-inline: auto;
  padding-block: 6.51vw;
  width: 82.031vw;
}
#makeshop_produce_container .sec06 .img02 .lead1 {
  display: block;
  -webkit-margin-after: 3.906vw;
          margin-block-end: 3.906vw;
  margin-inline: auto;
  width: 71.615vw;
}
#makeshop_produce_container .sec06 .img02 .text1 {
  font-size: 3.385vw;
  margin-inline: auto;
  position: static;
  text-align: left;
  width: 85%;
}
#makeshop_produce_container .sec06 .img02 .text1 span {
  font-size: 110%;
}
#makeshop_produce_container .sec07 {
  background: url(../images/sec07_bg_sp.jpg) 0 0/100% 100% no-repeat;
  height: 339.323vw;
  -webkit-padding-before: 13.021vw;
          padding-block-start: 13.021vw;
}
#makeshop_produce_container .sec07 .img01 {
  margin-inline: 9.115vw auto;
  width: 78.776vw;
}
#makeshop_produce_container .sec07 .img02_wrap {
  -webkit-margin-before: 3.906vw;
          margin-block-start: 3.906vw;
}
#makeshop_produce_container .sec07 .text1,
#makeshop_produce_container .sec07 .text2 {
  font-size: 3.906vw;
  line-height: 1.67;
}
#makeshop_produce_container .sec07 .text1 {
  left: 48.568vw;
  top: 33.203vw;
}
#makeshop_produce_container .sec07 .text2 {
  left: 28.646vw;
  top: 129.688vw;
}
#makeshop_produce_container .sec07 .text3 {
  font-size: 4.948vw;
  margin-block: 22.135vw 3.255vw;
}
#makeshop_produce_container .sec07 .img03 {
  margin-inline: 5.469vw 0;
  width: 84.766vw;
}
#makeshop_produce_container .sec07 .text4_wrap {
  -webkit-margin-before: 46.224vw;
          margin-block-start: 46.224vw;
}
#makeshop_produce_container .sec07 .text4_wrap .text4_1 {
  font-size: 4.167vw;
}
#makeshop_produce_container .sec07 .text4_wrap .text4_1 .dot_text {
  font-size: 5.469vw;
}
#makeshop_produce_container .sec07 .text4_wrap .text4_2 {
  font-size: 5.859vw;
  line-height: 1.33;
  -webkit-margin-before: 1.302vw;
          margin-block-start: 1.302vw;
}
#makeshop_produce_container .sec07 .img04 {
  -webkit-margin-before: 3.255vw;
          margin-block-start: 3.255vw;
  margin-inline: auto;
  width: 95.703vw;
}
#makeshop_produce_container .sec08 img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#makeshop_produce_container .sec09 {
  height: auto;
}
#makeshop_produce_container .sec09 > .inner {
  background: none;
  height: auto;
  padding-block: 7.813vw 14.323vw;
}
#makeshop_produce_container .sec09 .img01 {
  margin-inline: 3.776vw 0;
  width: 96.354vw;
}
#makeshop_produce_container .sec09 .text1 {
  font-size: 4.818vw;
  line-height: 1.4;
  padding-block: 3.125vw 3.646vw;
}
#makeshop_produce_container .sec09 .text1 .montserrat {
  font-size: 5.078vw;
}
#makeshop_produce_container .sec09 .img02 {
  margin-inline: 10.286vw 0;
  width: 78.776vw;
}
#makeshop_produce_container .sec09 .text2 {
  font-size: 3.906vw;
  margin-block: 1.953vw 7.813vw;
  margin-inline: auto;
  width: 91.25%;
}
#makeshop_produce_container .sec09 .text2 span.s1 {
  font-size: 4.427vw;
}
#makeshop_produce_container .sec09 .content {
  -webkit-margin-before: 1.302vw;
          margin-block-start: 1.302vw;
}
#makeshop_produce_container .sec09 .content:not(:last-child)::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%20%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M44%2022.16%2028.01%2038.15%2012%2022.13%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  -webkit-filter: drop-shadow(1.302vw 1.302vw 1.042vw rgba(46, 49, 144, 0.1));
          filter: drop-shadow(1.302vw 1.302vw 1.042vw rgba(46, 49, 144, 0.1));
  height: 13.021vw;
  -webkit-margin-before: 1.302vw;
          margin-block-start: 1.302vw;
  margin-inline: auto;
  width: 13.021vw;
}
#makeshop_produce_container .sec09 .content h2 {
  margin-inline: auto;
  width: 78.125vw;
}
#makeshop_produce_container .sec09 .textbox {
  border-radius: 2.604vw;
  height: auto;
  -webkit-margin-before: 5.208vw !important;
          margin-block-start: 5.208vw !important;
  padding-block: 6.51vw 5.208vw;
  padding-inline: 5%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 85.625%;
}
#makeshop_produce_container .sec09 .textbox .caption .caption_text {
  font-size: 6.51vw;
}
#makeshop_produce_container .sec09 .textbox .caption .label {
  font-size: 4.167vw;
  height: 7.813vw;
  line-height: 7.813vw;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 6.51vw;
          padding-inline-start: 6.51vw;
  width: 27.344vw;
}
#makeshop_produce_container .sec09 .textbox .text {
  font-size: 3.906vw;
  -webkit-margin-before: 5.208vw;
          margin-block-start: 5.208vw;
}
#makeshop_produce_container .sec09 .textbox.box1 {
  margin-inline: auto 4.375%;
}
#makeshop_produce_container .sec09 .textbox.box2 {
  margin-inline: 4.375% auto;
}
#makeshop_produce_container .sec09 .textbox.box2 .label {
  background-size: contain;
  padding-inline: 4.427vw 0;
}
#makeshop_produce_container .sec09 .textbox.box3 {
  margin-inline: auto 4.375%;
}
#makeshop_produce_container .sec09 .textbox.box4 {
  margin-inline: 4.375% auto;
}
#makeshop_produce_container .sec09 .textbox.box4 .label {
  background-size: contain;
  padding-inline: 4.427vw 0;
}
#makeshop_produce_container .sec09_2 {
  background-image: url(../images/sec09_2_bg_sp.jpg);
  height: auto;
}
#makeshop_produce_container .sec09_2 img {
  padding-block: 0;
  padding-inline: 0;
}
#makeshop_produce_container .sec10 {
  -webkit-padding-after: 7.813vw;
          padding-block-end: 7.813vw;
}
#makeshop_produce_container .sec10 .sec10_blue_box {
  background: url(../images/sec10_img02_sp.png) 0 0/100% 100% no-repeat;
  height: 111.979vw;
  width: 91.146vw;
}
#makeshop_produce_container .sec10 .sec10_blue_box .title {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: 5.208vw;
  height: auto;
  line-height: 1;
  margin-inline: auto;
  padding-block: 5.208vw 2.604vw;
  width: 82.031vw;
}
#makeshop_produce_container .sec10 .sec10_blue_box .title p {
  display: inline;
}
#makeshop_produce_container .sec10 .sec10_blue_box .title p.s1 {
  font-size: 9.375vw;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
#makeshop_produce_container .sec10 .sec10_blue_box .title p.s2 {
  font-size: 5.99vw;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
#makeshop_produce_container .sec10 .sec10_blue_box .textbox_wrap {
  align-items: center;
  flex-direction: column;
  gap: 11.719vw;
  -webkit-padding-before: 5.859vw;
          padding-block-start: 5.859vw;
}
#makeshop_produce_container .sec10 .sec10_blue_box .textbox_wrap .textbox {
  width: 82.031vw;
  padding-inline: 0;
}
#makeshop_produce_container .sec10 .sec10_blue_box .textbox_wrap .textbox .caption {
  font-size: 4.948vw;
  -webkit-margin-after: 3.906vw;
          margin-block-end: 3.906vw;
}
#makeshop_produce_container .sec10 .sec10_blue_box .textbox_wrap .textbox .text {
  font-size: 3.646vw;
}
#makeshop_produce_container .sec10_2 {
  padding-block: 7.813vw 11.719vw;
}
#makeshop_produce_container .sec10_2 .img01,
#makeshop_produce_container .sec10_2 .img02 {
  margin-inline: auto;
  width: 91.25%;
}
#makeshop_produce_container .sec10_2 .img03 {
  -webkit-margin-before: 3.906vw;
          margin-block-start: 3.906vw;
}
#makeshop_produce_container .sec10_2 .img04 {
  background: none;
  display: flex;
  flex-direction: column;
  gap: 5.208vw;
  height: auto;
  margin-block: 3.906vw 7.813vw;
  margin-inline: auto;
  width: 91.25%;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box {
  background: linear-gradient(90deg, rgb(120, 198, 255) 0%, rgb(11, 115, 210) 100%);
  border-radius: 1.302vw;
  box-shadow: 0.651vw 0.651vw 1.302vw rgba(0, 24, 76, 0.1);
  padding-block: 2px;
  padding-inline: 2px;
  position: static;
  width: 100%;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box .content {
  background-color: #fff;
  background-position: 50% 2.604vw;
  background-repeat: no-repeat;
  background-size: 11.719vw auto;
  border-radius: 1.172vw;
  padding-block: 16.927vw 5.208vw;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box .caption {
  font-size: 6.25vw;
  -webkit-margin-after: 3.906vw;
          margin-block-end: 3.906vw;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box .text1 {
  font-size: 4.167vw;
  margin-inline: auto;
  width: 90%;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box .text1 span.s1 {
  font-size: 3.385vw;
}
#makeshop_produce_container .sec10_2 .img04 .img04_box.box1 .content {
  background-image: url(../images/sec10_2_icon01_sp.svg);
}
#makeshop_produce_container .sec10_2 .img04 .img04_box.box2 .content {
  background-image: url(../images/sec10_2_icon02_sp.svg);
}
#makeshop_produce_container .sec10_2 .img04 .img04_box.box3 .content {
  background-image: url(../images/sec10_2_icon03_sp.svg);
}
#makeshop_produce_container .sec10_2 .img04 .img04_box.box4 .content {
  background-image: url(../images/sec10_2_icon04_sp.svg);
}
#makeshop_produce_container .sec10_2 .img04 .img04_box.box5 .content {
  background-image: url(../images/sec10_2_icon05_sp.svg);
}
#makeshop_produce_container .sec10_2 .img05 {
  border-radius: 3.906vw;
  box-shadow: 0 0 5.208vw rgba(0, 24, 76, 0.2);
  margin-inline: auto;
  overflow: hidden;
  width: 82.031vw;
}
#makeshop_produce_container .sec11 {
  border-width: 1.302vw 0;
  padding-block: 13.021vw 16.927vw;
}
#makeshop_produce_container .sec11 h2 {
  border-bottom-width: 3px;
  font-size: 5.99vw;
  -webkit-margin-after: 11.719vw;
          margin-block-end: 11.719vw;
  -webkit-padding-after: 3.125vw;
          padding-block-end: 3.125vw;
}
#makeshop_produce_container .sec11 .ul_wrap img {
  display: none;
}
#makeshop_produce_container .sec11 ul.flow_box_list {
  border-radius: 1.953vw;
  box-shadow: 3.906vw 3.906vw 1.302vw rgba(46, 49, 144, 0.1);
  flex-direction: column;
  height: auto;
  margin-inline: auto;
  padding-block: 0;
  padding-inline: 0;
  position: static;
  width: 91.146vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li {
  background-repeat: no-repeat;
  background-size: 11.719vw auto, 100% auto;
  position: relative;
  width: 100%;
}
#makeshop_produce_container .sec11 ul.flow_box_list li::before {
  background: 0/contain no-repeat;
  content: "";
  display: block;
  height: 8.594vw;
  left: calc(50% - 4.167vw);
  position: absolute;
  width: 8.333vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(1) {
  background-color: #fff;
  background-image: url(../images/sec11_img1_sp.png), url(../images/sec11_bg1_sp.png);
  background-position: 50% 5.208vw, 0 100%;
  border-radius: 1.953vw 1.953vw 0 0;
  padding-block: 19.531vw 15.625vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(1)::before {
  background-image: url(../images/sec11_num1_sp.png);
  top: -5.208vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(2) {
  background-color: #e5f4ff;
  background-image: url(../images/sec11_img2_sp.png), url(../images/sec11_bg2_sp.png);
  background-position: 50% 2.604vw, 0 100%;
  padding-block: 16.927vw 15.625vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(2)::before {
  background-image: url(../images/sec11_num2_sp.png);
  top: -10.417vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(3) {
  background-color: #bfe4ff;
  background-image: url(../images/sec11_img3_sp.png), url(../images/sec11_bg3_sp.png);
  background-position: 50% 2.604vw, 0 100%;
  padding-block: 16.927vw 15.625vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(3)::before {
  background-image: url(../images/sec11_num3_sp.png);
  top: -10.417vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(4) {
  background-color: #a6daff;
  background-image: url(../images/sec11_img4_sp.png);
  background-position: 50% 2.604vw;
  border-radius: 0 0 1.953vw 1.953vw;
  padding-block: 16.927vw 6.51vw;
  width: 100%;
}
#makeshop_produce_container .sec11 ul.flow_box_list li:nth-of-type(4)::before {
  background-image: url(../images/sec11_num4_sp.png);
  top: -10.417vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li .flow_caption {
  font-size: 5.208vw;
}
#makeshop_produce_container .sec11 ul.flow_box_list li .flow_text {
  font-size: 3.646vw;
  margin-inline: auto;
  width: 90%;
}
#makeshop_produce_container .sec12 {
  padding-block: 12.37vw 9.766vw;
}
#makeshop_produce_container .sec12 .qa_icon {
  margin-inline: auto;
  width: 14.167vw;
}
#makeshop_produce_container .sec12 h2 {
  font-size: 5.99vw;
  margin-block: 3.385vw 7.813vw;
}
#makeshop_produce_container .sec12 .qa_box_wrap {
  margin-inline: auto;
  width: 91.25%;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box {
  -webkit-margin-after: 3.906vw;
          margin-block-end: 3.906vw;
  padding-block: 6.51vw;
  padding-inline: 3.906vw;
  width: 100%;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .q_box .montserrat {
  font-size: 7.813vw;
  width: 15.625vw;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .q_box .q_text {
  font-size: 4.427vw;
  width: calc(100% - 15.625vw);
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .a_box {
  -webkit-padding-before: 4.167vw;
          padding-block-start: 4.167vw;
  padding-inline: 0;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .a_box .a_icon {
  font-size: 10.417vw;
  width: 15.625vw;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .a_box .a_text_wrap {
  width: calc(100% - 15.625vw);
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .a_box .a_text_wrap .a_title {
  font-size: 4.688vw;
  -webkit-margin-after: 2.604vw;
          margin-block-end: 2.604vw;
}
#makeshop_produce_container .sec12 .qa_box_wrap .qa_box .a_box .a_text_wrap .a_text {
  font-size: 3.906vw;
}
#makeshop_produce_container .sec13 {
  padding-block: 10.417vw 18.229vw;
}
#makeshop_produce_container .sec13 .mail_icon {
  -webkit-margin-after: 3.255vw;
          margin-block-end: 3.255vw;
  margin-inline: auto;
  width: 12.917vw;
}
#makeshop_produce_container .sec13 h2 {
  font-size: 5.99vw;
  -webkit-margin-after: 10.417vw;
          margin-block-end: 10.417vw;
}
#makeshop_produce_container footer {
  height: auto;
  padding-block: 9.115vw;
}
#makeshop_produce_container footer .footer_wrap {
  flex-direction: column;
  gap: 3.906vw;
  height: auto;
  margin-inline: 4.375%;
}
#makeshop_produce_container footer .footer_wrap .footer_logo {
  margin-inline: 0;
}
#makeshop_produce_container footer .footer_wrap .address {
  font-size: 3.125vw;
  margin-inline: 0;
}
#makeshop_produce_container #contact .wrap {
  font-size: 3.646vw;
  width: 91.25%;
}
#makeshop_produce_container #contact .inq_box_text2 {
  line-height: 1.8;
  margin-inline: auto;
  -webkit-padding-before: 2.5em;
          padding-block-start: 2.5em;
  width: 88%;
}
#makeshop_produce_container #contact .holiday {
  line-height: 7.813vw;
  width: 54.688vw;
}
#makeshop_produce_container #contact .holiday dt {
  background-size: 5.208vw auto;
  -webkit-padding-start: 7.292vw;
          padding-inline-start: 7.292vw;
}
#makeshop_produce_container #contact .form-table {
  width: 90%;
}
#makeshop_produce_container #contact .form-head {
  display: block;
  padding-block: 3.255vw;
  width: 100%;
}
#makeshop_produce_container #contact .form-label {
  -webkit-padding-start: 11.719vw;
          padding-inline-start: 11.719vw;
}
#makeshop_produce_container #contact .form-label::after {
  font-size: 2.865vw;
  line-height: 5.208vw;
  margin-inline: 0;
  width: 10.417vw;
}
#makeshop_produce_container #contact .form-data {
  display: block;
  padding-block: 1.302vw;
  width: 100%;
}
#makeshop_produce_container #contact .form-txt {
  font-size: 3.646vw;
  margin-block: 7.813vw 3.906vw;
  margin-inline: auto;
  width: 90%;
}
#makeshop_produce_container #contact #inquiry-return .wpcf7-list-item, #makeshop_produce_container #contact #inquiry-time .wpcf7-list-item {
  margin-block: 3.646vw 0 !important;
}
#makeshop_produce_container #contact .form-btn .form-btn-bg {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  background-position: 70vw 50%;
  background-size: auto 4vw;
  border-radius: 0.7vw;
}/*# sourceMappingURL=makeshop_produce_sp.css.map */