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

body,ul,dl,dd,p,h1,h2,h3{
	margin:0;
	padding:0;
	list-style:none;
}
img{
	vertical-align:bottom;
}
.clearfix::after{
	content:"";
	display:block;
	clear:both;
}
.inner{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
body{
	font-size:12px;
	background-color:#f4f4f4
}
/*------------*/
/*---header---*/
/*------------*/
header{
	background-color:#000;
	padding-top:20px;
	padding-bottom:20px;
}
header div{
	display:flex;
	justify-content:space-between;
}
header ul{
	display:flex;
}
header ul li{
	margin-left:6px;
}
header ul li:first-child{
	margin-right:4px;
}
/*-------------*/
/*---.visual---*/
/*-------------*/
.visual{
	background-image:url(../images/main_bg.png);
	text-align:center;
}
/*---------*/
/*---nav---*/
/*---------*/
nav{
	background-image:url(../images/nav_bg.png);
	border-bottom:5px solid #3aaeae;
}
nav > ul{
	display:flex;
}
/*後から追記*/
nav li li{
	text-align:center;
	line-height:60px;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	margin-top:1px;
}
nav ul ul {
	position:absolute;
	display:none;
}
/*後から追記*/

nav ul li{
	width:160px;
	height:60px;
}
nav ul li a{
	display:block;
	width:100%;
	height:100%;
	font-size:0;
	line-height:0;
	color:transparent;
}

nav ul .home a{
	background-image:url(../images/nav.png);
	background-position:0px 0px;
}
nav ul .topics a{
	background-image:url(../images/nav.png);
	background-position:-160px 0px;
}
nav ul .service a{
	background-image:url(../images/nav.png);
	background-position:-320px 0px;
}
nav ul .works a{
	background-image:url(../images/nav.png);
	background-position:-480px 0px;
}
nav ul .company a{
	background-image:url(../images/nav.png);
	background-position:-640px 0px;
}
nav ul .contact a{
	background-image:url(../images/nav.png);
	background-position:-800px 0px;
}
/*-----------*/
/*---hover---*/
/*-----------*/
nav ul .home a:hover{
	background-image:url(../images/nav.png);
	background-position:0px -60px;
}
nav ul .topics a:hover{
	background-image:url(../images/nav.png);
	background-position:-160px -60px;
}
nav ul .service a:hover{
	background-image:url(../images/nav.png);
	background-position:-320px -60px;
}
nav ul .works a:hover{
	background-image:url(../images/nav.png);
	background-position:-480px -60px;
}
nav ul .company a:hover{
	background-image:url(../images/nav.png);
	background-position:-640px -60px;
}
nav ul .contact a:hover{
	background-image:url(../images/nav.png);
	background-position:-800px -60px;
}
/*----------*/
/*---main---*/
/*----------*/
main{
	padding-top:60px;
}
main .content{
	display:flex;
	background-color:#fff;
	justify-content:space-between;
	padding:30px 30px 20px;
	margin-bottom:25px;
	box-shadow:0 0 5px 2px rgba(0,0,0,.2);
}
main .content_title{
	padding-top:5px;
}
main .content h1{
	margin-bottom:10px;
}
main .content h2{
	font-size:14px;
	padding-bottom:20px;
	border-bottom:3px solid #6cc;
	margin-bottom:15px;
}
main .content_item{
	width:685px;
	display:flex;
	justify-content:space-between;
	padding-top:10px;
}
main .box{
	width:217px;/*border分領域が小さくなったため215pxから変更*/
	padding:10px;
	box-sizing:border-box;
	border:1px solid #eaeaea;
	background:linear-gradient(#fff 80%,#f0f0f0);
	/*コンテンツが増えた時にずれなくするため*/
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
main .box h3{
	font-size:12.5px;
	padding-top:15px;
	margin-bottom:10px;
	color:#6cc;
}
main .box p{
	font-size:11px;
}
main .box .link{
	padding-top:15px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
}
main .box .link a{
	color:#6cc;
	font-size:11px;
	text-decoration:none;
}
main .box .link a::before{
	content:"≫";
	padding-right:5px;
}
main .content_info{
	padding-bottom:10px
}
main .content_info dl{
	width:685px;
	background-color:#fafafa;
	padding:3px 15px;
	box-sizing:border-box;
	font-size:11px;
	line-height:30px;
}
main .content_info dt{
	float:left;
	clear:both;
	width:80px;
}
/*-----------*/
/*---totop---*/
/*-----------*/
.totop{
	text-align:right;
	padding-top:15px;
	margin-bottom:40px;
	
}
/*------------*/
/*---footer---*/
/*------------*/
footer{
	background-image:url(../images/footer_bg.png);
	background-repeat:repeat-x;
	background-color:#000;
	color:#fff;
}
footer .f_content{
	padding-top:35px;
	display:flex;
	justify-content:space-between;
	margin-bottom:45px;
}
footer .f_nav{
	display:flex;
}
footer .f_nav>li{
	margin-right:30px;
	border-left:1px solid #333;
	padding-left:15px;
	font-weight:bold;
}
footer .f_nav li{
	font-size:11px;
}
footer .f_nav ul{
	padding-top:20px;
}
footer .f_nav ul li{
	font-weight:normal;
	line-height:16px;
}
footer .copy{
	line-height:25px;
	background-color:#333;
}
footer .copy small{
	display:block;
	color:#adadad;
}