@charset "UTF-8";

#wd_series *{
	color:#121212;
	font-size:16px;
	letter-spacing:0.04em;
	line-height:1.8;
}
header{
	max-width:100%;
}
img{
	max-width: 100%;
	height: auto;
}
h1{
margin:0;
}

/* 横幅 */
#wd_series main{
	max-width:1100px;
	margin:0 auto;
}
@media screen and (max-width: 768px) {
	#wd_series main{
		max-width:95%;
	}
}

/* 余白 */
.m_top_30{
	margin-top:30px;
}
.m_top_60{
	margin-top:60px;
}
.m_bottom_30{
	margin-bottom:30px;
}
.p_30{
	padding:30px;
}
.p_10{
	padding:10px;
}

/* 見出し */
#wd_series h2{
	text-align:center;
}
#wd_series .underline{
	position: relative;
	margin-bottom: 1em;
	font-size:2.5rem;
}
#wd_series .underline:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0068b6;
  border-radius: 2px;
}

/* テキスト */
.font_L{
	font-size:135% !important;
}
.font_S{
	font-size:75% !important;
}
.center{
	text-align:center;
}

/* グリッド横並び */
#wd_series .container_grid{
	display:grid;
	gap: 20px;
  }
#wd_series .colum3{
  	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
  }
#wd_series .colum5{
  	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(1, 1fr);
  }
  @media screen and (max-width: 768px) {
  	#wd_series .container_grid{
  		display:block;
  	}
  }
  
  /* 横並び */
#wd_series .container_flex{
	display:flex;
	flex-wrap:wrap;
}
#wd_series .w_50{
	width:50%;
}  	
#wd_series .w_30{
	width:30%;
}  	
#wd_series .w_70{
	width:70%;
}  	
 @media screen and (max-width: 768px) {
 	#wd_series .container_flex{
		display:block;
	}
	#wd_series .w_50{
		width:100%;
	}  	
	#wd_series .w_30{
		width:100%;
	}  	
	#wd_series .w_70{
		width:100%;
	}  	
}

/* 青丸リスト */
#wd_series [class*="disc"]{	margin-left:1rem;}
#wd_series [class*="disc"] li{list-style-type: disc;}
#wd_series [class*="disc"] li::marker {	color:#2ea7e0;}
#wd_series [class*="disc"] li a.item_link{color: #0068B6;font-weight: bold;text-decoration: underline;}

/* 青四角リスト */
#wd_series .square li{
	list-style-type: square;
}
#wd_series .square li::marker {
	color:#2ea7e0;
}

/* ボタン */
#wd_series .btn{
	text-align:center;
}
#wd_series .btn a{
	display:inline-block;
	background:#2ea7e0;
	color:#fff;
	font-size:1.3rem;
	font-weight:600;
	padding:20px 40px;
	border-radius:100px;
	box-shadow:0px 5px 0px #0268b7;
	transition:all 0.3s;
}
#wd_series .btn a:hover{
	box-shadow: unset;
	transform: translateY(4px);
}

/* お困りごと解決 */
#wd_series .solution{
	padding:60px 0;
 	background:#d6eaf2;
 	text-align:center;
 }
#wd_series .solution h2{
 	background:#fff;
 	display:inline-block;
 	padding:6px 20px;
 	border-radius:5px;
 	font-size:1.5rem;
 }
 @media screen and (max-width: 768px) {
 	#wd_series .solution .container_grid img{
 		margin-bottom:1rem;
 	}
 }

/* 製品概要 */
#wd_series .product{
	padding:80px 0 0;
	background:#fff;
}
#wd_series .product .box{
	border:solid 1px #333333;
}
#wd_series .demo{
	background:#ebebeb;
}
#wd_series .demo .link{
	text-align:center;
}
#wd_series .demo .link a{
	display:inline-block;
	color:#2ea7e0;
	border:solid 1px #2ea7e0;
	border-radius:100px;
	background:#fff;
	padding:10px 20px;
}

/* こんな業種に最適 */
#wd_series .business{
	padding:80px 0 0;
	background:#fff;
}
#wd_series .business{
	text-align:center;
}
#wd_series .business .box{
	border:1px solid #0068b6;
	padding:0 10px 20px;
}
#wd_series .business .box img{
	width:65%;
}

/* 3つの特徴 */
#wd_series .point{
	padding:80px 0 80px;
	background:#fff;
}
#wd_series .point .container_grid div{
	background:#ebebeb;
}
#wd_series .point .container_grid h4{
	text-align:center;
	color:#fff;
	background:#0068b6;
	padding:10px;
}
#wd_series .point .container_grid p{
	padding:20px;
}
@media screen and (max-width: 768px) {
	#wd_series .point .container_grid div{
		margin-bottom:1rem;
	}
}

/* お役立ち情報 */
#wd_series .info{
	padding:80px 0 80px;
	text-align:center;
	background:#d6eaf2;
}
#wd_series .info .container_grid{
	margin-top:100px;
}
#wd_series .info .container_grid div a{
	display:block;
	background:#0068b6;
	color:#fff;
	font-weight:600;
	padding:1px 0 20px 0;
	border-radius:10px;
	transition:all 0.3s;
}
#wd_series .info .container_grid div a:hover{
	transform: translateY(-15px);
}
#wd_series .info .container_grid p{
	position:relative;
	color:#fff;
	font-weight:600;
}
#wd_series .info .container_grid p:after {
  content: '';
  width: 14px;
  height: 14px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right:10%;
  bottom: 0;
  margin: auto;
}
#wd_series .info .container_grid span{
	color:#fff;
	font-weight:600;
	display:block;
}
#wd_series .info .container_grid img{
	margin:-3rem auto 1rem;
	width:40%;
	display:block;
}
@media screen and (max-width: 768px) {
	#wd_series .info .container_grid{
		width:80%;
		margin:80px auto 0;
	}
	#wd_series .info .container_grid div{
		margin-bottom:4rem;
	}
}