@charset "utf-8";

/*画面の幅が640pxまでの場合に適用するCSS */
@media screen and ( max-width:980px )
{
/*===================================================
					共通CSS
===================================================*/
	.footer-bottom-links__link:visited {
		color: #3c3c3c;
	}
	.fs-l-header {
		padding-top: 20%;
	}
	.fs-l-main {
		margin-top: 80px!important;
	}
	.fs-c-heading--page {
		margin: 0!important;
		padding: 0!important;
	}

	.mainImg_pc {
		display: none;
	}
	.mainImg_sp {
		display: block;	
		margin-bottom: 10%;
	}


	.lead_txt {
		width: 90%;
	}

	.indexBox {
		width: 80%;
	}


	.section_title {
		width: 80%;
	}

	.spBr {
		display: block;
	}



	.section_grid_container {
		display: block;
	}

	.item02_txtBox {
		width: 100%;
	}

	.itemtxt {
		width: 100%;
		margin-bottom: 8%;
	}

	.subsection_grid_container {
		display: block;
		margin-bottom: 10%;
	}

	.sub_grind_item01 img {
		margin-bottom: 5%;
	}


	 .section2_grid_container {
		display: block;
		width: 84%;
 	}

	.section2_grid_item img {
		margin-bottom: 10%;
	}

/*===================================================
			    linkBtn CSS
===================================================*/

	.linkBtn {
		width: 60%;
		padding: 3% 0;
		margin: 0 auto 20%;
	}




/*===================================================
			    戻る CSS
===================================================*/
	.pagetop{
		height: 40px;
		width: 40px;
	}
	.pagetop__arrow {
		height: 7px;
		width: 7px;
	}
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}