@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;
}


.main_image{
	background-image:url("../img/electric_wire_main_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-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;
}

.lineup_list div.card{
	width:calc(100% / 3);
	border:none;
}

.lineup_list div.card img{
	padding:15px;
	
}

.lineup_list div div{
	width:100%;
}

.card-title{
	text-align: center;
	font-size:1.5rem;
}

#weather-resistant{
	padding-top:3rem;
	padding-bottom:3rem;
	padding-left:0;
	padding-right:0;
	background-image: linear-gradient(to right, #e9f5f7 0%, white 50%, #e9f5f7 100%);
}


#weather-resistant .weather-resistant_inner{
	background-color:white;
	padding:0;
}


#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 circle-list */
.circle-list {
  counter-reset: num;                /* カウンターをリセット */
  list-style: none;                  /* デフォルトの数字を隠す */
  padding-left: 0;
}

.circle-list li {
  position: relative;                /* 丸の位置基準 */
  padding-left: 1.8em;               /* 数字の分のスペースを確保 */
  margin-bottom: 0.5em;              /* 項目間の余白 */
}

.circle-list li::before {
  counter-increment: num;            /* カウンターを増やす */
  content: counter(num);             /* 数字を表示 */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);       /* 垂直中央に配置 */
  width: 1.4em;                      /* 丸の大きさ */
  height: 1.4em;                     /* 丸の大きさ */
 /* border: 1px solid #333;            /* 線の色 */
  border-radius: 50%;                /* 円形にする */
  background-color: #00a8b9;            /* 背景色（必要に応じて） */
  color: white;                       /* 文字の色 */
  font-size: 0.8em;                  /* フォントサイズ */
  text-align: center;                /* 文字を中央に */
  line-height: 1.4em;                /* 縦方向の中央揃え */
}


@media only screen and (max-width:575.98px){
	
.main_image{
	background-image:url("../img/electric_wire_main_image_sp.png");
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	height:120px;
}
	
	
#about{
	background-image:url("../img/about_back_sp.png") ;
	background-size:cover;
	background-position:center 110px;
	background-repeat:no-repeat;
	padding-bottom:2rem;		
}	
	
	
	.card-title{
		font-size:1rem;
	}
	
	.description{
		width:95%;
	}
	
	
}