@charset "UTF-8";
/* CSS Document */
@media (max-width:769px){
	.container{
		width: 100%;
	}
	.container2{
		width: 100%;
	}
	.container3{
		width: 100%;
	}


.topimage_typeA{
	height: 200px;
	width: 100%;
	background: #c3c3c3;
}

#header_sp_typeA{
	background:#07073a;
	text-align: center;
	padding: 20px 0;
}
#header_sp_nav_typeA{
	text-align: center;
}
#header_sp_nav_typeA ul li{
	text-decoration: none;
	border: 1px solid #fff;
	display: block;
	padding: 5px 0;
	margin-bottom: 5px;
}
#header_sp_nav_typeA ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
}
#header_sp_nav_typeA ul li a:hover{
	opacity: 0.6;
}

.box_type001{
	background-image: url(../images/back2.png);
	background-repeat: repeat;
	width: 100%;
	height:auto;
	padding-top: 20px;
	color: #fff;
	font-family: serif;
	font-size: 14px;
	text-align: left;
	padding-bottom: 20px;
}

/*-------------------footer
---------------------------*/
footer{
	width: 90%;
	height: auto;
	background-color: #333;
	color: #fff;
	padding: 5%;
}

	/*-------------------カラム共通
	---------------------------*/
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{float: left;width: 100%;}
	/*-------------------カラム共通
	---------------------------*/
	.col1_sp{width: 8.3333333%;}
	.col2_sp{width: 16.6666667%;}
	.col3_sp{width: 25%;}
	.col4_sp{width: 33.3333333%;}
	.col5_sp{width: 41.6666667%;}
	.col6_sp{width: 50%;}
	.col7_sp{width: 58.3333333%;}
	.col8_sp{width: 66.6666667%;}
	.col9_sp{width: 75%;}
	.col10_sp{width: 83.3333333%;}
	.col11_sp{width: 91.6666667%;}
	.col12_sp{width: 100%;}
	.col1_sp,.col2_sp,.col3_sp,.col4_sp,.col5_sp,.col6_sp,.col7_sp,.col8_sp,.col9_sp,.col10_sp,.col11_sp,.col12_sp{float: left;}

}