.tempimagee1mmts-1-icon {
  height: 890px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
}
.tempimagee1mmts-1-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 31px;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-child {
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
  margin-top: -60px;
}
.macbook-air-7-inner {
  align-self: stretch;
  height: 386px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 382.1px;
  box-sizing: border-box;
  max-width: 100%;
}
.image-25-icon {
  width: 476px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.image-25-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 20px 138px 42px;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-item {
  height: 571px;
  width: 604px;
  position: absolute;
  margin: 0 !important;
  top: 38px;
  left: 241px;
}
.nakau-icon {
  height: 660px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  z-index: 1;
}
.frame-group {
  position: absolute;
  top: 0;
  left: -205px;
  width: 1173px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.image-24-icon,
.image-26-icon {
  position: absolute;
  top: 169px;
  left: 646px;
  width: 361px;
  height: 112px;
  object-fit: cover;
  z-index: 2;
}
.image-26-icon {
  top: 330px;
  width: 626px;
  height: 121px;
}
.frame-parent {
  align-self: stretch;
  height: 660px;
  position: relative;
  max-width: 100%;
}
.frame-inner,
.group-icon {
  position: absolute;
  top: 54px;
  left: 651px;
  width: 604px;
  height: 571px;
}
.group-icon {
  margin: 0 !important;
  top: -86px;
  left: 341px;
}
.niku-icon {
  height: 100%;
  flex: 1;
  overflow: hidden;
  z-index: 1;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
  transform: scale(1.179);
}
.wrapper-niku {
  height: 785px;
  flex: 1;
  position: relative;
  max-width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frame-div {
  position: absolute;
  top: 878px;
  left: -305px;
  width: 1403px;
  height: 666px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.image-24-icon1,
.image-27-icon {
  position: absolute;
  object-fit: cover;
}
.image-24-icon1 {
  top: 831px;
  left: 729px;
  width: 213px;
  height: 132px;
  z-index: 2;
}
.image-27-icon {
  top: 29px;
  left: 95px;
  width: 251px;
  height: 111px;
}
.image-28-icon,
.image-29-icon,
.negi-icon {
  position: absolute;
  top: 177px;
  left: 62px;
  width: 506px;
  height: 190px;
  object-fit: cover;
}
.image-29-icon,
.negi-icon {
  top: 1000px;
  left: 733px;
  width: 470px;
  height: 105px;
  z-index: 2;
}
.negi-icon {
  top: 0;
  left: 183px;
  width: 1562px;
  height: 878px;
  z-index: 3;
}
.frame-container {
  align-self: stretch;
  height: 1544px;
  position: relative;
}
.macbook-air-7 {
  width: 100%;
  position: relative;
  background-color: #a81e27;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 89px;
  box-sizing: border-box;
  gap: 29px;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 538px) {
  .image-25-wrapper {
    padding-left: 21px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 386px) {
  .macbook-air-7-inner {
    padding-bottom: 248px;
    box-sizing: border-box;
  }
}
#header {
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
}

header {
  position: fixed; /*** ← fixedで固定 ***/
  width: 100%; 
  height: 60px; 
  background: #00000065; 
  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;
  
}