@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%;
}


.cnt_3min{
	width:40%;
	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 #1C4877;
	background-color: rgba(255,255,255,0.8);
	font-size:2.3em;
	font-weight:700;
	color:#1C4877;
	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.846em;
	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_arrow {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}

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

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

.sec_gray{
	background-color:#F3F4F5;
	position:relative;
}

.sec_white_header{
	background-color:#fff !important;
}

.sec_white{
	position:relative;
}

#top .section .area_cnt{
	margin-bottom: 30px;
}

#sec_blog .content_wide{
	margin-bottom:40px;
}

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

#sec_blog .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_blog .area_cnt h4{
	display:inline-block;
	font-size:1.54em;
	font-weight:bold;
	padding-top:2.5em;
}

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


/* ▼ SNS追加 ▼ */
.sns-link img{
  margin-top: 5px;
  margin-right: 30px;
  margin-bottom: 50px;
  margin-left: 20px;
}
/* ▲ SNS追加 ▲ */

/* ▼ バナースペース追加 ▼ */
.bannerspace img{
	margin-bottom: 40px;
}
/* ▲  バナースペース追加 ▲ */


/* ▼　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){
	/* ▼　ヘッダ　▼ */
	/* ▲　ヘッダ　▲ */
			
	/* ▼　ナビゲーション　▼ */
	/* ▲　ナビゲーション　▲ */
	
	/* ▼　メイン　▼ */
	#page_ttl .flex_around{
		display: block;
	}
	.cnt_3min{
		width:85%;
		margin-right:5%;
		margin-left:10%;
		margin-bottom: 60px;
	}
	
	.cnt_3min:nth-child(odd){
		margin-left:10%;
	}
	
	.cnt_3min .blk_txt h4{
		font-size:1.54em;
	}
	
	#sec_blog .flex_around{
		display:block;
	}
	
	#sec_blog .area_cnt{
		width:100%;
		margin-bottom:40px;
	}

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


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

	#sec_topslider .bx-pager a {
		width: 10px;
		height: 10px;
		margin: 0 2px;
	}



}