/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* oni-three */
/* --- Pink Background Wrapper --- */
/* .for_pink_backgroud1 {
  background: #faf8f0;
} */
/* --- 1. The Main Content Section --- */
/* --- 1. The Main Content Section --- */

/* --- 1. The Main Background Section --- */
/* .for_pink_backgroud1 {
  background: #faf8f0;
} */

/* --- 2. The CSS to Create the Curve --- */
.for_pink_backgroud1::before {
}

.for_pink_backgroud1 {
  background: #faf8f0;
  border-radius: 50% 50% 0 0 / 200px 200px 0 0;
}
/* background: #faf8f0;
  clip-path: ellipse(100% 200px at 50% 0%);
  padding: 80px 40px 40px;
  border: 2px solid red; */

/* <!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ -->
<!-- モールECを選ぶべき、3つの“強み”とは？ --> */
/* EC Features Section Styles */
/* General styling for the whole section */
.ec-features-section {
  padding: 112px 50px 50px 50px; /* Adds space on the top/bottom and left/right */
  max-width: 1200px; /* Sets a maximum width for the content */
  margin: 0 auto; /* This centers the whole section on the page */
  /* border: 1px solid red; */
}

/* --- Top Intro Part --- */

/* Styles for the box containing the logos and title */
.section-intro {
  text-align: center; /* Centers everything inside this box */
  margin-bottom: 50px; /* Adds space below the title, before the list starts */
}

/* Styles for the logos at the top */
.top-logos img {
  max-width: 350px; /* Controls the size of the logos image */
  margin-bottom: 20px; /* Space between the logos and the main title */
}

/* Styles for the main title: "モールECを選ぶべき..." */
#ec-features-title {
  font-size: 40px; /* Makes the title text large */
  font-weight: 600; /* Makes the font bold */
  letter-spacing: 4px;
}
#ec-features-title span {
  font-size: 40px;
  font-weight: 600;
}
#ec-features-title span span {
  color: #902120;
}

/* --- Feature List Part --- */

/* Removes the default bullet points from the list */
.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
  /* border: 1px solid red; */
}

/* This is the main container for each feature (icon + text) */
.feature-item {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  text-align: center;
}

/* We use a special rule for the 2nd item to reverse the order */
.feature-item:nth-child(2) {
  flex-direction: row-reverse; /* CORE CONCEPT: Flips the order for the middle item */
}
.feature-item:nth-child(2) .feature-content {
  flex-direction: row-reverse; /* CORE CONCEPT: Flips the order for the middle item */
}

/* Styles for the icon box on the left */
.feature-icon {
  flex-basis: 15%; /* Gives the icon a fixed space (30% of the width) */
  text-align: center; /* Ensures the icon image is centered in its box */
}

.feature-icon img {
  max-width: 100%; /* Controls the size of the icon images */
}

.feature-item:nth-child(2) .feature-icon {
  flex-basis: 19%;
}

.feature-item:nth-child(2) .feature-content {
  padding-right: 30px;
  flex-basis: 65%;
}
/* Styles for the text content box on the right */
.feature-content {
  flex-basis: 68%; /* Gives the text content the rest of the space (70%) */
}

/* Special adjustment for the reversed item's text */
.feature-item:nth-child(2) .feature-content {
  padding-right: 30px; /* Adds space so the text isn't touching the icon */
}

/* Special adjustment for the normal items' text */
.feature-item:not(:nth-child(2)) .feature-content {
  padding-left: 30px; /* Adds space so the text isn't touching the icon */
}

/* This box holds the number and the heading together */
.feature-heading-wrapper {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  justify-content: center;
}

/* Styles for the number (01., 02., 03.) */
.feature-number {
  color: #902120;
  font-size: 35px;
  font-weight: bold;
  margin-right: 15px; /* Space between the number and the heading */
}

/* Styles for the feature heading text */
.feature-heading {
  font-size: 30px;
  color: #902120;
  font-weight: 500;
  margin: 0; /* Removes default margin from the h3 tag */
  border-bottom: 2px dashed #a72727; /* Dashed border at the bottom */
}

