@charset "utf-8";


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

#top-main .content-area01{
	height:360px;
	width:100%;
	background:url(img/top/img_topmain.jpg) no-repeat center top;
	background-size:cover;
}
#top-main h1{
	font-size:2.0rem;
	letter-spacing:0;
}

#top-main a.btn-arrows01{/*白*/
	margin:20px auto;
	width:160px;
	padding:8px 0;
	font-size:1.2rem;
	background:url(img/common/icon_arrows01.png ) no-repeat right 10px center;
}


#solution-area{/* 事業目的・手法別実例検索 */
	padding:0rem 0rem 2rem;
}
#service-area{/* 私たちのサービス */
	padding:0rem 0rem 3rem;
}
#service-area figure{
	padding:1.5rem 0 0;
}
#service-area figure img{
	width:80%;
}

#illustration-area01 section{
	text-align:center;
	width:50%;
	border-right:1px solid #e5e5e5;
	border-bottom:none;
}
#illustration-area01 section:nth-child(3n){
	border-right:1px solid #e5e5e5;
}
#illustration-area01 section:nth-child(2n){
	border-right:none;
	border-bottom:none;
}
#illustration-area01 section h3,
#illustration-area02 section h3{
	font-size:3vw;
	letter-spacing:0;
	padding:1.3rem 1vw 1rem;
}
#illustration-area01 section p,
#illustration-area02 section p{
	padding:0 1vw;
	min-height:auto;
	font-size: 3vw;
}
#illustration-area01 a span.btn-arrows02{/*青*/
	margin:20px auto;
	width:120px;
	padding:0.8rem 0;
	font-size:1.0rem;
	background:none;
}


#illustration-area02{
	padding:0;
	border-top:1px solid #e5e5e5;
}
#illustration-area02 h2{
	font-size:1.6rem;
}
#illustration-area02 h2 span{
	font-size:1.2rem;
}
#illustration-area02 .flex section{
	width:50%;
}

#illustration-area02 a span.btn-arrows02{/*黄緑*/
	margin:20px auto;
	width:120px;
	padding:0.8rem 0;
	font-size:1rem;
}
#news-area{
	padding:4rem 0 3rem;
}
#news-area h2{
	background:#f7f7f7;
	font-size:1.4rem;
	padding-right:1rem;
	padding-left:1rem;
}
#news-area ul{
	margin-left:1rem;
	margin-right:1rem;
	width:100%;
	border-top:1px solid #dbdbdb;
}
#news-area ul li{
	display:block;
	font-size:1.2rem;
	margin-left:0;
}
#news-area ul li a{
	padding:1.2rem;
	display:block;
	width:100%;
}
#news-area ul.newslist li a div {
	width: 100%;
	display:flex;
}
.newslist li a p {
	width:100%;
	align-items: start;
}
.newslist li span.label-press,
.newslist li span.label-news{
	margin: 0 0.5rem 0.5rem;
	padding: 0.25rem 1rem;
	width:auto;
	font-size:1.0rem;
	display:inline-block;
	text-align:center;
}

#news-area a span.btn-arrows02{/*青*/
	margin: 30px auto 0;
	width:160px;
	padding:0.8rem 0;
	font-size:1.0rem;
	background:none;
}

.flex{
	width: 100%;
}
#illustration-area01 .flex {
	width: 100%;
}
/* 
2020/06/26
バナーのcssを調整。
 */

.bnr-area p{
	margin: 0 auto;
	width: 100%;
}
/* 
2020/08/03
バナーのcssを調整。
 */
.bnr-area.bnr-btm{
	padding: 1rem 1rem 3rem;
}