@charset "UTF-8";

.main_content {
  background-color: #F8FDEF;
}
.pankuzu {
  margin-top: 1rem;
  margin-bottom: 0;
}
.text_red {
  color: #E33C19;
}
.text_orange {
  color: #FF842B;
}

/* ---------------------------------
  mv_block
--------------------------------- */
.mv_block {
  text-align: center;
  padding: 5rem 0 5.5rem;
  font-family: 'notoserif', serif;
  position: relative;
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/mv_img01.webp"),url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/mv_img02.webp");
  background-repeat: no-repeat;
  background-position: right max(100%,calc(50% + 58rem)) top,left max(100%,calc(50% + 53rem)) top;
  background-size: contain;
  background-color: #fff;
}
.mv_block h1 {
  margin-bottom: 2.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 3.2rem;
  margin-left: -5rem;
}
.mv_block h1::before {
  content: "完全調理済み\A冷凍食材";
  font-family: 'notosansjp', sans-serif;
  font-size: 2.5rem;
  color: #fff;
  font-weight: 700;
  border-radius: 1rem;
  background-color: #E33C19;
  padding: .6rem 1.4rem;
  white-space: pre;
  display: inline-block;
}
.mv_block h1 img {
  width: 45.6rem;
}
.mv_lead_sub_text {
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 1.512;
}
.mv_lead_text {
  font-size: 5.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
  line-height: 1.25;
}
.mv_lead_text span {
  color: #E33C19;
}
.mv_detail_text {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.75;
  text-shadow: 0px 0px 3px #F7F5ED;
}
@media screen and (min-width: 769px) and (max-width: 1212px) {
  .mv_block {
    background-size: cover, contain;
  }
}
@media screen and (max-width: 768px) {
  .mv_block {
    padding: 10.7rem 0 6.6rem;
    background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/mv_img01_sp.webp"),url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/mv_img02_sp.webp");
    background-position: center top -4.8rem, right -2.9rem bottom 4.8rem;
    background-size: contain, 32.9rem;
    background-color: transparent;
  }
  .mv_block h1 {
    margin-bottom: 2.3rem;
    column-gap: 1.6rem;
    margin-left: 0;
  }
  .mv_block h1::before {
    font-size: 1.2rem;
    padding: .4rem .6rem;
  }
  .mv_block h1 img {
    width: 23.4rem;
  }
  .mv_lead_sub_text,
  .mv_lead_text {
    font-size: 2.3rem;
    line-height: 1.3;
  }
  .mv_lead_sub_text {
    text-shadow: 0 0 .3rem #fff;
  }
  .mv_lead_text {
    margin-bottom: 1.1rem;
  }
  .mv_lead_text span {
    font-size: 2.6rem;
  }
  .mv_detail_text {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.9;
    margin-left: 2.6rem;
  }
}