/* Styles for the description paragraph */
.feature-description {
  letter-spacing: 0px;
  color: #43240e;
  font-size: 15px;
  line-height: 30px; /* Increases space between lines of text, making it easier to read */
  margin: 0; /* Removes default margin from the p tag */
  font-weight: 600;
}
.line-1,
.line-2 {
  color: #902120;
  font-weight: 600;
}
@media (max-width: 1180px) {
  .feature-number {
    font-size: 28px;
  }
  .feature-heading {
    font-size: 24px;
  }
}
@media (max-width: 925px) {
  #ec-features-title,
  #ec-features-title span {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 4px;
  }
  .feature-heading {
    font-size: 20px;
  }
  .feature-description {
    font-size: 14px;
  }
}
@media (max-width: 900px) {
  .feature-item {
    flex-direction: column;
  }
  .feature-item:nth-child(2) {
    flex-direction: column;
  }
  #ec-features-title,
  #ec-features-title span {
    font-size: 29px;
  }
  .feature-heading {
    font-size: 24px;
  }
  .feature-description {
    font-size: 16px;
  }
  .feature-item:nth-child(2) .feature-content {
    padding-right: 0px;
  }
  .feature-heading-wrapper {
    justify-content: center;
  }
  .feature-item:not(:nth-child(2)) .feature-content {
    padding-left: 0px;
  }
  .feature-heading-wrapper {
    margin-bottom: 30px;
    margin-top: 18px;
  }
  .feature-item {
    margin-bottom: 70px;
  }
  .ec-features-section {
    padding: 112px 50px 17px 50px;
  }
}

@media (max-width: 768px) {
  .ec-features-section {
    padding: 112px 30px 20px 30px;
    max-width: 1200px;
    margin: 0 auto;
    /* border: 1px solid red; */
  }
}
@media (max-width: 630px) {
  #ec-features-title,
  #ec-features-title span {
    font-size: 29px;
    line-height: 51px;
  }
}
@media (max-width: 550px) {
  .ec-features-section {
    padding: 60px 30px 10px 30px;
  }
  #ec-features-title,
  #ec-features-title span {
    font-size: 30px;
    line-height: 51px;
    letter-spacing: 0;
  }
  .top-logos img {
    margin-bottom: 16px;
  }
  .section-intro {
    margin-bottom: 18px;
  }

  .feature-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: none;
    overflow: visible;
    position: relative;
    z-index: 999999999;
  }
  .line-1,
  .line-2 {
    border-bottom: 2px dashed #a72727;
    text-align: center;
    margin-bottom: 5px;
    color: #902120;
  }
  .line-2 {
    margin-bottom: 0;
  }

  .feature-item:nth-child(1) .feature-heading .line-2 {
    position: relative;
    left: -15px;
  }

  .feature-item:nth-child(2) .feature-heading {
    align-items: flex-start;
  }
  .feature-item:nth-child(3) .feature-number {
    margin-right: -52px;
    top: 2px;
    position: relative;
  }

  .feature-description br {
    display: none;
  }
  .feature-heading-wrapper {
    margin-bottom: 22px;
    margin-top: 20px;
  }
  .feature-item {
    margin-bottom: 65px;
  }
  .feature-icon img {
    max-width: 100%;
    max-width: 143px;
  }
  .feature-heading {
    font-size: 23px;
  }
  .feature-description {
    font-size: 15px;
  }
}
/* <!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ -->
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 
<!-- End モールECを選ぶべき、3つの“強み”とは？ --> 

*/

