/* ------------------------------------------------
Common
------------------------------------------------ */
:root{
  --container-default-top: 100%;
}
@media screen and (min-width: 768px) {
  :root{
    --container-default-top: min(90%,80rem);
  }
}
.messagefromtheoriginator .c-breadcrumb{
  margin-bottom: 0;
}
.global-container {
  display: block;
}
.global-contents__inner {
  width: 100%;
  padding-bottom: 0;
}

/* Case Contents */

.case-item__inner{
  padding-block: 3.6rem 5rem;
}
[data-case="case1"] .case-item__inner{
  padding-bottom: 0;
}
.case-item__contents{
  margin-inline: auto;
}
.case-item__heading{
  font-size: 2rem;
  line-height: 2;
  text-align: center;
  font-family: var(--font-ja-mincho);
}
.case-item__body{
  margin-top: 3.4rem;
  /* padding-bottom: 3rem; */
  display: grid;
  gap: 3.6rem;
  background-color: #fff;
}
.case-item__text{
  padding-inline: 2.8rem;
}
.case-item__text *{
  font-size: 1.4rem;
  line-height: 1.8;
}
[data-paragraph="case01_01"] .case-item__text{
  margin-top: 3rem;
}
[data-paragraph="case01_02"] .case-item__text,
[data-paragraph="case01_03"] .case-item__text,
[data-paragraph="case01_04"] .case-item__text{
  margin-top: 3.5rem;
}


@media screen and (min-width: 768px){
  .message-from-the-originator{
    background-color: #3C1B05;
  }
  /* Case Contents */
  .case-item__inner{
    padding-block: 10rem 8.7rem;
  }
  .case-item__contents{
    width: min(90%, 100rem);
    background-color: #fff;
    padding: 8rem;
    border-radius: 4rem;
  }

  .case-item__heading{
    font-size: 2.6rem;
  }
  .case-item__body{
    margin-top: 4rem;
    padding-bottom: 0;
    gap: 5rem;
  }
  .case-item__text{
    padding-inline: 3rem;
  }
  .case-item__text *{
    font-size: 1.5rem;
    line-height: 2.85;
  }
  
  [data-paragraph="case01_01"] .case-item__text,
  [data-paragraph="case01_02"] .case-item__text,
  [data-paragraph="case01_03"] .case-item__text,
  [data-paragraph="case01_04"] .case-item__text{
    margin-top: 4rem;
  }
}

@media screen and (max-width: 767px){

}