.tempimagepps8lp-1-icon {
  align-self: stretch;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.frame-child,
.icon {
  position: absolute;
  top: 0;
  left: -254.4px;
  width: 1180.9px;
  height: 995px;
  object-fit: contain;
}
.icon {
  top: 309.1px;
  left: -166px;
  width: 1004px;
  height: 745px;
  object-fit: cover;
  z-index: 1;
}
.image-13-icon,
.image-14-icon,
.image-19-icon {
  position: absolute;
  top: 624.1px;
  left: 641px;
  width: 427px;
  height: 133px;
  object-fit: cover;
  z-index: 2;
}
.image-14-icon,
.image-19-icon {
  top: 771.1px;
  left: 621px;
  width: 515px;
  height: 117px;
}
.image-19-icon {
  top: 61.1px;
  left: 336px;
  width: 664px;
  height: 83px;
  z-index: 1;
}
.vector-parent {
  position: absolute;
  height: calc(100% - 0.9px);
  top: 0.9px;
  bottom: 0;
  left: 0;
  width: 1136px;
}
.divider-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  height: 4px;
  object-fit: contain;
  z-index: 1;
}
.third-service-content {
  align-self: stretch;
  height: 1055px;
  position: relative;
}
.frame-inner,
.frame-item {
  position: absolute;
  top: 706px;
  left: -288px;
  width: 1180.9px;
  height: 995px;
  object-fit: contain;
}
.frame-inner {
  top: 177.5px;
  left: 421.5px;
  width: 900.5px;
  height: 612.5px;
  z-index: 1;
}
.icon1,
.icon2,
.image-15-icon {
  position: absolute;
  top: 0;
  left: 396px;
  width: 1156px;
  height: 751px;
  object-fit: cover;
  z-index: 2;
}
.icon2,
.image-15-icon {
  top: 739px;
  left: -188px;
  width: 920px;
  height: 690px;
  z-index: 3;
}
.image-15-icon {
  top: 362px;
  left: 70px;
  width: 364px;
  height: 150px;
}
.image-16-icon,
.image-17-icon,
.image-18-icon {
  position: absolute;
  top: 548px;
  left: 65px;
  width: 575px;
  height: 130px;
  object-fit: cover;
  z-index: 3;
}
.image-17-icon,
.image-18-icon {
  top: 1171px;
  left: 809px;
  width: 271px;
  height: 168px;
  z-index: 1;
}
.image-18-icon {
  top: 1326px;
  left: 646px;
  width: 597px;
  height: 103px;
  z-index: 4;
}
.vector-group {
  align-self: stretch;
  height: 1701px;
  position: relative;
}
.macbook-air-3,
.page-layout {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.page-layout {
  align-self: stretch;
  align-items: flex-start;
  gap: 49px;
}
.macbook-air-3 {
  width: 100%;
  height: 4100px;
  position: relative;
  background-color: #f2c122;
  overflow: hidden;
  align-items: flex-end;
  padding: 0 0 323px;
  box-sizing: border-box;
  gap: 11px;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 640px) {
  .page-layout {
    gap: 24px;
  }
}
#header {
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
}

header {
  position: fixed; /*** ← fixedで固定 ***/
  width: 100%; 
  height: 60px; 
  background: #ffffff00; 
  padding: 20px 60px; 
  box-sizing: border-box;
  top: 0; 
  left: 0; 
  display: flex; 
  align-items: center; 

 /* ロゴとメニューを横並びにする */
  display: flex; 
  justify-content:space-between;
}

header .nav .menu {
  display: flex; 
}

header .nav .menu li {
  list-style: none; 
  margin-left: 40px;
}

header .nav .menu li a{
 color: #ffffff;
 font-weight:bold;
 text-decoration: none;
}
h1 a {
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  
}