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


/* ▼　スマホメニュー　▼ */
/* ▲　スマホメニュー　▲ */

/* ▼　ヘッダ　▼ */
/* ▲　ヘッダ　▲ */
		
/* ▼　ナビゲーション　▼ */
/* ▲　ナビゲーション　▲ */

/* ▼　メイン　▼ */
#sec_topslider img{
	width:100%;
}

#sec_topslider .bx-controls {
    background: url(../images/top/top-topslider-bk.png) no-repeat center bottom;
	background-size:38% auto;
    height: 100%;
    bottom: 0px;
    position: absolute;
    left: 0%;
    right: 0%;
}

#sec_topslider .bx-wrapper .bx-pager {
    position: absolute;
    left: 0;
    right: 0;
    bottom:2%;
}

#page_ttl .area_cnt{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.cnt_3min{
	max-width:40%;
	display:inline-block;
	margin:30px 30px;
	position:relative;
	padding:30px 30px 30px 0;
	background-size:cover;
	background-position:right top;
	text-align:left;
}

.cnt_3min:nth-child(odd){
	margin-left:60px;
}

.cnt_3min .blk_num{
	position:absolute;
	top:-30px;
	left:-30px;
	display:inline-block;
	border:2px solid #116434;
	font-size:2.3em;
	font-weight:700;
	color:#116434;
	padding:20px 0.2em 20px 0.5em;
}

.cnt_3min .blk_txt{
	width:72%;
	background-color: rgba(255,255,255,0.9);
	padding:30px;
}

.cnt_3min .blk_txt h4{
	font-size:1.92em;
	font-weight:bold;
	margin-bottom:20px;
	line-height:1.2;
}

#page_ttl{
	margin-bottom:0 !important;
	padding-bottom:100px !important;
	position:relative;
}

#page_ttl #con01{
	background-image:url(../images/top/top-page_ttl-con01-bk.jpg);
}

#page_ttl #con02{
	background-image:url(../images/top/top-page_ttl-con02-bk.jpg);
}

#page_ttl #con03{
	background-image:url(../images/top/top-page_ttl-con03-bk.jpg);
}

#page_ttl #con04{
	background-image:url(../images/top/top-page_ttl-con04-bk.jpg);
}

#page_ttl #con05{
	background-image:url(../images/top/top-page_ttl-con05-bk.jpg);
}

#page_ttl #con06{
	background-image:url(../images/top/top-page_ttl-con06-bk.jpg);
}

#top .sec_header h3::before {
  	height: 0;
}

#top .sec_header h3 {
	padding: 0;
	margin-top:-45px;
}

.sec_header h4 {
	font-size: 1.54em;
	font-weight:bold;
	margin-bottom: 6px;
}

.sec_header_arrow {
	display: block;
	margin: 0 auto;
	max-width: 350px;
	width: 30%;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

#top .sec_header{
	margin-bottom:0;
}

#sec_works_header{
	background-color:#f4f4f4 !important;
}

#top .section{
	margin-bottom:0;
	padding-bottom:100px;
}

#sec_works{
	background-color:#f4f4f4;
	position:relative;
}

#sec_works .area_cnt{
	background-color:#fff;
	margin-bottom:40px;
}

#sec_works .area_cnt img{
	width:47.5%;
	height:auto;
}

#sec_works .area_cnt:nth-child(odd) img{
	float:left;
	margin-right:2.5%;
}

#sec_works .area_cnt:nth-child(even) img{
	float:right;
	margin-left:2.5%;
}


#sec_works .area_cnt .blk_txt{
	padding:2.5%;

}

#sec_works .area_cnt h5{
	font-size:1.54em;
	font-weight:bold;
	margin-top:3.5%;
	margin-bottom:20px;
}

#sec_works .area_cnt p{
	margin-bottom:20px;
}

	
#sec_works .area_cnt a{
	display:inline-block;
	background-color:#116434;
	font-size:1.54em;
	color:#fff;
	width:210px;
	text-align:center;
	padding:10px;
	-moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 5px;/*角丸指定*/
	border-radius: 5px;/*角丸指定*/
	float:right;
	margin-bottom:3%;
}

#sec_staff_header{
	background-color:#fff !important;
}

#sec_staff .content_wide{
	display: flex;
	display: -webkit-flex; /* Safari */
	justify-content: space-around;
	-webkit-justify-content: space-around; /* Safari */
	margin-bottom:40px;
	margin-top:40px;
}

#sec_staff .area_cnt{
	min-height:146px;
}

#sec_staff .area_cnt img{
	margin-right:1em;
	float:left;
	-moz-border-radius: 50%;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 50%;/*角丸指定*/
	border-radius: 50%;/*角丸指定*/	
	width:146px;
	height:auto;
}

#sec_staff .area_cnt h4{
	display:inline-block;
	font-size:1.54em;
	font-weight:bold;
	padding-top:2.5em;
}


#sec_staff .area_cnt:first-child{
	margin-right:20px;
}

#sec_staff .area_cnt:last-child{
	margin-left:20px;
}

	
#top #sec_slide .sec_header h3{
	margin-top:0px;
}
	
/* ▲　メイン　▲ */

/* ▼　rss　▼ */
/* ▲　rss　▲ */	

	
/* ▼　フッタ　▼ */
/* ▲　フッタ　▲ */

/*===============================================
●smart.css  画面の横幅が1001pxから
===============================================*/
@media screen and (min-width:1001px){
}

/*===============================================
●smart.css  画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width:1000px){
		

}

/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:800px){
	/* ▼　ヘッダ　▼ */
	/* ▲　ヘッダ　▲ */
			
	/* ▼　ナビゲーション　▼ */
	/* ▲　ナビゲーション　▲ */
	
	/* ▼　メイン　▼ */
	.cnt_3min{
		max-width:100%;
		margin-right:5%;
		margin-left:10%;
	}
	
	.cnt_3min:nth-child(odd){
		margin-left:10%;
	}
	
	.cnt_3min .blk_txt h4{
		font-size:1.54em;
	}
	
	#sec_staff .content_wide{
		display:block;
	}
	
	#sec_staff .area_cnt{
		margin-bottom:40px;
	}
	
	#sec_staff .area_cnt:first-child{
		margin-right:0px;
	}
	
	#sec_staff .area_cnt:last-child{
		margin-left:0px;
	}

	/* ▲　メイン　▲ */
			
	/* ▼　rss　▼ */
	/* ▲　rss　▲ */	
	
		
	/* ▼　フッタ　▼ */
	/* ▲　フッタ　▲ */	
}


/*===============================================
●smart.css  画面の横幅が460pxまで
===============================================*/
@media screen and (max-width:500px){

	#sec_topslider .bx-pager a {
		width: 10px;
		height: 10px;
		margin: 0 2px;
	}
	
	.sec_header_arrow {
		width: 50%;
	}
	
	#sec_works .area_cnt img{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	#sec_staff .area_cnt{
		text-align:center;
	}
	
	#sec_staff .area_cnt img{
		float:none;
	}

}