@charset "utf-8";

/* ################################################### */
/* #
/* #			print.css
/* #
/* ################################################### */


/* floatがclearされる前にページをまたぐと、それ以降のページが正しく印刷出来なくなる 
---------------------------------------------------- */
body {
	overflow: visible!important;
	
	/* 印刷時、背景を強制的に印刷させる（Chromeのみ有効） */
 	-webkit-print-color-adjust: exact; 
}

/* スクロールバーを無効に */
::-webkit-scrollbar {
  display: none;
}

/* 印刷調整
---------------------------------------------------- */
.wrap{
	margin: 0 auto;
	position: relative;
}

@media (max-width: 1000px) {
	.wrap {
		overflow-x: hidden;
	}
}


/* ウィンドウ固定解除
---------------------------------------------------- */
header#headerPartsSection{
	position: absolute!important;
}
.sideMenuWrap {
  position: absolute!important;
}



.topKyokutoGroupWrap {
	background-attachment: unset!important;
}
.transBgFlex .transBox {
	background: none!important;
}

@media (min-width: 1000px) {
	.scrollBlock01, .scrollBlock02, .scrollBlock03 {
		position: relative!important;
		width: 100%!important;
		height: 100svh!important;
	}
	.moveImgWrap, .moveRedWrap, .moveBoxText, .moveBoxTitle {
		position: relative!important;
		opacity: 1!important;
	}
	.moveImgWrap {
		position: absolute!important;
		z-index: 0!important;
	}

	.moveImgWrap .dark {
		position: absolute!important;
		top: 0!important;
		left: 0!important;
		width: 100%!important;
		z-index: 100!important;
		opacity: 1!important;
	}
	.moveRedWrap {
		position: absolute!important;
		right: 0!important;
		width: 60%!important;
		z-index: 0!important;
		margin-left: auto!important;
		margin-right: 0!important;
	}

	.moveBoxTitle {
		position: absolute!important;
		display: flex!important;
		justify-content: flex-end!important;
		align-items: center!important;
		bottom: 53%!important;
		left: 13vw!important;
		width: fit-content!important;
		z-index: 0!important;
	}
	.moveBoxText {
		position: absolute!important;
		display: flex!important;
		justify-content: center!important;
		align-items: flex-end!important;
		flex-direction: column!important;
		bottom: 0!important;
		right: 6vw!important;
		width: 30% !important;
		z-index: 0!important;
	}
}

@media (max-width: 999px) {
	.scrollBlock01, .scrollBlock02, .scrollBlock03 {
		position: relative!important;
		width: 100%!important;
		height: auto!important;
	}
}

@media (max-width: 999px) and (min-width: 661px) {
	.topKyokutoGroupWrap::after {
		position: absolute!important;
	}
	.transBgFlex .transBox::before {
		display: none;
	}
}
@media (max-width:660px) {
	.topKyokutoGroupWrap::after {
		position: absolute!important;
	}
	.transBgFlex .transBox::before {
		display: none;
	}
}