@charset "UTF-8";
.other_iot_service_wrap a:hover img,
.tc_detail a:hover img{
	opacity:0.7;
}
.other_iot_service_wrap a:hover,
.tc_detail a:hover{
	text-decoration:underline;
}
/** ===========================================================
 * $
 * タブ共通
 * ========================================================= */
/* ---------------------
 * 上書き
 -------------------- */
.iot-tabItem  {
	width: 91.6667%;
	margin:0 auto;
}
.iot-tabItem img{
	width:100%;
}
.whats_inner{
	width:90%;
	margin:0 auto;
}
/* ---------------------
 * タブ内のタグ上書き
 -------------------- */
.iot-tabItem h2 {
	margin-bottom: 0;
	padding-bottom: .8rem;
	border-bottom: 2px solid #004386;
	font-size: 1.8rem;
	margin-top: 60px;
}
.iot-tabItem ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/** ===========================================================
 * $iot-tabItem-what
 * タブ > What's
 * ========================================================= */
.iot-tabItem-what ul {
	margin: 1rem;
}
.iot-tabItem-what li {
	line-height: 1.9;
}
	
.iot-tabItem-what li:before {
	content: "・";
}
.iot-tabItem.iot-tabItem-what p{
    line-height: 1.9;
}

.what_navigate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 40px;
}
.what_navigate > div {
	width: calc((100% - 12%) / 4);
}
.what_navigate > div:not(:first-child) {
	margin-left: 4%;
}

.what_navigate > div a {
	display: block;
}

.what_navigate div a img {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.what_navigate img {
	width: 100%;
	/*height: 178px;*/
	vertical-align: bottom;
}
.what_navigate a:hover img {
	opacity: 0;
}

.what_navigate a {
	background: center center no-repeat;
	background-image: url(/content/dam/nttcom/hq/jp/business/services/ai-iot/iot/vehicle-manager/img/button1-lb.png);
	background-size: cover;
}
.what_navigate > div:nth-of-type(1) a {
	background-image: url(/content/dam/nttcom/hq/jp/business/services/ai-iot/iot/vehicle-manager/img/button1-lb.png);
}
.what_navigate > div:nth-of-type(2) a {
	background-image: url(/content/dam/nttcom/hq/jp/business/services/ai-iot/iot/vehicle-manager/img/button2-lb.png);
}
.what_navigate > div:nth-of-type(3) a {
	background-image: url(/content/dam/nttcom/hq/jp/business/services/ai-iot/iot/vehicle-manager/img/button3-lb.png);
}
.what_navigate > div:nth-of-type(4) a {
	background-image: url(/content/dam/nttcom/hq/jp/business/services/ai-iot/iot/vehicle-manager/img/button4-lb.png);
}

/* ---------------------
 * 左側イメージのコンテンツボックス
 -------------------- */
.iot-imageItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top:20px;
}
.conts_wrap img{
	width:75%;
    margin: 20px auto;
}
.iot-imageItem img{
	width:100%;
}
.iot-imageItem_image{
	width:43%;
}
.right_img .iot-imageItem_body{
	padding-left:30px;
	width:57%;
}
.left_img .iot-imageItem_body{
	padding-right:30px;
	width:57%;
}
.conts_wrap{
	margin-top:50px;
}
.conts_wrap p{
	margin-top:20px;
}
.iot-imageItem p{
	margin-top:0;
}
.conts_wrap .cap{
	margin-top:0;
	margin-bottom:40px;
	text-align:center;
}
.conts_wrap h3{
	font-weight:bold;
	margin-top: 30px;
}
.conts_wrap h3.column{
	padding: 20px;
	text-align:center;
}
@media screen and (max-width:768px) { 
	.what_navigate img{
		height:auto;
	}
	.conts_wrap{
		margin-top:70px;
	}
}

@media screen and (max-width:480px) {
	.iot-tabItem h2{
		font-size:1.5rem;
	}
	.what_navigate > div {
		width: calc((100% - 8%) / 2);
	}
	.what_navigate > div:not(:first-child) {
		margin-left: 4%;
	}
	.what_navigate > div:nth-of-type(3){
		margin-left: 0;
	}
	.what_navigate > div:nth-of-type(n+3){
		margin-top:10px;
	}
	.conts_wrap{
		margin-top:50px;
	}
	.iot-imageItem_image{
		display:none;
	}
	.right_img .iot-imageItem_body,
	.left_img .iot-imageItem_body{
		width:100%;
		padding:0;
	}
	.conts_wrap img{
		width:100%;
	}
}

.tc_detail{
	text-align:center;
	margin-top:50px;
}
.tc_detail img{
	width:15%;
}
.other_iot_service_wrap{
	width: 91.6667%;
	margin:100px auto 0;
}
.other_iot_service_item{
	float:left;
	width:545px;
	border:1px solid #ccc;
	padding:25px;
	display:table;
}
.other_iot_service_item a{
	font-weight:bold;
}
.other_iot_service_item:nth-of-type(2){
	float:right;
}
.other_iot_service_item img{
	width:176px;
	display:table-cell;
}
.other_iot_service_item div{
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}
.other_iot_service_wrap .toplink{
	font-size:20px;
	margin:80px auto 0;
	text-align:center;
}

@media screen and (max-width:768px) { 

	.other_iot_service_wrap{
		width: 100%;
	}
	.other_iot_service_item{
		width:100%;
		padding:15px;
		float:none;
	}
	.other_iot_service_item:nth-of-type(2){
		float:none;
		margin-top:10px;
	}
	.other_iot_service_wrap .toplink{
		margin:50px auto 0;
	}
	.tc_detail img{
		width:25%;
	}
}
@media screen and (max-width:480px) {
	.other_iot_service_wrap{
		margin:50px auto 0;
	}
	.other_iot_service_item{
		display:block;
		text-align:center;
	}
	.other_iot_service_item img{
		width:80px;
		margin:0 auto;
		display:block;
	}
	.other_iot_service_item div{
		display:block;
		padding-left:0;
	}
	.tc_detail{
		margin-top:50px;
	}
	.tc_detail img{
		width:80px;
	}
}