@charset "UTF-8";
/* CSS Document */
.pc-view{display: block;}
.sp-view{display: none;}
#wise [id^="mainvisual"] h1{
	margin-top:20px;
	margin-bottom:0;
}
#wise [id^="mainvisual"] .nav{
	padding:0;
	margin-top:50px;
}
#wise [id^="mainvisual"] .nav li{
	margin-bottom:0;
}
#wise [id^="mainvisual"] .three_column li span{
	display: block;
	font-size: 1.7rem;
}

#wise .main_txt{
	font-size: 1.8rem;
	line-height: 3.4rem;
	max-width:1000px;
	width:100%;
	margin:0 auto;
}
	#wise .main_txt a{color:#0071bc;}

#wise .wise_cont{
	max-width:1000px;
	width:100%;
	margin:40px auto 80px;
	padding:0;
}
#wise .wise_cont .wise_cont_inner{
	background-color:#fff;
	box-shadow:0 0 12px 2px rgba(0,0,0,0.1);
}

#wise .wise_cont .wise_cont_ttl h2 ul{
	display: table;
	width:100%; height: 80px;
	min-width: 1000px;
	background: #0266b4;
	color:#fff;
}
	#wise .wise_cont .wise_cont_ttl h2 ul li{
		display: table-cell;
		vertical-align: middle;
	}
		#wise .wise_cont .wise_cont_ttl h2 ul li:first-of-type{
			background: #00498f;
			padding-left:20px;
			font-size:1.8rem;
			position: relative;
			width: 14.7%;
		}
		#wise .wise_cont .wise_cont_ttl h2 ul li:first-of-type:after{
			content: "";
			position: absolute;
			top:0; right:-10px;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 40px 0 40px 10px;
			border-color: transparent transparent transparent #00498f;
		}
		#wise .wise_cont .wise_cont_ttl h2 ul li:last-of-type{
			font-size:2.4rem;
			padding-left:30px;
		}

#wise .wise_cont .wise_cont_txt{padding:40px 50px;}
	#wise .wise_cont .wise_cont_txt .wct_inner{
		overflow: hidden;
		min-width: 900px;}
		#wise .wise_cont .wise_cont_txt .wct_inner li.f-left{float: left;}
		#wise .wise_cont .wise_cont_txt .wct_inner li.f-right{float: right;}
		#wise .wise_cont .wise_cont_txt .wct_inner li.textarea{width: 550px;}
		#wise .wise_cont .wise_cont_txt .wct_inner li.illustimg{
			width: 300px;
			text-align:center;
		}
			#wise .wise_cont .wise_cont_txt .wct_inner .illustimg .device_txt{
				font-size: 1.4rem;
				border:1px solid #000;
				display: inline-block;
				padding: 4px 16px;
				margin-top:20px;
			}

	.wct_inner .wct_inner_section{
		margin-bottom:30px;
	}
	.wct_inner .wct_inner_section span{
		color: #ff0000;
		font-size: 1.5rem;
	}
	.wct_inner .wct_inner_section.lastul{
		margin-bottom:0;
	}
		.wct_inner .wct_inner_section h3,
		.wct_inner_full h3{
			font-size: 2.2rem;
			color:#00498f;
			padding-bottom:16px;
			margin-bottom:16px;
			border-bottom:1px solid  #00498f;
			line-height: 3.5rem;
		}
			.wct_inner .wct_inner_section h3 span{
				display: inline-block;
				color:#fff;
				background: #00498f;
				padding:0 10px;
				font-size: 1.5rem;
				line-height: 2.5rem;
			}
		.wct_inner .wct_inner_section p,
		.wct_inner_full p{
			font-size: 1.4rem;
			line-height: 2.8rem;
		}
		.wct_inner_full p span{
			display: block;
			font-size:2.2rem;
			font-weight: bold;
			color:#00498f;
			margin-top:15px;
			margin-bottom:30px;
		}
		.wct_inner .wct_inner_section p a,
		.wct_inner_full p a{color:#0071bc;}

#wise .wise_cont .wise_cont_link{
	background: #b8d4ea;
	text-align: center;
	padding:34px 0;
}
	#wise .wise_cont .wise_cont_link a{
		background: #fff;
		text-decoration: none;
		font-size: 2.2rem;
		text-align: center;
		border:1px solid #00498f;
		color: #00498f;
		margin:0 auto;
		display: table;
		height: 82px;
		border-radius: 41px;
		position: relative;
		transition:.5s background,
					.5s color;
	}
	#wise .wise_cont .wise_cont_link a:after{
		content: "";
		position: absolute;
	    width: 12px; height: 12px;
	    border-top: solid 3px #00498f;
	    border-right: solid 3px #00498f;
	    transform: translate(0,-50%) rotate(45deg);
	    top:50%; right:30px;
	}
	#wise .wise_cont .wise_cont_link a:hover{
		background: #1770c5;
		color:#fff;
	}
	#wise .wise_cont .wise_cont_link a:hover:after{
		border-top: solid 3px #fff;
	    border-right: solid 3px #fff;
	}
		#wise .wise_cont .wise_cont_link a span{
			display: table-cell;
			vertical-align: middle;
			padding: 0 70px;
		}