/* ---------------------------------
  reason_block
--------------------------------- */
.reason_block {
  padding: 5.7rem 0 10rem;
}
.reason_block h2 {
  font-family: 'notoserifjp', serif;
  font-size: 7rem;
  font-weight: 700;
  line-height: 1.3;
  position: relative;
  margin: 0 0 9rem 8.5rem;
}
.reason_block h2::before {
  content: "完全調理済み\A冷凍食材";
  font-family: 'notosansjp', sans-serif;
  font-size: 2.2rem;
  color: #fff;
  font-weight: 700;
  border-radius: 1rem;
  background-color: #E33C19;
  padding: .5rem 1rem;
  white-space: pre;
  display: inline-block;
  margin-right: -2rem;
  text-align: center;
  margin-left: .9rem;
}
.reason_block h2::after {
  content: "";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/title_img01.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -10.3rem;
  right: -3.6rem;
  width: 41.3rem;
  height: 25rem;
  z-index: 20;
}
.reason_block .main_text {
  font-size: 8.4rem;
  margin-left: 18.4rem;
}
.reason_block .main_text .text_red {
  font-size: 12rem;
}
.reason_block .main_text span:not(.text_red) {
  font-size: 6.1rem;
}
.reason_content {
  position: relative;
}
.reason_content .inner {
  position: relative;
  z-index: 10;
}
.reason_content + .reason_content {
  margin-top: 8rem;
}
.reason_content h3 {
  width: calc(100% - 6.4rem);
  margin-left: 6.4rem;
  padding: 1rem 0;
  position: relative;
  background-color: #E0F5AE;
  font-size: 3.6rem;
  color: #58250E;
  text-align: center;
  font-weight: 700;
}
.reason_content h3 > span:not(.title_badge) {
  font-size: 4.2rem;
  color: #E33C19;
  font-family: 'notoserifjp', serif;
  font-weight: 900;
}
.reason_content .title_badge {
  width: 10.6rem;
  height: 10.6rem;
  background-color: #fff;
  border: .3rem solid #ACC845;
  border-radius: 50%;
  position: absolute;
  left: -6.4rem;
  top: calc(50% - .5rem);
  transform: translateY(-50%);
  font-size: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
}
.reason_content .title_badge span {
  font-size: 6.8rem;
  color: #F38200;
  font-family: 'notoserifjp', serif;
  font-weight: 900;
}
.reason_content .check_block {
  background-color: #E7F4CB;
  padding: 4rem 0 4rem 7.5rem;
  width: 79.2rem;
  margin-left: 16rem;
  position: relative;
}
.reason_content .check_block::before {
  content: "だから";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/common/check_block_balloon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 22.1rem;
  height: 7rem;
  position: absolute;
  left: -7.4rem;
  top: -3.5rem;
  font-size: 2.8rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.8;
}
.reason_content .check_block li {
  font-size: 2.8rem;
  font-weight: 700;
  display: flex;
  column-gap: 2.7rem;
  align-items: center;
}
.reason_content .check_block li:not(:last-child) {
  margin-bottom: .5rem;
}
.reason_content .check_block li::before {
  content: "";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/common/icon_check.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 3.5rem;
  height: 2.9rem;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .reason_block {
    padding: 0;
  }
  .reason_block h2 {
    font-size: 2.9rem;
    margin: 0 0 3.1rem;
    padding: 2.1rem 0 1.8rem .4rem;
    background-color: #fff;
    text-align: left;
    line-height: 1;
  }
  .reason_block h2::before {
    content: "完全調理済み冷凍食材";
    font-size: 1.2rem;
    border-radius: .7rem;
    padding: .3rem 1rem;
    margin: 0;
    position: absolute;
    top: -.8rem;
    left: 2.1rem;
  }
  .reason_block h2::after {
    bottom: -2.8rem;
    right: .3rem;
    width: 15.5rem;
    height: 9.4rem;
  }
  .reason_block .main_text {
    font-size: 4.3rem;
    margin-left: 1.7rem;
  }
  .reason_block .main_text .text_red {
    font-size: 6.1rem;
  }
  .reason_block .main_text span:not(.text_red) {
    font-size: 3.1rem;
  }
  .reason_content {
    padding: 0 1.6rem;
  }
  .reason_content + .reason_content {
    margin-top: 3.9rem;
  }
  .reason_content h3 {
    width: 100%;
    margin-left: 0;
    padding: .5rem 1.6rem .7rem 5.8rem;
    font-size: 2.3rem;
    text-align: left;
  }
  .reason_content h3 > span:not(.title_badge) {
    font-size: 2.5rem;
  }
  .reason_content .title_badge {
    width: 5.2rem;
    height: 5.2rem;
    left: 0;
    top: -.9rem;
    transform: translateY(0);
    font-size: .9rem;
  }
  .reason_content .title_badge span {
    font-size: 3.1rem;
  }
  .reason_content .check_block {
    margin-left: 0;
    padding: 2rem 1.6rem 1.8rem;
    width: 100%;
  }
  .reason_content .check_block::before {
    width: 14.1rem;
    height: 4.3rem;
    left: 0;
    top: -3.1rem;
    font-size: 1.7rem;
  }
  .reason_content .check_block li {
    font-size: 1.6rem;
    column-gap: .8rem;
    align-items: flex-start;
  }
  .reason_content .check_block li:not(:last-child) {
    margin-bottom: .4rem;
  }
  .reason_content .check_block li::before {
    width: 2rem;
    height: 1.7rem;
    margin-top: .5rem;
  }
}