/* <!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こんなお悩み ございませんか？ -->
<!-- こ んなお悩み ございませんか？ --> */
/* --- Main .sub-container3 Wrapper --- */
.sub-container3 {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
  align-items: center;
  /* border: 1px solid green; */
  padding-left: 60px;
  padding-right: 92px;
}
/* --- Unordered List (ul) within .sub-container3 --- */
/* (There are no specific rules for the `ul` element itself in desktop view, it inherits from its parent and the browser defaults which are reset above) */
/* --- List Item (li) Styling --- */
.sub-container3 ul li:nth-child(1) {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 4px;
}
/* Styling for the "お悩み" span */
.sub-container3 ul li:nth-child(1) span {
  color: #902121;
  font-weight: 600;
}
/* Styling for the second list item */
.sub-container3 ul li:nth-child(2) {
  font-size: 25px;
  font-weight: 600;
  margin-top: 34px;
}
/* --- Image Styling --- */
.sub-container3 img {
  width: 569px;
  max-width: 100%; /* Overrides the width on smaller containers if needed */
  border-radius: 16px;
}
/* --- For screens 900px and below --- */
@media (max-width: 1133px) {
  .sub-container3 ul li:nth-child(1) {
    font-size: 45px;
  }
}
@media (max-width: 1115px) {
  .sub-container3 ul li:nth-child(1) {
    font-size: 40px;
  }
  .sub-container3 ul li:nth-child(2) {
    font-size: 20px;
  }
}
@media (max-width: 1075px) {
  .sub-container3 img {
    width: 100%;
    max-width: 495px;
  }
}
@media (max-width: 950px) {
  .sub-container3 img {
    width: 60%;
    max-width: 495px;
  }
  .sub-container3 > ul {
    width: 40%;
  }
  .sub-container3 ul li:nth-child(1) {
    font-size: 34px;
  }
}
@media (max-width: 900px) {
  .sub-container3 {
    flex-direction: column; /* Stacks the text and image vertically */
  }
  .sub-container3 > ul {
    text-align: center; /* Centers the text block */
    margin-bottom: 35px;
    width: 100%;
  }
  .sub-container3 img {
    width: 100%; /* Makes the image take the full width of the container */
  }
}
@media (max-width: 800px) {
  .sub-container3 ul li:nth-child(2) {
    margin-top: 19px;
    margin-bottom: 46px;
  }
  .sub-container3 img {
    border-radius: 0px;
  }
  .sub-container3 > ul {
    margin-bottom: 0px;
  }
}
/* --- For screens 718px and below --- */
@media (max-width: 718px) {
  .sub-container3 ul li:nth-child(1) {
    font-size: 35px;
  }
}
/* --- For screens 550px and below --- */
@media (max-width: 550px) {
  .sub-container3 ul li:nth-child(2) {
    margin-bottom: 0px;
  }
  .sub-container3 {
    margin-top: 1px;
    padding-left: 0;
    padding-right: 0;
  }
  .sub-container3 > ul {
    text-align: center; /* Was `left` in one rule, but `center` in another; `center` takes precedence. */
    margin-bottom: 43px;
    padding-left: 0px;
  }
  .sub-container3 ul li:nth-child(1) {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 40px;
  }
  .sub-container3 ul li:nth-child(2) {
    margin-top: 20px;
  }
  .sub-container3 > img {
    display: none; /* The image is completely hidden on small screens */
  }
}
/* This is a related rule for screens 551px and wider, ensuring the image is visible */
@media (min-width: 551px) {
  .sub-container3 > img {
    display: block;
  }
}
@media (max-width: 550px) {
}
/* <!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->

<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->

<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ -->
<!-- End こんなお悩み ございませんか？ --> */

/* --- Three Cards Section ("oni-three") --- */

