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


.heading02{
	background-image:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../images/head_walfare.jpg);
	background-position:50% 90%;
}



/*ページ内リンク*/

@media(min-width:768px){
	/* 大きい画面 */
	.nav02 ul li{
		width:50%;
	}
}

@media(max-width:1000px){
	/* 小さい画面 */
	.nav02 ul li{
		width:50%;
	}
}

@media(max-width:500px){
	/* 小さい画面 */
	.nav02 ul li{
		width:100%;
	}
}

@media(max-width:1000px){
	/* 小さい画面 */
	.nav02 ul li a{
		border-bottom:1px solid #005D25;
	}
	
	.nav02 ul li:nth-child(3) a,
	.nav02 ul li:last-child a{
		border-bottom:none;
	}
}

@media(max-width:500px){
	/* 小さい画面 */
	.nav02 ul li:nth-of-type(odd){
		background:#018D38;
	}
	
	.nav02 ul li a{
		border:none;
	}
}

/*ページ内リンク アイコン部分*/
.nav02 ul li a span.fas{
	margin-right:10px;
	opacity:0.35;
	font-size:1.05em;
}

.nav02 ul li a span.fa-hands{
	font-size:0.9em;
}

.nav02 ul li a span.fa-cogs{
	font-size:0.9em;
}

.nav02 ul li a span.fa-briefcase{
	font-size:0.95em;
}



div.blocks{
	/*display:flex;
	flex-wrap:wrap;*/
}

div.blocks{
	margin-top:40px
}

div.blocks div.block{
	margin-bottom:48px;
	/*width:50%;*/
}

div.blocks h4{
	font-size:17px;
	opacity:0.8;
	border-left:5px solid #348c51;
	padding:15px;
	letter-spacing:0.15em;
	background:#F9F9F9;
	
	margin-bottom:32px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

/* 各サービス　各ブロック　見出し以下 */
.block div.block_innner{
	/*background:#F9F9F9;*/
	padding:0 10px;
	box-sizing:border-box;
}

@media(min-width: 768px){
	.block div.block_innner{
	padding-left: 24px;
 }
}

.block div.block_innner p{
	font-size:15px;
	line-height:1.8;
	opacity:0.8;
	letter-spacing:0.025em;
}


/* 各サービス　各ブロック　見出し以下　リスト */
div.blocks ul{
	/*box-sizing:border-box;
	padding:25px;
	background:#F9F9F9;
	margin-top:20px;
	border-radius:4px;*/
}

div.blocks ul li{
	font-size:13.5px;
	opacity:0.75;
	line-height:1.8;
	list-style:disc;
	list-style-position:inside;
	margin-bottom:10px;
	font-weight:bold;
}

div.blocks ul li:last-child{
	margin-bottom:0;
}

/* 12/04 */
/* 社内環境 */
#section02 .block div.block_innner{
	display: flex;
}

#section02 .block div.block_innner .environment_image {
	width: 320px;
    margin-right: 56px;
}

#section02 .block div.block_innner .text_side{
	width: 60%;
}

@media(max-width:768px){
	#section02 .block div.block_innner{
		display: block;
	}
	#section02 .block div.block_innner .environment_image{
		margin: auto;
		margin-bottom: 32px;
		max-width: 320px;
		width: 100%;
		text-align: center;
	}
	#section02 .block div.block_innner .text_side{
		width: 100%;
	}
}