.backlink-page {background: #fff; }

#banner-backlink {width: 100%; background: #313133;}
#banner-backlink .flex-ed {max-width: 1400px; margin: 0 auto; align-items: center; justify-content: space-between; flex-wrap: nowrap;}
#banner-backlink article {position: relative; z-index: 5; flex: 0 1 785px; padding: 15px; order: 2;}
#banner-backlink article h1, #banner-backlink article h2, #banner-backlink article p {color: white; text-align: center;}
#banner-backlink article img {margin: 10px auto;}
#banner-backlink figure {position: relative; z-index: 1; margin-right: -100px;}
#banner-backlink figure:after {position: absolute; height: 100%; width: 130px; background: #313133; content: ''; z-index: 2; top: 0; right: 0;}

.container-backlink {max-width: 1300px; margin: 50px auto;}
.container-backlink .center-title-backlink {text-align: center; margin-top: 100px;}
.container-backlink .split-backlink {display: flex; max-width: 1200px; margin: 0 auto; padding: 100px 20px; position: relative; z-index: 2; }
.container-backlink .split-backlink article {text-align: left; flex: 0 1 565px; margin: 0; margin-right: 85px;}
.container-backlink .split-backlink.alt article {order: 2; margin: 0; margin-left: 85px;}
.container-backlink .split-backlink.alt:after {position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; content: ''; background: #F8F8F8;}
.container-backlink .split-backlink article p {font-size: 24px; font-weight: 500; line-height: 1.3;}


@media screen and (max-width:1000px) {
   .container-backlink .split-backlink {display: block;}
   #banner-backlink .flex-ed {flex-wrap: wrap; justify-content: center;}
   #banner-backlink article {order: -1; padding-bottom: 60px;}
   .container-backlink .split-backlink article, .container-backlink .split-backlink.alt article { text-align: center; margin: 30px auto;}
}