/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
/* --- Three Cards Section ("oni-three") --- */
.oni-three {
  margin-top: 105px;
  display: flex;
  position: relative;
  gap: 30px;
  justify-content: center;
}
/* --- Card Styles --- */
.card {
  position: relative;
  width: 343px;
  background: #fff;
  padding: 20px 0 0; /* Adjusted to combine multiple padding rules */
  border: 1px solid #707070;
  border-radius: 13px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: visible;
}
.circle {
  width: 125px;
  height: 125px;
  background-color: #902121;
  border-radius: 50%;
  color: white;
  text-align: center;
  line-height: 110px;
  position: absolute;
  top: -49px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-weight: 600;
}
/* --- Card Content --- */
.content h2 {
  margin-top: 55px;
  font-size: 22px;
  color: #902121;
  margin-bottom: 26px;
  font-weight: 600;
}
.content ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-bottom: 48px;
  margin-left: 44px;
  margin-right: 44px;
  line-height: 30px;
}
.content ul li {
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 18px;
  font-weight: 600;
}
.content ul li:before {
  content: "● ";
  color: #43240e; /* Bullet color */
  font-weight: bold;
}
.oni-content {
  padding-top: 23px;
}
/* --- "Otomo" Section with Pink Background --- */
/* .pink__otomo {
  text-align: center;
  position: relative;
  padding-top: 87px;
  background: linear-gradient(
    to bottom,
    #ffffff -6%,
    #f5e6e2 -3%,
    #f5e6e2 101%,
    #ffffff 88%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 90px;
  gap: 86px;
  text-align: left;
}
.pink__otomo .para__wrapper {
  position: relative;
  top: 38%;
}
.pink__otomo .para__wrapper p:nth-child(1) {
  font-size: 26px;
  font-weight: 600;
}
.pink__otomo .para__wrapper p:nth-child(2) {
  font-size: 58px;
  font-weight: 600;
  margin-top: 28px;
  position: relative;
  left: -5px;
}
.pink__otomo .para__wrapper p:nth-child(3) {
  font-size: 40px;
  font-weight: 600;
  margin-top: 50px;
}
.pink__otomo .para__wrapper p:nth-child(2) span {
  font-weight: 600;
}
.pink__otomo .para__wrapper p:nth-child(2) img {
  padding-left: 5px;
}
.pink__otomo .para__wrapper + img {
  max-width: 480px;
} */
@media (max-width: 1199px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1122px) {
  /* section.pink__otomo {
    padding-left: 40px;
    padding-right: 40px;
    justify-content: space-between;
    gap: 0;
  } */
}
@media (max-width: 1150px) {
  .container.full-pink-background-portion-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 1024px) {
  .content ul li {
    font-size: 17px;
  }
  /* .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 43px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) img {
    max-width: 137px;
    width: 100%;
  } */
}
@media (max-width: 946px) {
  /* .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 48px;
  } */
}
@media (max-width: 900px) {
  .content ul {
    margin-left: 25px;
    margin-right: 25px;
  }
  .content h2 {
    font-size: 18px;
  }
  .content ul li {
    font-size: 15px;
  }
  .circle {
    line-height: 70px;
    top: -36px;
    font-size: 16px;
  }
  /* .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 36px;
  } */
}
@media (min-width: 851px) {
  .para__wrapper .pc-only {
    display: none;
  }
  .para__wrapper .small-device-only {
    display: block;
  }
}
@media (max-width: 850px) {
  /* section.pink__otomo {
    flex-direction: column;
    gap: 23px;
  }
  .pink__otomo .para__wrapper {
    text-align: center;
  }
  .pink__otomo .para__wrapper p:nth-child(1) {
    font-size: 40px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 30px;
    margin-top: 15px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) img {
    width: 97px;
    top: 3px;
    position: relative; 
  } */
  .para__wrapper .pc-only {
    display: block;
  }
  .para__wrapper .small-device-only {
    display: none;
  }
}
@media (max-width: 768px) {
  /* .pink__otomo .para__wrapper p:nth-child(1) {
    font-size: 40px;
  }
  .pink__otomo .para__wrapper p:nth-child(3) {
    font-size: 30px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) img {
    position: relative;
    top: 3px;
  } */
}
@media (max-width: 718px) {
  .oni-three {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 103px;
    gap: 95px;
  }
}
@media (min-width: 551px) {
  /* .pink__otomo .para__wrapper p:nth-child(2) br.small-device-only,
  br.pc-only {

    display: none;
  } */
}
@media (max-width: 550px) {
  .card {
    width: 315px;
  }
  .content ul {
    margin-left: 30px;
    margin-right: 30px;
  }
  .oni-three {
    margin-top: 113px;
    flex-direction: column;
    align-items: center;
    gap: 105px;
  }
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .for_pink_backgroud1 {
    background: #faf8f0;
    border-radius: 68% 68% 0 0 / 110px 110px 0 0;
  }
  .circle {
    width: 100px;
    height: 100px;
    line-height: 100px;
    top: -36px;
    font-size: 20px;
  }
  .content h2 {
    margin-top: 42px;
    font-size: 22px;
    margin-bottom: 29px;
  }
  .content ul li {
    font-size: 18px;
    line-height: 28px;
  }
  .container.full-pink-background-portion-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  /* section.pink__otomo {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0;
    padding-top: 35px;
  }
  .pink__otomo .para__wrapper {
    top: 108%;
    position: relative;
  }
  .pink__otomo .para__wrapper + img {
    max-width: 100%;
  }
  .pink__otomo .para__wrapper p:nth-child(1) {
    font-size: 25px; 
  }
  .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 32px;
    display: block;
    margin-top: 5px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) br {
    display: block;
  }
  .pink__otomo .para__wrapper p:nth-child(2) span {
    display: block;
    position: relative;
    top: -8px;
    margin-top: 5px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) span br.small-device-only {
    display: block; 
  }
  .pink__otomo .para__wrapper p:nth-child(2) span br.pc-only {
    display: none;
  }
  .pink__otomo .para__wrapper p:nth-child(2) img {
    max-width: 90px;
    position: relative;
    top: 3px;
  }
  .pink__otomo .para__wrapper p:nth-child(3) {
    margin-top: 35px;
  } */
}
@media (max-width: 500px) {
  /* .pink__otomo .para__wrapper p:nth-child(2) {
    font-size: 28px;
  }
  .pink__otomo .para__wrapper p:nth-child(3) {
    font-size: 25px;
  }
  .pink__otomo .para__wrapper p:nth-child(2) span {
    font-weight: bold;
  }
  .pink__otomo .para__wrapper + img {
    top: 49px; 
  } */
}

