@charset "utf-8";
@media print {
	.sp {
		display: none;
	}
	html {
		width: 1100px!important;
		margin: auto;
	}
	body {
		width: 1100px!important;
		/* width: 172mm!important; */
		margin: auto;
		background: none;
		padding-top: 2rem;
		overflow: visible;
	}
	#headArea,
	#header ,
	#footer ,
	#topBtn,
	#print {
		display: none
	}
	#mainArea .bgBox {
		border: 1px solid #ccc;
	}
	#mainTtlArea {
		height: 200px
	}

	/* TOP */
	#topArea {
		overflow: hidden;
	}
	#flowSpImg {
		position: absolute;
		margin-top: 0;
	}
	#topMainCopy:before, #topMainCopy:after {
		width: 1200px;
	}
	#spMoveWrap {
		/* background: #f8f8f8; */
		padding-bottom: 0;
	}
	#topMv {
		margin-bottom: 90px;
	}
	#topProblems {
		padding: 0;
		margin: auto;
		z-index: 2;
		text-align: center;
	}
	#topProblems img {
		border-radius: 20px;
		box-shadow: 0 0 5px 0px rgba(0,0,0,0.5);
	}
	#merit1 {
		width: 100%;
		margin: -10rem auto 0;
		padding: 15rem 2% 22rem;
		background: rgb(124,209,8);
		background: linear-gradient(120deg, rgba(124,209,8,1) 0%, rgba(0,155,77,1) 100%);
	}
	#merit1:after {
		content: none;
	}
	#topArea .meritListWrap {
		padding: 1.5rem 5%;
	}

	/* 印刷用に強制表示 */
	
	#headerMenuArea {
		transform: translateX(-100%);
	}
	#flowSpImg {
		opacity: 1
	}
	
	#topMainCopy.js-trNone h1, #topMainCopy.js-trNone:before , #topMainCopy.js-trNone:after {
		transition: none
	}
	#topMainCopy h1 {
		transform: translate(0,-50%);
		opacity: 1
	}
	#topMainCopy:before {
		opacity: 1;
		transform: translate(0%,-50%) skewX(-15deg);
	}
	#topMainCopy:after {
		opacity: 0.3;
		transform: translate(0%,-50%) skewX(-15deg) rotate(-3deg);
	}
	#mainVisual {
		opacity: 1;
	}
	#topProblems .img {
		opacity: 1;
		transform: translateX(0);
	}
	#merit1 #merit1Inner .ttlArea,
	#merit1 #merit1Inner .text ,
	#merit1 #merit1Inner .img img {
		opacity: 1;
		transform: translateX(0);
	}
	#meritPanelListArea li {
		opacity: 1;
		transform: translateY(0)
	}
	#meritList li {
		opacity: 1;
		transform: translateX(0);
	}
}