/* ---------------------------------
  reason01
--------------------------------- */
.reason01::before {
  content: "";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/reason01_bg_img01.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(50% + 36.4rem);
  top: 9.8rem;
  width: 65.7rem;
  height: 57.3rem;
}
.reason01 h3 {
  margin-bottom: 2rem;
}
.reason01_text {
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 3.4rem;
  font-weight: 500;
}
.reason01_text span {
  font-size: 4.3rem;
  color: #E33C19;
  font-weight: 700;
}
.reason01_text .text_num {
  font-size: 5.9rem;
  margin: 0 -.3rem;
}
.reason01_img_list {
  display: flex;
  justify-content: center;
  column-gap: 6.9rem;
  position: relative;
  margin-bottom: 14.8rem;
}
.reason01_img_list::after {
  content: "";
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: #F8D993;
  width: 28.2rem;
  height: 6.8rem;
  position: absolute;
  bottom: -4rem;
  transform: translateY(100%);
}
.reason01_img_list li {
  width: 20.7rem;
  position: relative;
}
.reason01_img_list li:not(:last-child)::after {
  content: "";
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: #F8D993;
  width: 2.8rem;
  height: 4.7rem;
  position: absolute;
  top: 8rem;
  right: -5rem;
}
.reason01_img_list li img {
  border: .4rem solid #ACC845;
  border-radius: 100%;
}
.reason01_img_list li p {
  font-size: 2.5rem;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  background-color: #F38200;
  border-radius: 2rem;
  padding: .7rem 0;
  position: relative;
  margin-top: -1.6rem;
}
@media screen and (max-width: 768px) {
  .reason01::before {
    right: calc(50% + 1.7rem);
    top: auto;
    bottom: -9.6rem;
    width: 21.8rem;
    height: 19rem;
    transform: translateY(100%);
  }
  .reason01 h3 {
    margin-bottom: 1.3rem;
  }
  .reason01_text {
    font-size: 1.7rem;
    margin-bottom: 1.4rem;
  }
  .reason01_text span {
    font-size: 2rem;
  }
  .reason01_text .text_num {
    font-size: 2.7rem;
    margin: 0 -.3rem;
  }
  .reason01_img_list {
    column-gap: 3.1rem;
    margin-bottom: 9rem;
  }
  .reason01_img_list::after {
    background-color: #FDEA82;
    width: 15.9rem;
    height: 3.8rem;
    bottom: -1.8rem;
  }
  .reason01_img_list li {
    width: 9.3rem;
  }
  .reason01_img_list li:not(:last-child)::after {
    width: 1.8rem;
    height: 3.1rem;
    top: 3.1rem;
    right: -2.3rem;
  }
  .reason01_img_list li img {
    border: .2rem solid #ACC845;
  }
  .reason01_img_list li p {
    font-size: 1.3rem;
    padding: .2rem 0;
    margin-top: -.7rem;
  }
}


