@charset "UTF-8";

html, body, #wrapper { margin-top: 20px; }
#wrapper { display: flex; justify-content: center; align-items: center; }
.content {  margin-top: 35px; }

h1 { padding: 10px 50px !important; }
.footer { margin: 50px auto 75px auto !important; }

/* 斜め背景 */
.top-bg { width: 105%; height: 90px; background-color: #fd1450; position: fixed; top: -30px; left: -5%; z-index: 1;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(358deg);
	-ms-transform: rotate(358deg);
	transform: rotate(358deg);
}	
.under-bg { width: 105%; height: 90px; background-color: #fd1450; position: fixed; bottom: -30px; right: -5%; z-index: 1; 
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(358deg);
	-ms-transform: rotate(358deg);
	transform: rotate(358deg);
}

/* 斜めのジャギ修正(IEのみ) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 .top-bg:not(:target) {
    transform: rotate(2deg) translate3d(0, 0, 0);
  }
 .under-bg:not(:target) {
    transform: rotate(2deg) translate3d(0, 0, 0);
  }
}