#wise .wise_caption{
	font-size: 1.2rem;
	line-height: 2.1rem;
	margin-top:34px;
}
#wise .underline{
	text-decoration: underline;
}
	#wise .wise_caption a{color:#0071bc;}


@media screen and (max-width: 768px){
.pc-view{display: none;}
.sp-view{display: block;}
.mr-t20{margin-top:20px;}
.mr-b20{margin-bottom:20px;}

#mainvisual .contentsWrap{
	padding-bottom:26px;
}
#wise [id^="mainvisual"] h1{
	margin-top:0;
}
#wise [id^="mainvisual"] .logo{
	padding:40px 0 21px;
}

#wise .main_txt{
	font-size: 1.2rem;
	line-height: 2rem;
}
#wise .wise_cont{
	margin:30px auto;
}
	#wise .wise_cont .wise_cont_ttl h2 ul{
		display: block;
		min-width: auto;
		height: auto;
	}
		#wise .wise_cont .wise_cont_ttl h2 ul li{
			display: list-item;/**/
		}
			#wise .wise_cont .wise_cont_ttl h2 ul li:first-of-type{
				text-align: center;
				padding:5px 0;
				font-size:1.5rem;
				width: 100%;
			}
			#wise .wise_cont .wise_cont_ttl h2 ul li:first-of-type:after{
				display: none;
			}
			#wise .wise_cont .wise_cont_ttl h2 ul li:last-of-type{
				font-size:2rem;
				padding:10px;
				line-height:2.8rem;
			}
	#wise .wise_cont .wise_cont_txt{padding:20px 10px;}
		#wise .wise_cont .wise_cont_txt .wct_inner{min-width: auto;}
			#wise .wise_cont .wise_cont_txt .wct_inner li.f-left,
			#wise .wise_cont .wise_cont_txt .wct_inner li.f-right,{float: none;}
			#wise .wise_cont .wise_cont_txt .wct_inner li.textarea{width: 100%;}
			#wise .wise_cont .wise_cont_txt .wct_inner li.illustimg{width: 100%;}
			#wise .wise_cont .wise_cont_txt .wct_inner li.illustimg img{width: 75%;}
				#wise .wise_cont .wise_cont_txt .wct_inner .illustimg .device_txt{
					font-size: 1.2rem;
					margin-top: 10px;
					line-height:2rem;
				}

		.wct_inner .wct_inner_section span{
			font-size: 1.3rem;
		}
		.wct_inner .wct_inner_section{margin-bottom:20px;}
		.wct_inner .wct_inner_section.lastul{
			margin-bottom:0;
		}
			.wct_inner .wct_inner_section h3,
			.wct_inner_full h3{
				font-size: 2rem;
				padding-bottom:10px;
				margin-bottom:10px;
				line-height: 2.8rem;
			}
				.wct_inner .wct_inner_section h3 span{
					font-size: 1.2rem;
					line-height: 2rem;
				}
			.wct_inner .wct_inner_section p,
			.wct_inner_full p{
				font-size: 1.2rem;
				line-height: 2rem;
			}
			.wct_inner_full p span{
				font-size:2rem;
				line-height: 2.8rem;
				margin-top:10px;
				margin-bottom:15px;
			}


#wise .wise_cont .wise_cont_link{padding:17px 0;}

	#wise .wise_cont .wise_cont_link a{
		font-size: 1.4rem;
		width: 95%;
		border-radius: 41px;
	}
	#wise .wise_cont .wise_cont_link a:after{display: none;}

		#wise .wise_cont .wise_cont_link a span{padding: 0 20px;}



#wise .wise_caption{
	font-size: 1.2rem;
	line-height: 2.1rem;
	margin-top:10px;
}

/*180925追記*/
}