@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;
	}
	.mv_pc {
		display: none;
	}
	.mv_sp {
        display: block;
        width: 100vw;  /* 画面の幅いっぱい */
        height: 100vh; /* 画面の高さいっぱい */
		margin-bottom: 10%;
	}
    .mv_sp video {
        width: 100vw;  /* 画面の幅いっぱい */
        height: 100vh; /* 画面の高さいっぱい */
     	object-fit: cover;
    }
	.logoBox {
		width: 100%;
		margin-left: 0;
	}
	.logoBox .txtBox {
		width: 84%;
		margin-left: 8%;
	}
	.galleryBox {
		width: 90%;
		margin-left: 5%;
	}
	.gall_container {
		display: block;
	}
	.setsumei_container {
		position: static;
		transform: none; /* 位置調整のため */
		width: 100%; /* 必要に応じて調整 */
		text-align: center; /* レイアウトの調整 */
    }

	.product__title {
		font-size: 20px;
	}
	.setsumei_container {
		display: block;
	}
	.setsumei_container .setsumei__item01 {
		width: 100%;
	}
	.setsumei_container .setsumei__item01:last-of-type {
		margin-bottom: 15%;
	}


	.logoBox2 {
		width: 100%;
		margin: 0 auto 23%;
	}

	.logoImg2_item01,
	.logoImg2_item02,
	.logoImg2_item03,
	.logoImg2_item04{
		flex: auto;
	}

	.logoImg4 {
		width: 100%;
	}



/*===================================================
			    	follow CSS
===================================================*/
	.followBox {

	}
	.followBox .fwTitle {
		font-size: 36px;
	}


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