.allwrap { position: relative; width: 100%; height: 100%; background-color: #eeeeee; }
header { position: absolute; top: 0px; left: 10px; margin: 0px; padding: 0px; width: calc(100% - 20px); max-width: 1150px; z-index: 4; background-color: #eeeeee; }
header > .relv { height: 100px; }
header a { text-decoration: none; }
header ul { list-style-type: none; }
header h1 { position: absolute; top: 47%; left: 10px; margin: 0px; padding: 0px; font-size: 1rem; width: 50%; max-width: 140px; z-index: 10; transform: translateY(-50%); }
header h1 img { width: 100%; }
header nav { position: absolute; top: 51%; right: 0px; margin: 0px; padding: 0px; width: calc(100% - 210px); text-align: center; font-size: 0.9rem; line-height: 115%; transform: translateY(-50%); max-width: 450px; display: none; z-index: 9; }
header nav ul { margin: 0px; padding: 0px; display: flex; flex-flow: wrap; justify-content: flex-end; align-items: flex-start; font-weight: bold; }
header nav li { position: relative; margin: 0px 0px 0px 5px; padding: 0px; }
header nav li a { display: inline-block; padding: 8px 7px; }
header nav li span { font-size: 0.6rem; line-height: 125%; font-weight: normal; display: none; }
header nav li:nth-of-type(4) span { letter-spacing: -0.05em; }
header .priimg1 { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; display: none; }
.allwrap .bgrmn { position: absolute; top: 5px; right: 5px; width: 60px; height: 60px; cursor: pointer; border-radius: 50%; z-index: 5; }
.vdoz { position: absolute; top: 100px; left: 20px; width: calc(100% - 40px); height: calc(100% - 120px); z-index: 2; }
.vdoz .vdtop { width: 100%; height: 100%; }
.vdoz video { width: 100%; height: 100%; object-fit: cover; object-position: 40% center; }
#logo1 { position: absolute; top: 45%; left: 50%; width: 80%; height: 65%; max-width: 290px; max-height: 350px; z-index: 10; transform: translate(-50%, -50%); opacity: 0; transition-duration: 1s; transition-delay: 0.2s; }
#logo1 img { width: 100%; height: 100%; }
@media screen and (min-width: 640px) {
  header > .relv { height: 150px; }
  header nav { display: block; }
  .allwrap .bgrmn { display: none; }
  .vdoz { top: 150px; height: calc(100% - 170px); }
}
@media screen and (min-width: 1000px) {
  header nav { max-width: 1000px; }
  header nav li span { display: inline; }
}
@media screen and (min-width: 1090px) {
  header { left: 50%; width: 80%; transform: translateX(-50%); }
  header h1 { top: 48%; }
  header nav { width: calc(100% - 160px); font-size: 0.85rem; line-height: 115%; }
  .vdoz { top: 100px; left: 40px; width: calc(100% - 80px); height: calc(100% - 140px); }
  #logo1 { top: 45%; }
}
@media screen and (min-width: 1250px) {
  header nav { width: calc(100% - 215px); font-size: 0.9rem; line-height: 115%; }
  header nav li span { font-size: 0.65rem; line-height: 125%; }
}
@media screen and (min-width: 1090px) and (max-height: 700px) {
  #logo1 { top: 52%; }
}
@media screen and (min-width: 1090px) and (max-height: 600px) {
  #logo1 { top: 55%; }
}
@media screen and (max-height: 440px) {
  .allwrap { height: 500px; }
}
@media print {
  .allwrap { height: 700px; }
  header { left: 50%; width: 90%; transform: translateX(-50%); }
  header > .relv { height: 150px; }
  header .priimg1 { display: block; }
  .allwrap .bgrmn { display: none; }
  header nav { width: calc(100% - 160px); display: block; max-width: 1000px; font-size: 0.9rem; line-height: 115%; }
  header nav li span { display: inline; }
  .vdoz { top: 100px; left: 0px; width: 100%; height: calc(100% - 100px); }
  #logo1 { top: 50%; }
}