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


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

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

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

#sec_01{}

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

#sec_01 .link_btn{
	margin-top:1em;
}

#sec_01 .link_btn span{
	font-size:1.87em;
}

#sec_02{}

#sec_02 .content{
	margin-bottom:40px;
}

#sec_02 h4{
	background-color:#1C4877;
	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{
	width:46%;
}

#sec_03{}

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

#sec_03 h4{
	background-color:#1C4877;
	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 h4{
	font-size: 2.154em;
}

#sec_04 h5{
	font-size: 2.154em;
	padding:2em 0 10px;
	margin-bottom: 1em;
	color: #907765;
	border-bottom: 1px solid #907765;
}

#sec_04 h5 span{
	font-size:1.786em;
}

#sec_04 table{
	margin-bottom: 2em;
}

#sec_04 table th,
#sec_04 table td{
	padding-bottom: 1em;
}

#sec_04 table th{
	width:6em;
	vertical-align: top;
	font-weight: normal;
}

#sec_04 p{
	line-height: 1.5;
}

#sec_05 img{
	margin-top:3em;
}

#sec_06 .blk_header {
    background-color: #F3F4F5;
    text-align: center;
    padding: 40px 0;
    position: relative;
    margin-bottom: 60px;
}

#sec_06 .blk_header h4{
	font-size: 2.154em;
    /*font-weight: bold;*/
    line-height: 1.2;
	padding:20px;
	position:relative;
}

#sec_06 .blk_header h4:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0px;/*線の上下位置*/
  display: inline-block;
  width: 170px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color:#fff;/*線の色*/
  /*border-radius: 2px;*//*線の丸み*/
}

#sec_06 .blk_header:first-child h4:before {
	background-color:#907765;/*線の色*/
}

#sec_06 h5{
	font-size: 1.54em;
	border:1px solid #907765;
	border-radius:10px;
	padding:1em;
	margin:2em 0;
	position: relative;
}

#sec_06 h5:after{
	content: "";
    bottom: -19px;
    left: calc(50% - 18px);
    width: 36px;
    height: 20px;
    background-image: url(../images/3minutes/3minute-sec_06_arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}


/* ▲　メイン　▲ */

/* ▼　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){
	/* ▼　ヘッダ　▼ */
	/* ▲　ヘッダ　▲ */
			
	/* ▼　ナビゲーション　▼ */
	/* ▲　ナビゲーション　▲ */
	
	/* ▼　メイン　▼ */
		#sec_02 .flex_around{
			display:block;
		}
		
		#sec_02 .area_cnt{
			width:100%;
			margin-bottom:40px;
		}

		
		#sec_03 .flex_around{
			display:block;
		}
		
		#sec_03 .area_cnt{
			margin-left:0px;
			margin-right:0px;
			margin-bottom:40px;
		}
		
		#sec_03 .area_cnt:last-child{
			margin-bottom:0px;
		}

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


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

}