@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;
	}
	.mainBox {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.brandBox .titleImg_pc {
		display: none;
	}
	.brandBox .titleImg_sp {
		width: 100%;
		margin-left: 0;
		display: block;
		margin-bottom: 10%;
	}
	.brandBox .subTxt {
		text-align: left;
		width: 100%;
		margin-left: 0;
	}
	.bottom {
		width: 80%;
		margin-left: 10%;
		font-size: 12px;
		margin-bottom: 5%;
	}
	.brandBox .titleTxt {
		font-size: 20px;
		margin-bottom: 5%;
	}

	.textBox {
		width: 90%;
		margin-left: 5%;
	}

	.linkBtn {
		width: 70%;
		margin-left: 15%;
		padding: 3% 0;
	}
	
	/* menu */
	.gall_container {
		display: block;
	}
	.gall_container .gall_item02 {
		width: 90%;
		margin-left: 5%;
		padding: 0;
	}


	
	.brandBox .subTxt2 {
		width: 94%;
		margin-left: 3%;
	}
	.shosaiBox {
		margin-bottom: 20%;
	}

	.cTxt {
		width: 60%;
		margin-left: 20%;
	}
	h2.cTxt {
		width: 40%;
		margin-left: 30%;
		padding: 2% 0;
	}
	.spBr {
		display: block;
	}
	
	/* contentBox */
	.contentBox__container {
		display: block;
	}
	.contentBox__item01, .cotentBox__item02 {
		width: 100%;
	}
  .cotentBox__item02--flex {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2%;
  }
  .cotentBox__item02--item {
    width: 100%;
  }
	
		/* slider */
.slider_container {
	display: block;
}
.slider___item01 {
	width: 100%;
}
.slider___item01 img {
	width: 100%;
}
.slick-dotted.slick-slider {
	margin-bottom: 20%;
}

/* sp_display */
.sp_display {
	display: block;
}
.sp_none {
	display: none;
}
/*===================================================
			    	Footer CSS
===================================================*/
	
	.fs-l-footer {
		margin-top: 0!important;
	}
	.footer {
		margin-top: 1.0vw!important;
	}
}