/* =================================================================
 top
================================================================= */
body.top-page #header:not(.fixed) .header-inner {
  border-bottom: 0;
}
body.top-page .content-box {
  padding: 3.75em 3.125em 7.5em;
}
@media screen and (max-width: 1330px) {
  body.top-page .content-box {
    padding: 3.5714285714em 2.5em 7.1428571429em;
  }
}
@media screen and (max-width: 767px) {
  body.top-page .content-box {
    padding: 1.4285714286em 1.0714285714em 4.2857142857em;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 0.625em 0 rgba(0, 0, 0, 0.15);
  }
}
body.top-page .content-box > *:first-child {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #main:has(#main-visual) .bg {
    display: block;
  }
}
#main:has(#main-visual) .bg .bg-1 {
  top: calc(29.6428571429vw + -12.75em);
}
@media screen and (max-width: 767px) {
  #main:has(#main-visual) .bg .bg-1 {
    top: calc(53.3333333333vw + -15.75em);
  }
}
#main:has(#main-visual) .bg .bg-2 {
  display: none;
}
@media screen and (max-width: 767px) {
  #main:has(#main-visual) .bg .bg-2 {
    display: block;
  }
}
#main:has(#main-visual) .bg .bg-3 {
  display: none;
}

#main-visual {
  width: 100%;
}

#site-menu-list .site-menus {
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 2.1875em;
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus {
    gap: 1.7857142857em;
  }
}
#site-menu-list .site-menus dl {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 3.125em;
  padding-top: 2.1875em;
  width: 100%;
  border-top: solid 1px #B0B0B0;
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus dl {
    display: flex;
    align-items: flex-start;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 1.4285714286em;
    padding-top: 1.7857142857em;
  }
}
#site-menu-list .site-menus dl:first-child {
  padding-top: 0;
  border-top: 0;
}
#site-menu-list .site-menus dl dt {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  gap: 0.8333333333em;
  min-width: 12.2222222222em;
  font-size: 18px;
}
@media screen and (max-width: 1330px) {
  #site-menu-list .site-menus dl dt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus dl dt {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus dl dt {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 0.5882352941em;
    min-width: auto;
    font-size: 17px;
  }
}
#site-menu-list .site-menus dl dt::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1;
  width: 3.3333333333em;
  height: auto;
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus dl dt::before {
    width: 2.9411764706em;
  }
}
#site-menu-list .site-menus dl dt.real::before {
  background-image: url(../media/images/top/icon_menu_real.svg);
}
#site-menu-list .site-menus dl dt.web::before {
  background-image: url(../media/images/top/icon_menu_web.svg);
}
#site-menu-list .site-menus dl dt.stream::before {
  background-image: url(../media/images/top/icon_menu_stream.svg);
}
#site-menu-list .site-menus .menu-list {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 0.9375em;
}
@media screen and (max-width: 767px) {
  #site-menu-list .site-menus .menu-list {
    gap: 0.7142857143em;
  }
}
#site-menu-list .site-menus .menu-list .button {
  min-width: 13.3333333333em;
}

#new-product .section-inner {
  padding: 0 3.125em;
}
@media screen and (max-width: 1330px) {
  #new-product .section-inner {
    padding: 0 1.0714285714em;
  }
}
@media screen and (max-width: 767px) {
  #new-product .section-inner {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #new-product .content-box-s {
    padding: 1.4285714286em 1.2857142857em;
  }
}
@media screen and (max-width: 767px) {
  #new-product .product-list .product-box {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #new-product .product-list .product-box .box-inner {
    padding: 1.4285714286em;
  }
}
@media screen and (max-width: 767px) {
  #new-product .product-list .product-box .product-name {
    margin-top: 0.9375em;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #new-product .product-list .product-box .explanation {
    margin-top: 0.6153846154em;
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  #new-product .product-list .product-box .maker-name {
    margin-top: 0.8333333333em;
  }
}

#introduction-movie .movie-wrap {
  margin-top: 0;
  max-width: 950px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5%;
  background-color: initial;
}
@media screen and (max-width: 767px) {
	#introduction-movie .movie-wrap {
		flex-direction: column;
	}
}
#introduction-movie .movie-wrap .movie-items {
	flex: 0 0 47.5%;
    text-align: center;
}
@media screen and (max-width: 767px) {
	#introduction-movie .movie-wrap .movie-items {
		width: 100%;
	}
	#introduction-movie .movie-wrap .movie-items +   .movie-items{
		margin-top: 30px;
	}
}/*# sourceMappingURL=top.css.map */