/*--------------------------------
common
--------------------------------*/
* {margin:0;padding:0;}
*:focus {outline: none!important;}
body {position: relative;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";}
h1, h2, h3, p {margin: 0;}
img {width: 100%;max-width: 100%;}
.d-inline-block {text-indent: 0;}
.sc{max-width:189px;}

/*--------------------------------
nav
--------------------------------*/

/*--------------------------------
header
--------------------------------*/
div.vid_contents {
	width: 100%;/*背景色を横幅いっぱいに広げる*/
	text-align: center;
	margin: auto;
	background: #e6e6e6;/*余白の背景色*/
}
video.vid_main {
	width: 100%;
	vertical-align: bottom;
}

/*--------------------------------
body
--------------------------------*/
.content1{
	background:#000;
	text-align:center;
}
.content1 h2{
	max-width:842px;
	margin:auto;
}
.content2{
	background:#f6f6f6;
}
.btn01{
	display:inline-block;
	background:#000;
	border-radius:50px;
	padding:10px 30px;
	text-decoration:none;
	color:white;
	transition:.5s;
}
.btn01:hover{
	opacity:.5;
	color:white;
}
.btn02{
	background:linear-gradient(to bottom right,#88d0ef 0%,#00aae7 50%,#007bd4 100%);
	display:inline-block;
	border-radius:50px;
	padding:25px 30px;
	text-decoration:none;
	color:white;
	transition:.5s;
	width:100%;
	max-width:370px;
	position:relative;
}
.btn02:hover {
	opacity:.5;
	color:white;
}
.btn02::before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 25px;
	width: 13px;
	height: 13px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	animation: slideBlink 1s linear infinite;
}
@keyframes slideBlink {
	from {opacity:0;right:45px;}
	to {opacity:1;right:25px;}
}
.btn03{
	background:#000;
	display:inline-block;
	border-radius:50px;
	padding:25px 30px;
	text-decoration:none;
	color:white;
	transition:.5s;
	width:100%;
	max-width:370px;
	position:relative;
}
.btn03:hover {
	opacity:.5;
	color:white;
}
.btn03::before {
	content: "";
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 25px;
	width: 13px;
	height: 13px;
	border-top: 2px solid #00aae7;
	border-right: 2px solid #00aae7;
	transform: rotate(45deg);
	animation: slideBlink 1s linear infinite;
}

.content3{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg03.png")no-repeat bottom left -10%/65%;
	background-color:#000;
	padding:200px 0;
}
.img03{max-width:427px;}

.content4{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg04.png")no-repeat center right -10%/65%;
	background-color:#f7f5f1;
	padding:200px 0;
}
.img04{max-width:460px;}

.content5{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg05.png")no-repeat center left -10%/65%;
	background-color:#000;
	padding:200px 0;
}
.img05{max-width:351px;}

.content6{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg06.png")no-repeat bottom right -10%/65%;
	background-color:#FFF;
	padding:200px 0;
}
.img06{max-width:424px;}

.content7{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg07.png")no-repeat bottom center/cover;
	background-color:#FFF;
	padding:50px 0;
}
.img07{max-width:515px;}

.content8{
	background-color:#191919;
	padding:50px 0;
}
.img08{max-width:593px;margin:auto;}

.content9{
	background:#000;
}

.content10{
	background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg10.png")no-repeat top center/120%;
	background-color:#000;
}

/*--------------------------------
footer
--------------------------------*/
footer{background:#000;}
.footer-area {
		padding: 5% 10% 0;
		margin: 0;
}
.footer-l {
		padding: 0 56% 15% 7%;
}
.footer-l1 {
		padding: 0 0 15% 0;
}
.footer-l2 {
}
.footer-r {
		padding: 0 4% 10% 55%;
}
.footer-r1 {
		padding: 6% 4% 17% 6%;
		align-items: center;
}
.footer-r1 div{
		padding: 6%;
}
.footer-r2 {
		padding: 0 10% 0 0;
		color: #FFFFFF;
		font-size: 1.1vw;
		text-align: right;
}

/*--------------------------------
pagetop
--------------------------------*/
#page_top{
	width:50px!important;
	height:50px!important;
	margin-left:auto;
}
#page_top a {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	right: 1rem;
	bottom: 1rem;
	font-size: 1rem;
	text-decoration: none;
	background: #00aae7;
	color: #fff;
	opacity: .6;
	margin-left:auto;
	z-index:999;
}
#page_top a:hover {
	opacity: 1;
	transition: .4s;
}
#page_top a:active {
	opacity: 1;
}
.pagetop{
	background:#000;
}

/***********************************/
.sa {opacity: 0;transition: all .5s ease;}
.sa.show {opacity: 1;transform: none;}
.sa--lr {transform: translate(-100px, 0);}
.sa--rl {transform: translate(100px, 0);}
.sa--up {transform: translate(0, 100px);}
.sa--down {transform: translate(0, -100px);}
.sa--scaleUp {transform: scale(.5);}
.sa--scaleDown {transform: scale(1.5);}
.sa--rotateL {transform: rotate(180deg);}
.sa--rotateR {transform: rotate(-180deg);}



/*--------------------------------
media
--------------------------------*/
.pc{display:inline-block;}
.sp{display:none;}
@media (min-width: 1280px) {footer {padding: 0 12%;}}
@media (min-width: 992px) {.container {max-width: 1124px;}}
@media (max-width: 1551px) {
	.content3{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg03.png")no-repeat bottom left -50%/75%;background-color:#000;}
	.content4{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg04.png")no-repeat center right -50%/75%;background-color:#f7f5f1;}
	.content5{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg05.png")no-repeat center left -50%/75%;background-color:#000;}
	.content6{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg06.png")no-repeat bottom right -50%/75%;background-color:#FFF;}
	.content7{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg07.png")no-repeat bottom center/cover;background-color:#FFF;}
}

@media (max-width: 1351px) {
	.content4{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg04.png")no-repeat center right -330%/90%;background-color:#f7f5f1;}
	.content5{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg05.png")no-repeat center left -3500%/99%;background-color:#000;}
	.content6{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg06.png")no-repeat bottom right -330%/90%;background-color:#FFF;}
}
@media (max-width: 991px) {}
@media (max-width: 767px) {
	.pc{display:none;}
	.sp{display:inline-block;}
	.content3{background:none;background-color:#000;padding:20px 0 0;}
	.content4{background:none;background-color:#f7f5f1;padding:20px 0 0;}
	.content5{background:none;background-color:#000;padding:20px 0 0;}
	.content6{background:none;background-color:#FFF;padding:20px 0 0;}
	.content7{background:none;background-color:#f2f2f2;padding:0;}
	.img03,.img06,.img08,.img09,.img10{width:80%;}
	.img04,.img07{width:90%;}
	.img05{width:70%;}
	.col-md-5,.col-md-6{text-align:center!important;}
	.footer-area {padding: 12% 0;}
	.footer-l {padding: 0 32% 10% 10%;}
	.footer-r {padding: 0 18% 0 23%;}
	.footer-r1 {\padding: 0;}
	.footer-r2 {padding: 0;font-size: 85%;}
}
@media (max-width: 575px) {
	.content8{padding:0;}
	.content10{background:url("/html/template/netgear/assets/img/orbi/orbi_wifi/images/bg10.png")no-repeat top center/200%;background-color:#000;}
	.white-box{white-space: nowrap;overflow-x: scroll;display:block!important;}
	.white-box li{display:inline-block;width:150px;white-space: nowrap;}
	.white-box li img{width:150px;white-space: nowrap;}
}