/* ---------------------------------
  reason02
--------------------------------- */
.reason02::before {
  content: "";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/reason02_bg_img01.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: calc(50% + 11.7rem);
  top: 57.3rem;
  width: 95.8rem;
  height: 64.6rem;
}
.reason02 h3 {
  margin-bottom: 2.6rem;
}
.reason02_container {
  width: 91rem;
  margin: 0 auto 6rem;
  display: flex;
  flex-flow: column;
  row-gap: 4.9rem;
}
.sub_title_container {
  font-size: 3.1rem;
  text-align: center;
  margin-bottom: 3.8rem;
}
.sub_title {
  display:inline;
  background: linear-gradient(transparent 50%, #FDEA82 50%);
  font-weight: 500;
  padding: 0 1.2rem;
}
.sub_title_container .sub_title_point {
  font-size: 3.6rem;
  font-weight: 700;
  color: #E33C19;
}
.reason02_text {
  font-size: 1.8rem;
  width: 91rem;
  margin-bottom: 4rem;
}
.reason02_list {
  display: flex;
  justify-content: center;
  column-gap: 6.9rem;
  position: relative;
}
.reason02_list li {
  font-size: 1.8rem;
  width: 17.5rem;
  text-align: center;
  font-weight: 500;
}
.reason02_list li img {
  margin-bottom: .7rem;
}
.reason02_container_items {
  display: flex;
  justify-content: space-between;
  margin-right: 3rem;
}
.reason02_container_items p {
  width: 46.1rem;
  margin-top: 1.5rem;
  font-size: 1.8rem;
}
.reason02_container_items img {
  width: 34.3rem;
}
@-moz-document url-prefix(){
    .sub_title {
      white-space: nowrap;
    }
}
@media screen and (max-width: 768px) {
  .reason02::before {
    left: calc(50% - 5rem);
    top: 80.3rem;
    width: 29.6rem;
    height: 19.8rem;
  }
  .reason02 h3 {
    margin-bottom: 1.4rem;
  }
  .reason02_container {
    width: 100%;
    margin: 0;
    row-gap: 3rem;
  }
  .sub_title_container {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
  .sub_title {
    background: transparent;
    padding: 0;
  }
  .sub_title span:not(.sub_title_point) {
    background: linear-gradient(transparent 50%, #FDEA82 50%);
    padding: 0 .9rem;
  }
  .sub_title span.punctuation {
    padding-right: 0;
  }
  .sub_title_container .sub_title_point {
    font-size: 2.6rem;
  }
  .reason02_text,
  .reason02_list {
    padding: 0 1.6rem;
  }
  .reason02_text {
    font-size: 1.6rem;
    width: 100%;
    margin: 1.5rem 0 3rem;
  }
  .reason02_list {
    flex-wrap: wrap;
    column-gap: 2.1rem;
    row-gap: 2.5rem;
  }
  .reason02_list li {
    font-size: 1.6rem;
    width: 14.5rem;
    color: #4C4948;
  }
  .reason02_list li img {
    margin-bottom: .4rem;
  }
  .reason02_container_items {
    padding: 0 1.6rem;
    flex-flow: column;
    margin-right: 0;
    row-gap: 1rem;
    margin: .9rem 0 7rem;
  }
  .reason02_container_items p {
    width: 100%;
    margin-top: 0;
    font-size: 1.6rem;
  }
  .reason02_container_items img {
    width: 100%;
  }
}

/* ---------------------------------
  reason03
--------------------------------- */
.reason03::before {
  content: "";
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/reason03_bg_img01.webp");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: calc(50% + 36.4rem);
  top: 18.5rem;
  width: 70.4rem;
  height: 61.4rem;
}
.reason03 h3 {
  margin-bottom: 2.3rem;
}
.plice_block {
  background-color: #fff;
  padding: 2.6rem 5.1rem 2.5rem 9.5rem;
  width: 99.5rem;
  margin: 0 0 9rem auto;
}
.plice_block .plice_list {
  display: flex;
  justify-content: space-between;
}
.plice_block .plice_list .plice_label {
  font-size: 2.1rem;
  text-align: center;
  font-weight: 500;
}
.plice_block .plice_list .plice_cost {
  font-family: 'notoserifjp', serif;
  font-size: 4.6rem;
  font-weight: 700;
  margin-top: -3.3rem;
}
.plice_block .plice_list .plice_cost .plice_number {
  font-size: 10.8rem;
  position: relative;
}
.plice_block .plice_list .plice_cost .plice_number::before,
.plice_block .plice_list .plice_cost .plice_number::after {
  content: "";
  width: 3.5rem;
  height: 4.3rem;
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 3rem;
}
.plice_block .plice_list .plice_cost .plice_number::before {
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/common/plice_decolation_img01.svg");
  left: -4rem;
}
.plice_block .plice_list .plice_cost .plice_number::after {
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/common/plice_decolation_img02.svg");
  right: -4rem;
}
.plice_block .plice_text {
  text-align: center;
  font-size: 6.2rem;
  font-weight: 900;
  font-family: 'notoserifjp', serif;
  margin-top: -1.1rem;
}
.plice_block .plice_notice {
  font-size: 1.4rem;
  text-align: center;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .reason03::before {
    right: auto;
    left: calc(50% + 1.6rem);
    top: auto;
    bottom: 7.3rem;
    width: 19.7rem;
    height: 17.2rem;
    z-index: 20;
  }
  .reason03 h3 {
    margin-bottom: 4rem;
  }
  .plice_block {
    padding: 2rem 1.6rem 2.8rem;
    width: 100%;
    margin: 0 0 6rem;
  }
  .plice_block .plice_list {
    flex-flow: column;
  }
  .plice_block .plice_list li:not(:last-child) {
    margin-bottom: -.9rem;
  }
  .plice_block .plice_list li:last-child {
    margin-bottom: -.6rem;
  }
  .plice_block .plice_list .plice_cost {
    font-size: 4.9rem;
    margin-top: -2.7rem;
    text-align: center;
  }
  .plice_block .plice_list .plice_cost .plice_number {
    font-size: 10.8rem;
    margin-left: 3rem;
  }
  .plice_block .plice_list .plice_cost .plice_number::before,
  .plice_block .plice_list .plice_cost .plice_number::after {
    width: 2.8rem;
    height: 3.3rem;
    top: 2.3rem;
  }
  .plice_block .plice_list .plice_cost .plice_number::before {
    left: -2rem;
  }
  .plice_block .plice_list .plice_cost .plice_number::after {
    right: -2rem;
  }
  .plice_block .plice_text {
    font-size: 2.4rem;
    margin-top: -.6rem;
  }
  .plice_block .plice_notice {
    font-size: 1.4rem;
    text-align: left;
    margin-top: 1.5rem;
  }
  .reason03 .check_block {
    width: 100%;
    padding: 2rem 1.6rem 1.6rem;
  }
  .reason03 .check_block::before {
    left: 0;
  }
}

/* ---------------------------------
  form_block
--------------------------------- */
.form_content {
  border: .6rem solid #6BA759;
  border-radius: 2.4rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.48);
  padding: 5rem 10.5rem 3.5rem;
  background: linear-gradient(to bottom, #fff, #EEFCE3 60%, #CAE2BD 100%);
  text-align: center;
  position: relative;
}
.form_content::before {
  content: "";
  width: 40.5rem;
  height: 27.7rem;
  background-image: url("/wp-content/themes/dhc_syokuji/assets/images/service/saisyokuzen/form_img01.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -5.8rem;
  right: -1.9rem;
}
.form_content .form_logo {
  margin-bottom: 3.6rem;
  display: flex;
  align-items: center;
  column-gap: 2.5rem;
}
.form_content .form_logo span {
  font-family: 'notosansjp', sans-serif;
  font-size: 2rem;
  color: #fff;
  font-weight: 700;
  border-radius: 1rem;
  background-color: #E33C19;
  padding: .9rem 1.1rem;
  white-space: pre;
  display: inline-block;
}
.form_content .form_logo img {
  width: 35rem;
}
.form_content .form_text {
  color: #E33C19;
  font-size: 6rem;
  font-weight: 900;
  margin-bottom: 2rem;
  position: relative;
  text-shadow:
    5px 5px 2px #fff, -5px -5px 2px #fff,
    -5px 5px 2px #fff,  5px -5px 2px #fff,
    5px 0px 2px #fff, -5px -0px 2px #fff,
    0px 5px 2px #fff,  0px -5px 2px #fff;
}
.form_content .form_text::before,
.form_content .form_text::after {
  content: "";
  width: .2rem;
  height: 65%;
  position: absolute;
  bottom: 0.5rem;
  background-color: #000;
}
.form_content .form_text::before {
  left: 11.5rem;
  transform: rotate(-30deg);
}
.form_content .form_text::after {
  right: 13rem;
  transform: rotate(30deg);
}
.form_content a {
  font-size: 4.3rem;
  font-weight: 700;
  color: #fff;
  border: .2rem solid #E13E26;
  background: linear-gradient(to bottom, #FAA550, #EA4D07 100%);
  display: inline-block;
  border-radius: .8rem;
  padding: .3rem 7.8rem 1.6rem;
  box-shadow: .3rem .3rem 0 rgba(147,147,146,.62), -.5rem -.7rem .3rem rgba(0,0,0,.16) inset;
}
@media screen and (max-width: 768px) {
  .form_content {
    border: .3rem solid #6BA759;
    box-shadow: 0 .3rem .8rem rgba(0,0,0,.48);
    padding: 3rem 1.6rem 3.2rem;
    margin: 2.5rem 1.6rem 0;
  }
  .form_content::before {
    display: none;
  }
  .form_content .form_logo {
    margin-bottom: 1.5rem;
    flex-flow: column;
    align-items: center;
    row-gap: 1.2em;
  }
  .form_content .form_logo span {
    font-size: 2.6rem;
    color: #000;
    font-weight: 500;
    background-color: transparent;
    padding: 0;
    position: relative;
  }
  .form_content .form_logo span::before,
  .form_content .form_logo span::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .6rem;
    height: 2.3rem;
    border: .2rem solid #000;
    margin-top: .2rem;
  }
  .form_content .form_logo span::before {
    border-right: 0;
    left: -1.3rem;
  }
  .form_content .form_logo span::after {
    border-left: 0;
    right: -1.3rem;
  }
  .form_content .form_logo img {
    width: 25.8rem;
    margin-bottom: 1.3rem;
  }
  .form_content .form_img {
    width: 100%;
    margin-bottom: 1.3rem;
  }
  .form_content .form_text {
    font-size: 2.7rem;
  }
  .form_content .form_text::before,
  .form_content .form_text::after {
    bottom: 0;
    height: 70%;
  }
  .form_content .form_text::before {
    left: .7rem;
  }
  .form_content .form_text::after {
    right: 1rem;
  }
  .form_content a {
    width: 100%;
    font-size: 2.8rem;
    padding: 1.5rem 0 1.8rem;
    box-shadow: .3rem .3rem 0 rgba(147,147,146,.62), -.5rem -.7rem .3rem rgba(0,0,0,.16) inset;
  }
}