.g_frame {
  position: fixed;
  top: 8px;
  left: 8px;
  box-shadow: 0 0 0 16px #FAAE5C;
  width: calc(100% - 16px);
  height: calc(100vh - 16px);
  border-radius: 8px;
  pointer-events: none;
  /* z-index: 1001; */
}

.top-background{
  overflow: hidden;
  position: relative;
}

figure.fig1 {
  position: absolute;
  width: 1038px;
  height: 1371px;
  transform: rotate(-50.552deg);
  flex-shrink: 0;
  border-radius: 1500px;
  background: #FAAE5C;
  left: -900px;
  top: -250px;
  z-index: -3; /* 背面に配置 */
}

figure.fig2 {
  position: absolute;
  width: 1148.071px;
  height: 3050.168px;
  transform: rotate(52.488deg);
  flex-shrink: 0;
  border-radius: 3050.168px;
  background: rgba(255, 154, 44, 0.75);
  left: 95%;
  top: -1200px;
  z-index: -2; /* 背面に配置 */
}

figure.fig3 {
  position: absolute;
  width: 826.849px;
  height: 2196.753px;
  transform: rotate(52.488deg);
  flex-shrink: 0;
  border-radius: 2196.753px;
  background: #FFF;
  left: 95%;
  top: -600px;
  z-index: -1;
}


.about-sumika-background{
  overflow: hidden;
  position: relative;
}

figure.fig4{
  position: absolute;
  width: 1875px;
  height: 1537px;
  flex-shrink: 0;
  border-radius: 1875px;
  border: 140px solid #FAAE5C;
  z-index: -2; /* 背面に配置 */
  left: 70%;
  top: -1300px;
}

figure.fig5{
  position: absolute;
  border-left: 600px solid #FAAE5C; /* 三角形の色 */
  border-top: 300px solid transparent;
  top: 70%;
  left: -10%;
  z-index: -2; /* 背面に配置 */
}

.about-services-background{
  overflow: hidden;
  position: relative;
}

figure.fig6{
  position: absolute;
  width: 2607px;
  height: 1537px;
  flex-shrink: 0;
  border-radius: 2607px;
  background: #FAAE5C;
  left: 40%;
  top: -1100px;
  z-index: -3;
}

figure.fig7{
  position: absolute;
  width: 1682.398px;
  height: 1482.746px;
  fill: #FFF;
  stroke-width: 200px;
  stroke: #FAAE5C;
  z-index: -3;
  top: 100px;
}

figure.fig8{
  position: absolute;
  width: 1576.879px;
  height: 2292.123px;
  transform: rotate(12.257deg);
  border-radius: 2292.123px;
  left: 65%;
  top: 750px;
  z-index: -2;
  border: 140px solid #FAAE5C;
}

.company-info-background{
  background: linear-gradient(167deg, #FFF 90.72%, #FF9727 110.59%);
}

.contact-background {
  overflow: hidden;
  position: relative;
  background: linear-gradient(50deg, rgba(255, 255, 255, 0.5) 91.58%, #FF9727 118.02%);
  z-index: 1;
}

figure.fig9{
  position: absolute;
  width: 2500.857px;
  height: 821.774px;
  transform: rotate(38deg);
  background: #FAAE5C;
  z-index: -1;
  left: -50%;
  top: 25%;
}

@media (max-width: 768px) {
  figure.fig1 {
    display: none;
  }
  
  figure.fig2 {
    left: 95%;
    top: -1250px;
  }
  
  figure.fig3 {
    left: 95%;
    top: -800px;
  }

  figure.fig4{
    display: none;
  }
  
  figure.fig5{
    display: none;
  }
}

/* タブレット向けスタイル */
@media (min-width: 768px) and (max-width: 1199px) {
  figure.fig1 {
    display: none;
  }
  
  figure.fig2 {
    left: 100%;
    top: -1250px;
  }
  
  figure.fig3 {
    left: 110%;
    top: -820px;
  }

  figure.fig6{
    position: absolute;
    width: 2607px;
    height: 1537px;
    flex-shrink: 0;
    border-radius: 2607px;
    background: #FAAE5C;
    left: 50%;
    top: -1100px;
    z-index: -3;
  }
}