@charset "UTF-8";

/* --------------------------

 2018.09 追加

-----------------------------*/
.topsp{
	display: none;
}
.select-wrap select {
	width: 100%;
	width: -webkit-calc(100% + 5em);
}
.solutionmap {
	margin-bottom: 0px;
}
.btn.middle {
	padding: 10px 10px 10px 15px;
	min-width: 200px;
	min-height: 36px;
	font-size: 1.6rem;
	line-height: 1.0;
}
.btn.middle .fa {
	font-size: 1.6rem;
}
.btn.middle .fa.fa-chevron-circle-right {
	margin-left: 7px;
}
.btn.middle .fa.fa-chevron-circle-left {
	margin-right: 7px;
}
.topblk{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 80px;
	border-top: solid 1px #eee;
}
.topblk .fig{
	padding: 20px;
}
@media screen and (max-width: 600px){
	.topsp{
		display: block;
	}
	.solution_block{
		margin: 0 15px;
	}
}
/* 私たちのサービスで成功を収めている企業 */
.slide_logo{
	margin: 50px 0;
}
.slide_logo ul:first-child{
	width: 94%;
	margin: 0 auto;
	position: relative;
	height: 100px;
}
.slide_logo ul:first-child li img{
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 0 0 0!important;
}
.slide_logo ul:first-child li a{
	opacity: 1;
	transition: opacity 0.2s;
}
.slide_logo ul:first-child li a:hover{
	opacity: 0.5;
}
@media screen and (max-width: 1000px){
	.slide_logo ul:first-child{
		width: 90%;
	}
}
@media screen and (max-width: 600px){
	.slide_logo ul:first-child{
		width: 82%;
	}
}
/* 記事ヘッドライン */
.whatsnew{
	display: flex;
	margin: 30px auto 60px;
	max-width: 900px;
}
.whatsnew a.blk{
	display: block;
	width: 33.33%;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	position: relative;
	cursor: pointer;
}
.whatsnew a.blk .photo{
	height: 190px;
	overflow: hidden;
	position: relative;
}
.whatsnew a.blk{
	transition: 0.3s;
}
.whatsnew a.blk:hover{
	color: #000;
	background: #f1f1f1;
}
.whatsnew a.blk .photo img{
	transition: 0.3s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.whatsnew a.blk:hover .photo img{
	opacity: 0.8;
}
.whatsnew a.blk:last-child{
	border-right: solid 1px #ccc;
}
.whatsnew div.txt{
	text-align: left;
	padding: 16px 16px 50px 16px;
}
.whatsnew div.txt p:first-child{
	font-size: 15px!important;
	font-weight: bold;
}
.whatsnew div.txt p:nth-child(2){
	font-size: 13px!important;
	position: absolute;
	bottom: 5px;
	left: 10px;
}
.whatsnew div.txt p:last-child{
	font-size: 13px!important;
	position: absolute;
	bottom: 5px;
	right: 10px;
}
@media screen and (max-width: 1000px){
	.whatsnew a.blk .photo{
		height: 19vw;
	}
}
@media screen and (max-width: 600px){
	.whatsnew{
		display: block;
		margin: 0 auto 30px;
	}
	.whatsnew a.blk{
		width: 90%;
		border: solid 1px #ccc;
		margin: 0 auto 20px;
	}
	.whatsnew a.blk .photo{
		height: 45vw;
	}
}