@charset "utf-8";

/*画面の幅が640pxまでの場合に適用するCSS */
@media screen and ( max-width:980px )
{
/*===================================================
					共通CSS
===================================================*/
	html, body {
	overflow-x: hidden;
}
	.logo {
		width: 100%;
		padding: 0;
   		text-align: center;	
		margin-top: 8%;
	}
	.logo img {
		display: inline-block;
		max-width: 40%;
		height: auto;
	}
	.sliderBox_pc {
		display: none;
	}
	.sliderBox_sp {
		display: block;
		width: 100%!important;
		margin-left: 0;
	}
	.slider-for {
	  width: 90%;
	  margin: 0 auto;
	}
	.slider-for img {
		width: 100%!important;
		margin-left: 0!important;
	}
	.slider-nav img {
		width: 56px;
		
	}
	
	.link_container {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	.linkTitle {
		left: 50%;
 		transform: translateX(-50%) translateY(-50%);
	}
	.subtitle {
		margin-bottom: 5%;
	}
	hr.border {
		margin-bottom: 3%;
	}
	.link_container .link_item01 {
		width: 96%;
	}
	
}