/* sub uniq */
.submv {
    background: url(/library/iot/lib/cmn_img/chapter2/mv.jpg) no-repeat;
    box-sizing: border-box;
    padding: 26px 0px;
    background-position: 50% 50%;
    background-size: cover;
}
.textbk {
	font-size: 18px!important;
    font-weight: bold;
    line-height: 1.7em;
}
.videoBox {
	position: relative;
	width: 100%;
	margin: 50px auto 0 ;
}
.videoBox iframe {
		width: 860px;
		height: 484px;
}
.videoBox img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

/* sec02 */
.box2bg {
    background: url(/library/iot/lib/cmn_img/chapter2/box02bg.jpg) no-repeat;
    box-sizing: border-box;
    background-size: cover;
    padding: 60px 0px 20px;
}
.simg img {
	width: 100%;
}
.texts01{
	color: #fff;
}

/* sec03 */
.box3bg {
    background: url(/library/iot/lib/cmn_img/chapter2/box03bg.jpg) no-repeat;
    box-sizing: border-box;
    background-size: cover;
    padding: 60px 0px 20px;
}

.texts02{
	color: rgba(255,255,255,.6);
	font-size: 18px;
	font-weight: bold;
}
.whbox {
    background: #fff;
    padding: 20px;
}
.whbox p {
    font-weight: bold;
    font-size: 17px;
    background: #fff;
    margin-bottom: 0px;
}






.mvNew02 {
	background: url(/library/iot/lib/cmn_img/chapter2/mv-new02.jpg) no-repeat;
	box-sizing: border-box;
	background-size: cover;
}

.secChange {
	background: #F9F9F9;
	padding: 70px 0;
}

.secAquvoi {
	padding: 70px 0;
}

.inrSS {
	width: 92%;
	max-width: 860px;
	margin: 0 auto;
}

h2.spec {
	letter-spacing: 0;
	font-size: 2.6rem;
	margin: 3.2em 0 1em;
}

h2.spec span {
	display: inline-block;
	border: #ccc solid 1px;
	font-size: 1.3rem;
	line-height: 1;
	padding: 0.5em 0.4em 0.4em;
	border-radius: 2px;
	margin-right: 0.8em;
	vertical-align: middle;
}
h2.spec em {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
}

.halfBox {
	width: 92%;
	max-width: 1200px;
	padding: 70px 0 0 0;
	margin: 0 auto 70px;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-top: #E7E7E7 solid 1px;
}

.halfBox.w1000Bx {
	max-width: 1000px;
}

.halfBox.noBorderBox {
	border-top: none;
	padding: 0;
 margin: 0 auto 70px;
}


.halfBox.noBorderBox.mbCo {

 margin: 0 auto 30px;
}


.halfBox .halfLeft {
 width: 46.6%;
	margin-right: 6.8%;
}

.halfBox .photoLeft {
 width: 38%;
	margin-right: 7%;
	margin-top: 15px;
}

.halfBox .photoLeft.rightVer {
 width: 38%;
	margin-right: 0%;
	margin-left: 7%;
}

.halfBox .txRight {
 width: 55%;
}




.halfBox .halfLeft.rightVer {
 width: 46.6%;
	margin-left: 6.8%;
	margin-right: 0;
}

.halfBox .halfRight {
 width: 46.6%;
}



.discList {
margin-bottom: 0.8em;}

.discList li {
	line-height: 1.4;
	margin: 0.1em 0 0.1em 1.1em;
	padding: 0.2em 0;
	list-style-type: disc;
	font-size: 1.6rem;
	letter-spacing: 0;
	font-weight: 500;
}


.marTPhoto {
	margin: 60px 0 0;
}





@media screen and (max-width: 800px) {  
 .videoBox {
    position: relative;
    width: 100%;
    padding: 70% 0 0 0;
}   
.videoBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.secAquvoi {
    padding: 45px 0;
}
	
	.secChange {

    padding: 45px 0;
}
	
.mvNew02 {
background-position: 35.5% 0%;
}
	

	.halfBox {
	padding: 35px 0 0 0;
	margin: 0 auto 35px;
}
	
	
.halfBox.noBorderBox {
	border-top: none;
	margin: 0 auto 35px;
}	
	
	
	
.halfBox .halfLeft {
 width: 100%;
	margin-right: 0%;
	margin-bottom: 20px;
}
	


.halfBox .halfLeft.rightVer {
 width: 100%;
	margin-left: 0%;
	margin-right: 0;
}

.halfBox .halfRight {
 width: 100%;
}
	
.halfBox .photoLeft {
 width: 100%;
	margin-right: 0%;
}
	
	
.halfBox .photoLeft.rightVer {
 width: 100%;
	margin-right: 0%;
	margin-left: 0%;
}
	
.halfBox .txRight {
 width: 100%;
}	
	
.halfBox .order1 {order: 1;}
.halfBox .order2 {order: 2;}	
	.halfBox .order3 {order: 3;}	
	
.discList li {

	font-size: 1.4rem;

}
	
	#contents .halfBox p {
		font-size: 1.6rem;
	}
	
	h2.spec {

	font-size: 2.2rem;
	margin: 0 0 1em;
}
	
	
	
	h2.spec span {

	font-size: 1.1rem;

}
	
	
	
	.marTPhoto {
	margin: 30px 0 0;
}
	
	
	
	
	
	
	
	
	
	
	

}