@charset "utf-8";
/*=============================================================
 Layout
=============================================================*/
/* style
-------------------------------------------------------------*/

div#contents {
	width: 100%;
	font: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contentsMain.full {
	width: 100% !important;
	padding-bottom:0;
}

div#pageTtl {
	width: 970px !important;
	margin:0 auto;
}

div#contents h1 {
	width: 970px !important;
	margin:0 auto;
	padding:0;
}



div#gv-huvc {
	font-size: 16px;
	line-height: 1.6;
}
body div#gv-huvc h2,
body div#gv-huvc h3,
body div#gv-huvc h4,
body div#gv-huvc h5 {
	width:auto;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	max-height: 100%;
}
body div#contents p,
body #gv-huvc p,
body #gv-huvc li {
	padding:0;
	margin: 0;
	max-height: 100%;
}
div#gv-huvc a {
	color: #3399cc;
}
/* Layout
-------------------------------------------------------------*/
#gv-huvc {
	font-family: 'Noto Sans JP';
}
#gv-huvcMain {
	clear: both;
	width: 970px !important;
	margin:0 auto;
}
#gv-huvcMain_sp {
	display: none;
}

#gv-huvcIntro,
#gv-huvcIntro2,
#gv-huvcIntro3,
#gv-huvcIntro4 {
	clear: both;
	width: 970px !important;
	margin:0 auto 20px;
}


.sp_01 {
	display: none;
}
.sp_02 {
	display: none;
}
.sp_03 {
	display: none;
}
.situ-sub_sp {
	display: none;
}
.situ-sub-b_sp {
	display: none;
}


#gv-huvcContents {
	background-image: url("/product/av/capture/gv-huvc/img_webcam/bg.png");
	color:#333;
	padding-bottom: 60px;
}
#gv-huvcContents_2 {
	background-image: url("/product/av/capture/gv-huvc/img_webcam/bg_2.png");
	color:#333;
	padding: 20px 0 40px;
}


.mi-obi {
	background-color:#24549D !important;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	margin: 0 auto;
	padding: 6px 0 3px;
	text-align: center;
}
.mi-obi img {
	margin: 0 0 -12px 12px;
}


#gv-huvcContents .boxInner {
	clear: both;
	width: 970px !important;
	margin:0 auto;
}


.UVC {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 30px 0 0;
	font-size: 28px;
	font-weight: bold;
}



/*--- .UVC-vox {
	color: #fff;
	padding-top: 4px;
	margin-bottom: 0;
}
.UVC-vox-txt {
	background-color: #139898;
	font-size: 22px;
	font-weight: 600;
	padding: 1px 10px 2px;
	margin-top: -3px;
}
.UVC-vox-txt.smal {
	font-size: 18px;
	padding: 6px 0 3px;
	margin: 0 -10px 0 -5px;
}
.UVC-vox-r {
	display: inline-block;
	font-size: 22px;
	margin: 0 0 0 9px;
	padding: 0 30px 1px 5px;
	position: relative;
	color: #fff;
	z-index: 1;
}
.UVC-vox-r::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #139898;
	transform: scaleY(1.24) perspective(.6em) rotateX(5deg);
	transform-origin: bottom left;
} ---*/


#gv-huvcContents .usbtitle {
	width: 13em;
	background: #139898;
	font-weight: bold;
	font-size: 22px;
	color: #FFF;
	margin-top: 30px;
	position: relative;
	overflow: hidden;
	padding: .2em 1em;
}
#gv-huvcContents .usbtitle:before{
	background-color: #f0f6fa;
	content: '';
	display: block;
	transform: rotate(-30deg);
	position: absolute;
	bottom: -30px;
	right: -100px;
	width: 200px;
	height: 200px;
}
#gv-huvcContents .usbbox {
	background: #fff;
	border: 1px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	padding: 30px 20px;
	margin-bottom: 30px;
	position: relative;
	text-align: left;
}
#gv-huvcContents .usbbox h3 {
	font-size: 22px;
	font-weight: bold;
	color: #139898;
}
#gv-huvcContents .usbimg {
	position: absolute;
	z-index: 1;
	top: -50px;
	right: 20px;
}


.shita {
	width: 100%;
	margin: 0 0 0 -5px;
	text-align: center;
}
.shita_T {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 25px solid #24549D;
}

#situ-vox {
	width: 960px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 0 auto;
	padding: 20px 0 0;
}
#situ {
	max-width: 460px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	margin: 0;
	padding: 0 0 20px;
}
.situ-mi {
	font-size: 26px;
	font-weight: bold;
	border-bottom: 1px solid;
}
.situ-mi span {
	color: #139898;
	font-size: 30px;
}
.situ-txt {
	padding-top: 10px;
}
.situ-txt span {
	display: inline-block;
	font-size: 14px;
	padding-left: 200px;
	
}
#situ img {
	width: 460px;
	padding: 20px 0;
}
.situ-sub {
	width: 460px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-baround;
	-webkit-justify-content: space-around;
}
.situ-sub-b {
	width: 460px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}


#gv-huvc .fs12 {font-size: 12px;}

#gv-huvc .mt15 {margin-top: 15px;}
#gv-huvc .mt20 {margin-top: 20px;}
#gv-huvc .mt30 {margin-top: 30px;}
#gv-huvc .mt40 {margin-top: 40px;}
#gv-huvc .mt60 {margin-top: 60px;}
#gv-huvc .mt100 {margin-top: 100px;}
#gv-huvc .mr22 {margin-right: 22px;}