@charset "UTF-8";
main{
  background: #F7F7F7;
}
section{
  width: min(1120px,100%);
  margin-inline: auto;
  padding: 0 16px;
}
h3{
  margin-bottom: 48px;

  font-size: 24px;
  font-weight: 700;
  text-align: center;
}
section#common-intro .mgs-intro{
  --pd-left: 181px;

  position: relative;

  width: min(1120px,100%);
  padding-top: 48px;
  padding-left: calc(var(--pd-left) + 16px);
  padding-right: 100px;
  padding-bottom: 120px;
  margin-inline: auto;
  margin-bottom: 120px;

  font-size: 15px;
  line-height: 1.6;

  background: #FFEDA3;
  border-radius: 160px;

  picture{
    position: absolute;
    left: 0;
    bottom: -64px;
  }
}
section#chart{
  padding-bottom: 48px;

  >div.jcc{
    margin-bottom: 72px;
  }
  div.panelBlock{
    span{
      display: block;
      font-weight: 700;
    }
  }
}
section#flow{
  padding-bottom: 64px;
}
@media (min-width : 1200px){
}
@media (max-width : 1200px){

}
@media (max-width : 599px){
  section#common-intro .mgs-intro{
    position: relative;
    padding: 48px 0;
    margin-inline: auto;
    margin-bottom: 32px;
  
    line-height: 2;
    border-radius: 0;

    --bg-color: #FFEDA3;
    background: var(--bg-color);
    border-image-source: linear-gradient(var(--bg-color), var(--bg-color));
    border-image-slice: 0 fill;
    border-image-outset: 0 100vw;
  
    picture{
      display: none;
    }
  }
}