
/*----　footer css　----*/
	.pc {display: block;}
	.sp {display: none;}
	footer {
		padding: 70px 0;background: #3e3e3e;color: #FFFFFF;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}

	#footer_wrap { background:#444;margin-bottom:0;padding:0;overflow:hidden;border-top:none; }
	footer { background:#444;margin:0;padding:0;overflow:hidden;color: #FFFFFF;}

	footer h2 {
		width:35%;
		margin: 0 auto;
		background:none;
	}
	footer h2 img {width: 100%;}
	footer #footer_bnr { background:#fff;padding-bottom:2%; }
	footer section { height:100%;margin:0;padding:0;background:#fafafa;overflow:hidden; }
	#top_btn_asbestos { margin-top:2%;background:#fff;color:#000; }
	#top_btn_asbestos a:link { color:#000; }
	.container { width:100%;max-width:1000px;background:#444;margin:5em auto; }
	.container h2 { width:100%;max-width:1000px;margin:0 auto;padding:3% 0 0 0; }
	.container h2 a { width:150px;display:block; }
	.container .links {
		max-width:1000px;
		/* margin:3% auto; */
	}
	footer ul { list-style:none;margin:0;padding:0;overflow:hidden; }
	footer ol {
		width: 100%;
		    display: flex;
		    justify-content: center;
		    margin: 5% auto;
		    list-style: none;
		    maring: 0;
		    font-size: 11px;
			}
	footer ol li { margin:0 3% 0 0; }
	footer ul li a:link ,
	footer ol li a:link { color:#fff; }
	footer a, footer a:visited,a:hover {color: inherit;text-decoration: none;}
	footer .links {display: flex;justify-content: space-around;align-items: flex-start;margin-top: 50px;}
	footer .links ul {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;}
	footer .links ul li {font-size: 11px;padding-left: 5px;margin-top: 1.15em;}
	footer .links > div {width: 22%;}
	footer .links > div h3 {font-size: 14px;pointer-events: none;font-weight:normal;}
	footer .links > div:first-of-type {width: 15%;}
	footer .copyRight {margin-top: 70px;text-align: center;font-size: 12px;}

	@media screen and (max-width:750px) {
		.pc {
			display: none;
		}
		.sp {
			display: block;
		}

		footer {
			 padding: 4.67vw 0 0;
			 width: 100%;
		 }
		 footer .container {
			 padding: 0;
		 }
		 footer h2 {
			 width:35%;
			 margin: 0 auto;
		 }
		 footer .links {
			 flex-direction: column;
			 margin-top: 4.67vw;
		 }
		 footer .links div {
			 width: 100%;
			 text-align: center;
			 border: 1px solid #efefef;
			 border-width: 1px 0;
		 }
		footer .links > div:first-of-type{
			width:100%;
		}
		 footer .links div + div {
			 border-width: 0 0 1px;
		 }
		 footer .links > div h3 {
			 font-size: 3.97vw;
			 width: 100%;
			 line-height: 1.0;
			 padding: 6.67vw 0;
			 background: url('../common/img/footer_arrow.png') 90% center no-repeat;
			background-size:5%;
			 pointer-events: all;
		 }
		 footer .links ul {
			 display: none;
			 padding: 4vw 0 13.3vw;
			 overflow: hidden;
		 }
		 footer .links ul li {
			 width: 100%;
			 font-size: 4.27vw;
			 margin: 0;
		 }
		 footer .links ul li + li {
			 margin-top: 1.6em;
		 }
		 footer .copyRight {
			 margin: 0;
			 padding: 6.67vw 0;
			 font-size: 4.27vw;
		 }

	}

	@media screen and (max-width: 1000px) {
		footer {
			width: 1000px;
		}
	}

	@media (max-width:600px) {
	.container { margin:2em auto; }
	.container h2 { max-width:150px;padding:0 0 0 0; }
	footer ol { font-size:14px;flex-direction: column;text-align:center; }
	footer ol li { margin:2% 0 0 0; }}
