@charset "utf-8";
/* CSS Document */

ul.dropdown-menu li a.dropdown-item.active{
		background-color:#24198c;
}

h3{
	padding:0.5rem 1rem;
	background:linear-gradient(30deg,#252989,#00a8ba);
	color:white;
	font-size:1.2rem;
}


h2.products{
	padding:0.5rem 1rem;
	background:linear-gradient(30deg,#252989,#00a8ba);
	color:white;
	font-size:1.2rem;	
	margin-bottom:2rem;
}

.main_image{
	background-image:url("../img/communication_equipment_image.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:400px;
}

.heading{
	height:200px;
	background-image:url("../../common/img/heading_back.png") ;
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;		
}

.heading .container{
	height:200px;
}

#about{
	background-image:url("../img/about_back.png") ;
	background-size:cover;
	background-position:center 110px;
	background-repeat:no-repeat;
	padding-bottom:2rem;		
}
	
#about .row div:last-child img{
	padding-top:2rem;
}

/* for #lineup */

.lineup_inner{
	margin-top:3rem;
	padding-bottom:2rem;
	padding-left:0;
	padding-right:0;
  background-image: linear-gradient(to right, #f0fafb 0%, white 50%, #f0fafb 100%);
}

table.lineup,
table.lineup td{
	border:1px solid #00a8ba;	
	border-collapse: collapse;
}

table.lineup td{
	padding:0.5rem 1rem;
}

.description{
	width:80%;
	margin:2rem auto
}

.lineup_list{
	margin:2rem 0;
	display:flex;
	justify-content: center;
	flex-wrap: nowrap;
}

.banners div{
	display:flex;
	justify-content: center;
}


.products-link {
  position: relative;
  top: 130px;
	top:170px;
  right:20px;
  display: block;
  padding-top: 0;
}


.moviebanner{
	padding:0.1rem 2rem;
	border-radius: 1.5rem;
	background-image:url("../img/moviebanner_back.png");
	background-position: center;
  background-repeat: no-repeat; /* アイコンを繰り返さない */
	color:white;
	font-size:1.2rem;
	display:block;
	width:100%;
}

.moviebanner a{
	display:block;
	}
.moviebanner a,
.moviebanner a:hover{
	color:white;
}

a.moviebanner:hover{
	color:white;
}

.fiber-btn{
	color:white;
	font-size:1.2rem;
	background:linear-gradient(30deg,#252989,#00a8ba);		
	width:50%;	
	margin-top:2rem;
}

.fiber-btn a{
	width:100%;
	color:white;
	text-decoration: none;
	dispaly:block;
	border-radius: 0;
	text-align: left;
	background-image:url("../img/icn_contact.png");
	background-repeat:no-repeat;
	background-position: 94% 5px;
}


#connector,
#fiber,
#equipment{
	margin-top:3rem;
	padding-bottom:2rem;
	padding-left:0;
	padding-right:0;
  background-image: linear-gradient(to right, #f0fafb 0%, white 50%, #f0fafb 100%);	
}

#connector .container,
#fiber .container,
#equipment .container{
	margin-top:2rem;
	
}


/* for #connector */

.connector_inner{
/*	margin-top:3rem;*/
	padding-bottom:2rem;
	padding-left:0;
	padding-right:0;
  background-image: linear-gradient(to right, #f0fafb 0%, white 50%, #f0fafb 100%);
}

#connector .col-md-4{
/*	padding-left:1rem;
	border:1px solid #00a9ba;
	background-color:white;*/
	width:33%;
	margin-bottom:1rem;	
}

#connector .col-md-4 a{
	display:block;
	padding:0.5rem 1rem;
	border:1px solid #00a9ba;
	background-color:white;
	color:#00a9ba;
	text-decoration: none;
/*	width:30%;
	margin-bottom:1rem;		*/
	background-image:url("../img/icn_zoom.png");
	background-repeat:no-repeat;
	background-position: right;	
}

#connector .col-md-4 a:hover{
	background-color:#00a9ba;
	color:white;
	background-image:url("../img/icn_zoom_hover.png");
	background-repeat:no-repeat;
	background-position:right;		
}


#color .row{
	width:100%;
	justify-content: center;
}

/*
#color .row .col-md-10{
	background-color:#f1f1f2;
}
*/

/* for #fiber */
#fiber .container .row .card{
	border:none;
}



#contact{
	width:100%;
	text-align: center;
	height:200px;
	display:flex;
	justify-content: center;
	align-items: center;
}

#contact div{
	display:block;
}

#contact a{
	margin:5rem 0;
}

/* for tablet and smart phone */
@media only screen and (max-width:1199.98px){

}

@media screen and  (max-width: 767.98px) {
#connector	.col-md-4{
		width:100%;
	}
	
}

@media screen and (max-width:575.98px){
/*	
	nav.submenu ul{
		flex-wrap:wrap;
		justify-content: flex-start;
		padding-left:0;
		width:100%;
		
	}
	nav.submenu ul li{
		display: flex;
		justify-content: center;
		width:50%;
		padding:1rem 0;

	}			
	
	
	.contents_inner{
		padding-top: 200px;
    margin-top: -200px;
	}	
*/	
	
		nav.submenu{
		display: none;
	}
	
	
.main_image{
	background-image:url("../img/communication_equipment_image_sp.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:120px;
/*	margin-top:138px;*/
}
	
#connector,
#fiber,
#equioment{
		margin-top:0;
	}
	
	
	.products-link{
		top:10px;
	}
	
.fiber-btn{
	width:100%;
}

.fiber-btn a{
	background-position: 98% 5px;
}
	
	
}