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


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

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

/* ▼　メイン　▼ */
#main_img{
	background-image:url(../images/3minutes/3minute-main-img.jpg);
}

#sec_01{
	text-align:center;
}

#sec_01 img{
	padding-bottom:40px;
}

#sec_01 p{
	text-align:left;
}

#sec_02{}

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

#sec_02 h4{
	background-color:#116434;
	font-size:1.54em;
	font-weight:bold;
	color:#fff;
	padding:20px;
	display:inline-block;
}

#sec_02 img{
	width:100%;
	margin-bottom:1em;
}

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

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

#sec_03{}

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

#sec_03 h4{
	background-color:#116434;
	font-size:1.54em;
	font-weight:bold;
	color:#fff;
	padding:20px;
	display:inline-block;
}

#sec_03 img{
	width:100%;
	margin-bottom:1em;
}

#sec_03 .area_cnt{
	margin-left:20px;
	margin-right:20px;
}

#sec_03 .area_cnt:first-child{
	margin-left:0px;
}

#sec_03 .area_cnt:last-child{
	margin-right:0px;
}

#sec_04{}


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

#sec_04_add{}

#sec_04_add .sec_header{
	background-color:#fff;
	padding:0;
}

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

#sec_04_add h4{
	background-color:#116434;
	font-size:1.54em;
	font-weight:bold;
	color:#fff;
	padding:20px;
	display:inline-block;
}

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

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

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

#sec_05 img{
	width:100%;
	margin-top:40px;
}


#sec_06 .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_06_intro{
	text-align:center;
	margin-bottom:20px;
}

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


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


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

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


/* ▲　メイン　▲ */

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

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

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

/*===============================================
●smart.css  画面の横幅が1000pxまで
===============================================*/
@media screen and (max-width:1000px){
		
		#sec_06 .content_wide{
			display:block;
		}
		
		#sec_06 .area_cnt{
			margin-bottom:40px;
		}
		
		#sec_06 .area_cnt:first-child{
			margin-right:0px;
		}
		
		#sec_06 .area_cnt:last-child{
			margin-left:0px;
		}

}

/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:800px){
	/* ▼　ヘッダ　▼ */
	/* ▲　ヘッダ　▲ */
			
	/* ▼　ナビゲーション　▼ */
	/* ▲　ナビゲーション　▲ */
	
	/* ▼　メイン　▼ */
		#sec_02 .content{
			display:block;
		}
		
		#sec_02 .area_cnt:first-child{
			margin-right:0px;
			margin-bottom:40px;
		}
		
		#sec_02 .area_cnt:last-child{
			margin-left:0px;
		}
		
		#sec_03 .content_wide{
			display:block;
		}
		
		#sec_03 .area_cnt{
			margin-left:0px;
			margin-right:0px;
			margin-bottom:40px;
		}
		
		#sec_03 .area_cnt:last-child{
			margin-bottom:0px;
		}

		#sec_04_add .content_wide{
			display:block;
		}
		
		#sec_04_add .area_cnt:first-child{
			margin-right:0px;
			margin-bottom:40px;
		}
		
		#sec_04_add .area_cnt:last-child{
			margin-left:0px;
		}

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


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

#sec_04_add img {
	float:none;
	margin:0 auto 20px;
	display:block;
}

#sec_06 .area_cnt{
	text-align:center;
}

#sec_06 .area_cnt img{
	float:none;
}

}