@charset "utf-8";


#top-contents{
	padding-top: 0;
}/* トップページ */

#top-main .content-area01{
	height: 720px;
	width: 100%;
	margin: 0 auto;
	background: url(img/top/img_topmain.jpg) no-repeat center bottom;
	text-align: center;
	background-size: cover;
}
#top-main h1{
	color:#fff;
	font-size:4.4rem;
	width:100%;
	letter-spacing:0.4rem;
}
#top-main a.btn-arrows01{/*白*/
	margin:40px auto;
	width:240px;
	padding:1.6rem 0;
	color:#fff;
	font-size:1.6rem;
	text-decoration:none;
	border:2px solid #fff;
	display:block;
	background:url(img/common/icon_arrows01.png ) no-repeat right 10px center;
}
#top-main a.btn-arrows01:hover{
	border:2px solid #01579b;
	background-color:#01579b;
}

#solution-area{/* 事業目的・手法別実例検索 */
	text-align:center;
	width:100%;
	padding:0rem 0 2rem;
	background: #01579b;
	color: #fff;
}


#service-area{/* 私たちのサービス */
	text-align:center;
	width:100%;
	background:#edf0f5;
	padding:0rem 0 3rem;
}
#service-area figure{
	padding:5rem 0;
}
#service-area figure img{
	width : calc(1070px * 0.8);
}
#illustration-area01 .flex{
	flex-wrap:wrap;
	width: 1160px;
	margin: auto;
}
#illustration-area01 section{
	text-align:center;
	width:33%;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#illustration-area01 section:nth-child(3n){
	border-right:none;
	border-bottom:1px solid #e5e5e5;
}
#illustration-area01 section:nth-child(n+7){
	border-bottom:none;
}
#illustration-area01 section h3,
#illustration-area02 section h3{
	font-size: 1.7rem;
	letter-spacing:0.2rem;
	padding:3.6rem 3rem 2rem;
}
#illustration-area02 section h3{
	font-size:2rem;
	letter-spacing:0.2rem;
	padding:3.6rem 5rem 2rem;
}
#illustration-area01 section p,
#illustration-area02 section p{
	font-size: 1.6rem;
	padding:0 4rem;
	text-align: left;
	min-height:9.2rem;
}
#illustration-area02 section p{
	padding:0 5rem;
	text-align: left;
	min-height:9.2rem;
}
#illustration-area01 section a,
#illustration-area02 section a{
	color:#263238;
	text-decoration:none;
}
#illustration-area01 section a:hover,
#illustration-area02 section a:hover{
	color: #4699b3;
}
#illustration-area01 section figure img,
#illustration-area02 section figure img{
	width:100%;
}

#illustration-area01 a .btn-arrows02{/*青*/
	margin:36px auto;
	width:200px;
	padding:12px 0;
	color:#4181b4;
	font-size:14px;
	text-decoration:none;
	border:1px solid #01579b;
	display:block;
	background:url(img/common/icon_arrows02.png ) no-repeat right 18px center;
}
#illustration-area01 a:hover span.btn-arrows02{
	background:#01579b;
	color:#fff;
	text-decoration:none;
}

#illustration-area02{
	text-align:center;
	width:100%;
	background:#eef4e8;
	padding:0rem 0 5.5rem;
	border-top:1px solid #e5e5e5;
}
#illustration-area02 h2{
	font-size:3.2rem;
	color:#86b656;
}
#illustration-area02 h2 span{
	font-size:2.0rem;
}
#illustration-area02 .flex{
	justify-content: center;
}
#illustration-area02 .flex section{
	width:426px;
	background:#fff;
	border-right:1px solid #e5e5e5;
}
#illustration-area02 section:last-child{
	border-right:none;
}

#illustration-area02 a span.btn-arrows02{/*黄緑*/
	margin:36px auto;
	width:200px;
	padding:1.2rem 0;
	color:#78b041;
	font-size:1.4rem;
	text-decoration:none;
	border:1px solid #78b041;
	display:block;
}
#illustration-area02 a:hover span.btn-arrows02{
	background:#78b041;
	color:#fff;
	text-decoration:none;
}

#news-area{
	width:100%;
	background:#f7f7f7;
	padding:8.5rem 0 6rem;
}
#news-area h2{
	font-size:2.0rem;
	width:300px;
	padding-left:160px;
}
#news-area ul{
	padding: 0;
	margin: 0 108px 0 0;
	width:752px;
	border-top:1px solid #dbdbdb;
}
#news-area ul li{
	font-size:1.6rem;
	margin-left:150px;
	border-bottom:1px dotted #dbdbdb;
}

#news-area ul li a{
	padding:2rem;
	display:flex;
	color:#263238;
	text-decoration:none;
}
#news-area ul li a:hover{
	color: #01579b;
	background: #e1eaf5;
	text-decoration: none;
}
#news-area ul.newslist li a div {
	width: 30%;
}
.newslist li a p {
	width:75%;
	align-items: start;
}
.newslist li span.label-press,
.newslist li span.label-news{
	margin-top: 0.5rem;
	padding: 0.5rem;
	font-size:1.2rem;
	color:#fff;
	width:120px;
	display:inline-block;
	text-align:center;
}
.newslist li span.label-press{
	background-color:#0066cb;
}
.newslist li span.label-news{
	background-color:#9bcd37;
}
.newslist li p span.pdf-style {
    background-image: url(img/common/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6rem;
    padding-left: 28px;
}
/* 時間の設定 */
.newslist li time {
  vertical-align: top;
    color: #01579b;
}
#news-area .news-btn{
	text-decoration:none;
	display: block;
    text-align: center;
    width: 100%;
}

#news-area a .btn-arrows02{/*青*/
	margin:48px auto 0;
	width:240px;
	padding:12px 0;
	color:#4181b4;
	font-size:14px;
	text-decoration:none;
	border:1px solid #01579b;
	display:block;
	background:url(img/common/icon_arrows02.png ) no-repeat right 18px center;
}
#news-area a:hover span.btn-arrows02{
	background:#01579b;
	color:#fff;
	text-decoration:none;
}

/* 
2020/05/25
トップページにバナーを追加する。
2020/06/26
トップページにもう一つバナーを追加。
 */
.bnr-area {
	padding: 2rem;
}
.bnr-area p:not(:last-child) {
	margin-bottom: 2rem;
}
.bnr-area p{
	margin: 0 auto;
	width: 1000px;
}

/* 
2020/08/03
トップページにもう一つバナーを追加。
 */
.bnr-area.bnr-btm{
	padding: 0 0 6rem;
}