/* CSS Document */

#sk-footer1 {
	background-color: #e7faff;
	display: flex;
}
#sk-footer2 {
	background-color: #2050A1;
	display: flex;
	color: #fff;
	font-size:80%;
}

div.footer_contents {padding:1em;width: 33%;}


#sk-footer1 div.t_title {
	text-align: center;
	font-weight: bold;
	color: #284b7e;
	font-size: 120%;
	margin-top:1em; 
}
/*上部フッター*/
#sk-footer1 div.flex{
  /*padding: 2.5% 0;*/
display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#sk-footer1 div.flex img {width:90px;height:90px}

#sk-footer1 table,
#sk-footer1 table th, #sk-footer1 td
{	border: 1px solid #c6dff2;}


#sk-footer1 table {
	border-collapse: collapse;
	width: 100%;
	margin: 10px auto;
}
#sk-footer1 table th { background-color: #DFEFFA; padding: 0.5em}
#sk-footer1 table td { background-color: #fff; padding: 0.5em}

#sk-footer1 div.t_title span{font-size: 70%;}



p.f_detail {
	text-align: right; padding-right:1em;
	
}
p.f_detail:before {
content: "\f35a";
font-family: "Font Awesome 5 Free"; /*Font Awesome 5 Freeの指定*/
	font-weight: 400;
	padding-right: 10px;
}


/*下部フッター*/
#sk-footer2 a,#sk-footer2 a:visited
{color: #fff; text-decoration: none;}
#sk-footer2 a:hover {color:darkgray;}

#sk-footer2 div.t_title {
	background-color:#284B7E;
	text-align: center;
}
.sk-sns i{ margin: 0.2em 1em 0 0;}
.cc2 {column-count:2;}


@media (max-width: 519px) {
	#sk-footer1 {display: block;}
	#sk-footer2{display: block;}
	div.footer_contents {width: 90%;}
	.cc2 {column-count:1;}
	
	
}