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

/*-----［ サブページ共通］-----*/
h1, h2{
	color:#FFF;
}
/* パンくずリスト */
.m-list-topicpath ul li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  color:#999;
}
.m-list-topicpath {
  padding-left:0;
  margin-left:0;
}
.m-list-topicpath ul li:after {/* >を表示*/
  content: '>';
  padding: 0 3px;
  color:#999;
}
.m-list-topicpath ul li:last-child:after {
  content: '';
}
.m-list-topicpath li a {
  text-decoration: none;
	color:#999;
}
.m-list-topicpath li a:hover {
  text-decoration: underline;
}
/*--［/ パンくずリスト］--*/		
.m-txt-title{
	background: linear-gradient(-135deg, #0065cb, #212b9e);
	padding:10px;
	margin:2px 0;
	}	
.m-txt-subtitle{
	color:#FFF;
}			
article{
	max-width:900px;	
	margin:0 auto;
	padding:10px;
}
.contents_title{
	color:#333;
	font-size:1.8em;
    border-left: 8px solid #133890;
    margin: 20px 0;
	padding:10px;
}	
.contents_caption{
	color:#39F;
	font-size:1.6em;
}	
	
.contents_txt{
	margin:10px 0 20px 0;
	line-height:2.5em;
}	
/*-----［/ サブページ共通］-----*/
.column-icon{
	margin:10px auto;
	
	}	
.column_txt{
	color:#FFF;
	line-height:1.6em;
	margin-bottom:10px;
}
.column_txt4{
	color:#FFF;
	line-height:1.5em;
	margin-bottom:10px;
}
.m-box-container{
	padding:0 0 40px 0;
}

/*横幅768px以下の場合発令！＝モバイルの祭に適用*/
@media screen and (max-width: 768px){
	.pcbr{
		display:none;
	}
	.txt_right{
		display:block;
		text-align:right;}
	.title{
		margin:10px}
		
	.column1{
		margin:10px 0;
		padding:10px 10px 10px 15px;
		background: #f47e7e;	
		border-bottom: solid 6px #f05e5e;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    	border-radius: 9px;

	}
	.column2{
		margin:10px 0;
		padding:10px 10px 10px 15px;
		background-color:#ff9966;
		border-bottom: solid 6px #f2915c;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    	border-radius: 9px;		
	}
	.column3{
		margin:10px 0;
		padding:10px 10px 10px 15px;
		background-color:#cc99cc;
		border-bottom: solid 6px #d360bb;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    	border-radius: 9px;		
	}
	.column4{
		margin:10px 0;
		padding:10px 10px 10px 15px;
		background-color:#3399cc;
		border-bottom: solid 6px #206dc5;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    	border-radius: 9px;		
	}
	.column5{
		margin:10px 0;
		padding:10px 10px 10px 15px;
		background-color:#4dc577;
		border-bottom: solid 6px #19b851;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    	border-radius: 9px;		
	}			
}
/*横幅768px以上の場合発令！＝PCの祭に適用*/
@media screen and (min-width: 768px){
	body{
	min-width: 960px;
	}	
	.m-box-container{
		background-image: url(../../image/business/main_bg.jpg);
		background-size:920px auto;
		background-repeat:no-repeat;
	}			
	.title{
		/*margin-bottom:70px;*/
		}
	.column_txt4{
		color:#FFF;
		line-height:1.2em;
		margin-bottom:10px;
	}	
	.top{
		overflow:hidden;
	}
	.column1{
		float:left;
		text-align:center;
		margin:40px 0 0 100px;

		}
	.column2{
		float:right;
		text-align:center;
		margin:40px 20px 0 0;
	}		
	.bottom{
		display:flex;
	}
	.column3{
		float:left;
		text-align:center;
		margin:110px 0 0 25px;
		flex:0 0 260px;
	}
	.column4{
		float:left;
		text-align:center;
		margin:360px 0 0 0;
		flex:1 1 auto;
	}
	.column5{
		float:right;
		text-align:center;
		margin:110px 0 0 0;
		flex:0 0 260px;
	}
	
	
}