/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */
/* End Three Cards Section ("oni-three") */

/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */
/* END oni-three */

/* 
Start あなたのEC、 “いまどの冒険ステージ”？

Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？
Start あなたのEC、 “いまどの冒険ステージ”？ --> */
/* The main container for our content */
.for_pink_backgroud1 .report-section {
  text-align: center; /* This centers all the text and the button inside */
  margin-top: 97px;
  padding-bottom: 78px;
}
/* The style for the main title */
.report-title {
  color: #43240e; /* The dark brown/black color */
  font-weight: 600;
  /* Here are the styles broken down as you requested */
  font-size: 50px;
  line-height: 70px;
  letter-spacing: 2.5px;
  margin-top: 0;
  margin-bottom: 40px; /* Adds space between the title and the button */
}
/* This class is ONLY for the red text */
.highlight-red {
  color: #902120; /* The red color you specified */
  font-weight: 600;
}
/* This is the style for the yellow button */
.report-button {
  display: inline-block; /* Allows us to set padding and size */
  background-color: #e9c54d; /* The yellow color you specified */
  color: #43240e; /* The dark text color for inside the button */
  text-decoration: none; /* Removes the underline from the link */
  /* Here are the font styles for the button text */
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 1.75px;
  /* Padding creates space inside the button, making it bigger than the text */
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 45px;
  padding-right: 45px;
  color: #902120;
  /* This makes the corners perfectly round */
  border-radius: 50px;
}
.your-ec-wrapper .report-section > div > img:nth-child(1) {
  margin-top: 20px;
}
.your-ec-wrapper .report-section > div > img {
  max-width: 354px;
}
.your-ec-wrapper .report-section .first-tobe-done {
  margin-bottom: 42px;
}
.your-ec-wrapper .report-section .first-tobe-done li:nth-child(1) {
  font-size: 45px;
  letter-spacing: 2.25px;
  font-weight: 600;
  margin-top: 27px;
}
.your-ec-wrapper .report-section .first-tobe-done li:nth-child(2) {
  font-size: 35px;
  letter-spacing: 1.75px;
  font-weight: 600;
  margin-top: 40px;
}
@media (max-width: 1130px) {
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(1) {
    font-size: 37px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(2) {
    font-size: 28px;
  }
  .report-button {
    font-size: 28px;
  }
  .report-title {
    font-size: 42px;
  }
}
@media (min-width: 1195px) {
  .your-ec-wrapper .report-section > div > .replace-img {
    display: none;
  }
}
@media (max-width: 1195px) {
  .your-ec-wrapper .report-section > div > img {
    display: none;
  }
  .your-ec-wrapper .report-section > div > .replace-img {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-top: 21px;
    max-width: 600px;
  }
}
@media (max-width: 900px) {
  .report-button {
    font-size: 25px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(1) {
    font-size: 30px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(2) {
    font-size: 20px;
  }
  .hero-action-button {
    width: 102%;
  }
}
@media (max-width: 820px) {
  .report-title {
    font-size: 37px;
    line-height: 59px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(1) {
    font-size: 27px;
  }
  .report-button {
    font-size: 27px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(2) {
    margin-top: 18px;
  }
  .your-ec-wrapper .report-section > div > .replace-img {
    max-width: 515px;
  }
}
@media (max-width: 700px) {
  .your-ec-wrapper .report-section .first-tobe-done {
    margin-bottom: 37px;
  }
}
@media (max-width: 600px) {
  .report-title {
    font-size: 25px;
    line-height: 47px;
  }
  .report-button {
    font-size: 20px;
  }
  .report-title {
    margin-bottom: 20px;
  }
  .your-ec-wrapper .report-section > div > .replace-img {
    margin-top: 8px;
  }
  .report-section.container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .hero-action-button {
    width: 100%;
  }
  .your-ec-wrapper .report-section > div > .replace-img {
    max-width: 350px;
  }
}
@media (max-width: 550px) {
  .for_pink_backgroud1 .report-section {
    padding-bottom: 35px;
  }
  .report-button {
    padding-top: 23px;
    padding-bottom: 23px;
    padding-left: 20px;
    padding-right: 20px;

    border-radius: 50px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(1) {
    font-size: 20px;
  }
  .your-ec-wrapper .report-section .first-tobe-done li:nth-child(2) {
    font-size: 15px;
  }
  .report-section.container {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 34px;
  }
}
@media (max-width: 400px) {
}

/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */
/* Start モモタロウにお願いしたいこと mid-white-background */

/* <!-- End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
End あなたのEC、 “いまどの冒険ステージ”？
 --> */

.special-background02 {
  /* background: #f5e6e2; */
  background: #f5e6e2;
}

.special-background03 {
  background: #f5e6e2;
  padding-bottom: 73px;
}
.momotaro-section {
  padding: 0px 0 47px 0;
}
/* Number 1 - Top image */
.top-image {
  text-align: center;
  margin-bottom: 40px;
}
.top-image img {
  max-width: 100%;
  height: auto;
}
/* Number 2 - Main heading */
.main-heading {
  text-align: center;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 57px;
  letter-spacing: 4px;
  margin-bottom: 30px;
  color: #43240e;
}
/* Subheading text */
.sub-heading {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  line-height: 51px;
  letter-spacing: 0px;
  color: #43240e;
  margin-bottom: 50px;
}
/* Number 3 - Three circles section */
.three-circles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 60px auto;
  gap: 10px;
  margin-top: 50px;
  margin-bottom: 64px;
  max-width: 926px;
}
.circle-item {
  position: relative;

  text-align: center;
}
.circle-item img {
  width: 100%;
  max-width: 280px;
  height: auto;
}
.circle-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  font-size: 25px;
  line-height: 33px;
  font-weight: 600;
}
/* Circle 1 text */
.circle-1-text {
  text-align: center;
  font-style: normal;
  letter-spacing: -0.6px;
  color: #902120;
}
/* Circle 2 text */
.circle-2-text {
  text-align: center;
  font-style: normal;
  letter-spacing: -0.6px;
  color: #902120;
}
.circle-2-sub {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 40px;
  letter-spacing: -0.42px;
  color: #902120;
  margin-top: 10px;
}
/* Circle 3 text */
.circle-3-text {
  text-align: center;
  font-style: normal;
  letter-spacing: -0.7px;
  color: #902120;
}
.circle-3-sub {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 40px;
  letter-spacing: -0.42px;
  color: #902120;
  margin-top: 10px;
}
/* Number 4 - Middle text */
.middle-text {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  line-height: 51px;
  letter-spacing: 0px;
  color: #43240e;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 95px;
}

.middle-text::before {
  content: "\\";
  font-size: 1.7em;
  font-weight: 300;
  color: #43240e;
  position: relative;
  left: -15px;
}

.middle-text::after {
  content: "/";
  font-size: 1.5em;
  font-weight: 300;
  color: #43240e;
  position: relative;
  left: 15px;
  font-size: 1.7em;
}

/* Number 5 - Team image */
.team-image {
  text-align: center;
  margin-top: 0;
  /* margin: 43px 0; */
  margin-bottom: 43px;
}
.team-image img {
  max-width: 555px;
  width: 100%;
  height: auto;
}
/* Number 7 - Final heading */
.final-heading {
  text-align: center;
  font-size: 58px;
  line-height: 90px;
  letter-spacing: 0px;
  color: #43240e;
  margin-top: 40px;
}
.final-heading img {
  vertical-align: middle;
  margin: 0 10px;
}
.circle-text.circle-1-text {
  /* left: 11px; */
  left: 54%;
}
.circle-text.circle-2-text {
  left: 55%;
}
.circle-text.circle-3-text {
  left: 43%;
}
.final-heading strong {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1110px) {
  .final-heading {
    font-size: 45px;
  }
  .final-heading img {
    max-width: 170px;
  }
  .main-heading {
    font-size: 35px;
  }
  .sub-heading {
    font-size: 25px;
  }
  .circle-text {
    font-size: 22px;
  }
  .circle-2-sub {
    font-size: 17px;
  }
  .circle-3-sub {
    font-size: 18px;
  }
  .special-background02 {
    /* background: #f5e6e2; */
    /* background: linear-gradient(to bottom, transparent 46%, #f5e6e2 46%); */
  }
}
@media (max-width: 900px) {
  .final-heading {
    font-size: 36px;
  }
  .final-heading img {
    max-width: 155px;
  }
  .middle-text {
    font-size: 25px;
  }
}
@media (max-width: 820px) {
  .main-heading {
    line-height: 55px;
    letter-spacing: 2.5px;
  }
  .sub-heading {
    line-height: 40px;
  }
  .circle-text.circle-2-text {
    left: 57%;
    top: 52%;
  }
  .circle-text.circle-3-text {
    left: 40%;
  }
  .sub-heading {
    line-height: 40px;
    margin-bottom: 0px;
  }
  .three-circles {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}

@media (min-width: 781px) {
  .middle-text-sp {
    display: none;
  }
}
@media (max-width: 780px) {
  .middle-text {
    display: none;
  }
  .middle-text-sp {
    display: block;
  }
  .middle-text-sp {
    display: block;
    letter-spacing: 0px;
    color: #43240e;
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
  }
  .middle-text-sp-container {
    position: relative;
    width: 442px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .diagonal-line {
    position: absolute;
    width: 3px;
    height: 58px;
    background-color: #8b4513;
    transform-origin: center;
  }
  .left-line {
    left: 22px;
    top: 50%;
    transform: translateY(-50%) rotate(-30deg);
  }

  .right-line {
    right: 33px;
    top: 50%;
    transform: translateY(-50%) rotate(30deg);
  }
  .special-background02 {
    /* background: #f5e6e2; */
    /* background: linear-gradient(to bottom, transparent 49%, #f5e6e2 49%); */
  }
}

@media (max-width: 650px) {
  .final-heading strong {
    display: inline-block;
    align-items: center;
    justify-content: center;
    line-height: 42px;
  }
  .circle-text {
    font-size: 15px;
  }
  .circle-2-sub {
    font-size: 11px;
  }
  .circle-3-sub {
    font-size: 11px;
  }
  .circle-text {
    line-height: 24px;
  }
  .circle-2-sub {
    margin-top: -12px;
  }
  .circle-3-sub {
    margin-top: -13px;
  }
}
@media (min-width: 551px) {
  .sp-circled-image {
    display: none;
  }
}
@media (max-width: 550px) {
  .top-image img {
    max-width: 148px;
  }
  .main-heading {
    font-size: 25px;
    line-height: 37px;
    margin-bottom: 19px;
  }
  .sub-heading {
    line-height: 25px;
    margin-bottom: 0px;
    font-size: 15px;
  }
  .sp-circled-image {
    display: block;
  }
  .circle-item {
    display: none;
  }
  .sp-circled-image {
    position: relative;
    padding: 0 15px;
  }
  .sp-circled-image span {
    display: block;
    color: #902120;
    font-size: 13px;
    margin-top: 4px;
  }
  .sp-circled-image strong {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    color: #902120;
  }
  .circle-1-text-sp {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #902120;
  }
  .circle-2-text-sp {
    position: absolute;
    top: 74%;
    left: 23%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #902120;
  }
  .circle-3-text-sp {
    position: absolute;
    top: 72%;
    left: 76%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #902120;
  }
  .three-circles {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .middle-text-sp {
    display: block;
    letter-spacing: 0px;
    color: #43240e;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    text-align: center;
  }
  .team-image {
    text-align: center;
    margin: 43px 0;
    margin: 25px 0 36px 0;
  }
  .container-momotaro-section {
    padding: 0;
  }
  .middle-text {
    line-height: 33px;
    font-size: 20px;
  }
  .final-heading {
    font-size: 30px;
    margin-top: 36px;
  }
  .final-heading img {
    max-width: 90px;
    margin: 0px 3px;
  }
  .momotaro-section {
    padding: 2px 0 5px 0;
  }
  .middle-text-sp-container {
    width: 340px;
    height: 60px;
    margin-bottom: 40px;
  }
  .middle-text {
    display: none;
  }
  .right-line {
    right: 24px;
  }
  .left-line {
    left: 15px;
  }
}
/* <!-- End mid-white-background -->
<!-- End mid-white-background -->
<!-- End mid-white-background -->
<!-- End mid-white-background -->
<!-- End mid-white-background -->
<!-- End mid-white-background -->*/

/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* End モモタロウにお願いしたいこと mid-white-background */
/* <!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part -->
<!-- pink half remaining part --> */

.team-list {
  max-width: 1005px;
  margin: 0 auto;
  /* background: #f5e6e2; */
}
.team-list > img {
  /* border: 1px solid red; */
}
.team-list p {
  text-align: center;
  font-weight: 600;
  letter-spacing: 0;
  font-size: 30px;
  margin: 0 auto;
  /* margin-top: 0px; */
  margin-bottom: 37px;
  margin-top: 10px;
}
.team-list > img {
  max-width: 1005px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.padding-04 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.ec-site-mall {
  max-width: 1005px;
  background: #ffffff;
  margin: 0 auto;
  border-radius: 13px;
  padding: 55px 206px 55px 206px;
  text-align: center;
  /* border: 1px solid red; */
  /* margin-top: 49px; */
  /* margin-bottom: 77px; */
}
.ec-site-mall p {
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 0;
  color: #902121;
  margin-bottom: 28px;
}
.ec-site-mall img {
  margin-top: 34px;
  margin-bottom: 25px;
}
.ec-site-mall span {
  font-size: 15px;
  letter-spacing: 0;
  color: #43240e;
  font-weight: 600;
}
.ec-site-mall h4 {
  font-size: 15px;
  font-weight: 600;
}
@media (min-width: 769px) {
}
@media (max-width: 768px) {
  .team-list p {
    line-height: 39px;
  }
}

@media (max-width: 1024px) {
  .team-list p {
    font-size: 24px;
  }
}

@media (max-width: 1024px) {
  .team-list {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }
  .team-list > img {
    max-width: 100%;
  }
  .ec-site-mall {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 800px) {
  .ec-site-mall {
    border-radius: 13px;
    padding: 42px 0px 44px 0px;
  }
  .padding-04 {
    padding-top: 37px;
  }
}
@media (min-width: 551px) {
  .team-list > .hide-in-pc img {
    display: none;
  }
  .ec-site-mall img:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 550px) {
  .team-list > img {
    display: none;
  }
  .team-list > .hide-in-pc img {
    border-radius: 20px;
    padding: 0 5px;
    margin-bottom: 20px;
  }
  .team-list > div {
    text-align: center;
  }
  .team-list {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
  }
  .ec-site-mall img:nth-of-type(1) {
    display: none;
  }
  .ec-site-mall img:nth-of-type(2) {
    margin-top: 21px;
    margin-bottom: 10px;
  }
  .ec-site-mall span {
    line-height: 32px;
  }
  .ec-site-mall {
    padding: 38px 0px 44px 0px;
  }
  .team-list p {
    font-size: 19px;
  }
  .ec-site-mall p {
    font-size: 20px;
  }
  .padding-04 {
    padding-bottom: 48px;
  }
  .special-background02 {
    /* background: #f5e6e2; */
    /* background: linear-gradient(to bottom, transparent 44%, #f5e6e2 44%); */
  }

  .padding-04 {
    padding-top: 25px;
    padding-bottom: 0;
  }
  .ec-site-mall {
    margin-left: 13px;
    margin-right: 13px;
  }
  .team-list p {
    line-height: 31px;
  }
  .special-background03 {
    padding-bottom: 38px;
  }
  .repeat-percentage {
    margin-top: 38px;
  }
}

/* 
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part -->
<!-- End pink half remaining part --> */