@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. mv
　03. 1 次世代物流センターとは
　04. 2 大和ハウスグループの強み
　05. 3 ショールームのご紹介
　06. 物流施設ナビ
　07. コンバージョンエリア
　08. loading animate

******************************************************************************* */


/* ==

　01. 基本

=============================================================================== */
.container div:after{ content:''; display:block; clear:both; }


.pageNav_wrap{
	width:100%;
	min-width:950px;
	padding:20px 0;
	background-color:#191a1a;
	clear:both;
}
.pageNav_wrap .pageNav_in{
	text-align:center;
}
.pageNav_wrap .pageNav_in li:first-child{ border-left:1px solid #444; }
.pageNav_wrap .pageNav_in li{
	border-right:1px solid #444;
	color:#fff;
	display:inline;
}
.pageNav_wrap .pageNav_in li a{
	padding:0 20px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
}
.pageNav_wrap .pageNav_in li a:hover span{ text-decoration:underline; }

.pageNav_wrap .pageNav_in li a span{
	padding-right:20px;
	background:url(../../images/rn/ico_arrow_anchor.png) right center no-repeat;
	display:inline-block;
}


.funcFix .pageNav_wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 110;
}

.pageNav_in-fix {
	display: none !important;
	width: 960px;
	margin: 0 auto;
	background: none;
}
.funcFix .pageNav_in-static {
	display: none !important;
}
.funcFix .pageNav_in-fix {
	display: block !important;
}



/* ==

　02. mv

=============================================================================== */

.mv {
	width: 100%;
	margin:0 auto;
	line-height:1.0;
	position:relative;
	zoom:1;
	clear:both;
}
.mv .fluidIn{
	min-width: 950px;
	height:560px;
	overflow: hidden;
	position: relative;
}
.mv .fluidIn div{
	margin-left: -640px;
	width: 1280px;
	position:absolute;
	left:50%;
	text-align:center;
}

.mv .mv_in{
	height:295px;
	padding:0 0 0 95px;
	background:url(../../images/rn/mv_bg.png) left 50px no-repeat;
	position:absolute;
	top:170px;
	left:0;
}
.mv .mv_in h1{ margin-bottom:40px; }


.mv .mv_deco{
	position:absolute;
	top:0;
	right:0;
}





/* ==

　03. 1 次世代物流センターとは

=============================================================================== */

#ilc1{
	/* min-width:1280px; */
	min-width:950px;
	min-height:520px;
	margin-bottom:40px;
	padding:60px 0 130px;
	background:url(../../images/rn/ilc1_bg.gif);
	position:relative;
	zoom:1;
	clear:both;
}
#ilc1 .baseIn{
	width:auto;
	min-width:950px;
	max-width:1280px;
	min-height:520px;
	overflow:hidden;
	position:relative;
	zoom:1;
	clear:both;
}


#ilc1 h2{ margin-bottom:40px; }
#ilc1 p{ font-size:134%; color:#fff; }


#ilc1 .ilc1_in{
	max-width:435px;
	padding:5% 20px 0 55.85%;
	background:url(../../images/rn/ilc1_num.png) 91% 50px no-repeat;
}

#ilc1 .ilc1_in h2 img{ width:100%; max-width:364px; height:auto; }


#ilc1 .ilc1_img1{ position:absolute; top:0; right:50%; }
#ilc1 .ilc1_img2{ position:absolute; top:450px; left:0; }
#ilc1 .ilc1_img3{ position:absolute; right:0; bottom:-40px; }



/* ==

　04. 2 大和ハウスグループの強み

=============================================================================== */

#ilc2{ min-width:950px; margin-bottom:0; }
#ilc2 .ilc2_in{
	width:750px;
	margin:0 auto 50px;
	padding:105px 0 0;
	background:url(../../images/rn/ilc2_num.png) right 25px no-repeat;
	text-align:center;
	clear:both;
}

#ilc2 .ilc2_in h2{ margin-bottom:30px; }
#ilc2 .ilc2_in p{ font-size:134%; }


.comWrap {
	position: relative;
/* 	max-width: 1280px; */
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
}
#com6{ margin-bottom:0; }

.comWrap .fluidIn{
	min-width: 950px;
	height:560px;
	overflow: hidden;
	position: relative;
}
.comWrap .fluidIn div{
	margin-left: -640px;
	width: 1280px;
	position:absolute;
	left:50%;
	text-align:center;
}


.comWrap_in {
	width:280px;
	height:560px;
	padding:0 190px 0 100px;
	background:url(../../images/rn/ilc2_bg1.png) left top no-repeat;
	position: absolute;
	top:0;
	left:0;
}
.opReverse .comWrap_in {
	padding:0 100px 0 190px;
	background:url(../../images/rn/ilc2_bg2.png) left top no-repeat;
	left:auto;
	right:0;
}
.comWrap_in .comWrap_body {
	display:table;
	height:560px;
}
.comWrap_in .comWrap_body > div{
	display:table-cell;
	vertical-align:middle;
}
.comWrap_in div div{ display:block; }


.comWrap_in .logo{ margin-bottom:26px; }


#com1 .comWrap_in .logo{ position:relative; }
#com1 .comWrap_in .logo a.logo2{ position:absolute; bottom:0; right:0; }






.comWrap_in h3{
	margin-bottom:20px;
	font-size:134%;
	line-height:1.3;
	color:#fff;
	clear:both;
}
.comWrap_in h3 a{
	padding-left:17px;
	background:url(/common/images/rn/ico_arw03.gif) left 0.4em no-repeat;
	color:#fff;
	display:inline-block;
}

.comWrap_in p{ margin-bottom:10px; font-size:114%; color:#fff; }
.comWrap_in p.txt1{ font-size:130%; line-height:1.5; color:#b2d9ee; }
.comWrap_in p.txt2{ margin-bottom:20px; }



.comWrap_in .field span{
	margin-bottom:5px;
	padding-bottom:6px;
	background:url(../../images/rn/ilc2_field_bg.png) repeat-x;
	display:block;
	position:relative;
}
.comWrap_in .field span:after{
	width:280px;
	height:6px;
	content:"";
	background-position:left bottom;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}
#com1 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_1_field2.png); }
#com2 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_2_field2.png); }
#com3 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_3_field2.png); }
#com4 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_4_field2.png); }
#com5 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_5_field2.png); }
#com6 .comWrap_in .field span:after{ background-image:url(../../images/rn/ilc2_6_field2.png); }





/* ==

　05. 3 ショールームのご紹介

=============================================================================== */

#ilc3{
	min-width:950px;
	padding:48px 0 0;
	background:url(../../images/rn/ilc3_bg_grid.gif) repeat-x;
	clear:both;
}

#ilc3 .bg{
	padding:65px 0 0;
	background:url(../../images/rn/ilc3_bg.jpg) right top no-repeat;
}

#ilc3 .ilc3_in{
	width:950px;
	margin:0 auto 60px;
	padding:25px 0 0;
	background:url(../../images/rn/ilc3_num.png) 408px top no-repeat;
}
#ilc3 .ilc3_in h2{
	width:424px;
	text-align:center;
}
#ilc3 .ilc3_in h2 img{ margin-bottom:36px; }



/* スライダー
------------------------------------------------------------------------------- */
#ilc3 .slider{
	margin-bottom:100px;
	background:url(../../images/rn/ilc3_bg2.png) left center repeat-x;
	line-height:1.0;
}
#ilc3 .slider_in{
	width:720px;
	margin:0 auto;
	padding:0 48px;
	background-color:#fff;
	position:relative;
	clear:both;
}

/* Slider */
.slick-slider{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus{
  outline: none;
}
.slick-list.dragging{
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after{
  display: table;
  content: '';
}
.slick-track:after{
  clear: both;
}
.slick-loading .slick-track{
  visibility: hidden;
}
.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide{
  float: right;
}
.slick-slide img{
  display: block;
}
.slick-slide.slick-loading img{
  display: none;
}
.slick-slide.dragging img{
  pointer-events: none;
}
.slick-initialized .slick-slide{
  display: block;
}
.slick-loading .slick-slide{
  visibility: hidden;
}
.slick-vertical .slick-slide{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-dotted.slick-slider{
  margin-bottom: 30px;
}
.slick-dots{
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li{
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button{
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
  opacity: 1;
}
.slick-dots li button:before{
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
  opacity: .75;
  color: black;
}

/* ボタン */
#ilc3 .slider_in .btn_prev{
	width:48px;
	height:480px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	background-color: #000;
}
#ilc3 .slider_in .btn_next{
	width:48px;
	height:480px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	background-color: #000;
}
#ilc3 .slider_in .btn_prev img,
#ilc3 .slider_in .btn_next img{
	margin-top:-6px;
	position:absolute;
	top:50%;
	left:20px;
}
#ilc3 .slick-dots {
	bottom: -35px;
}
#ilc3 .slick-dots li button {
	background: url(../../images/rn/ico_dot01.png) no-repeat center center;
}
#ilc3 .slick-dots li.slick-active button {
	background: url(../../images/rn/ico_dot01_on.png) no-repeat center center;
}
#ilc3 .slick-dots li button:before {
	content: '';
}
/* bg2
------------------------------------------------------------------------------- */
#ilc3 .bg2_in{
	width:950px;
	margin:0 auto;
	padding:80px 0;
	color:#fff;
}
#ilc3 .bg2_in p{ margin:0 10px; font-size:134%; line-height:2.0; color:#fff; }


/* bg3
------------------------------------------------------------------------------- */
#ilc3 .bg3_in{
	max-width:1180px;
	min-width:950px;
	margin:0 auto;
	padding:80px 0;
}
#ilc3 .bg3_in h3{
	width:410px;
	margin-left:20px;
	padding:30px 30px 24px;
	background-color:#e6e6e6;
	font-size:160%;
}
#ilc3 .bg3_in div{
	width:410px;
	margin:-1px 0 0 20px;
	padding:30px 30px 20px;
	background-color:#fff;
}

#ilc3 .bg3_in dt{
	color:#628fac;
	font-weight:bold;
}
#ilc3 .bg3_in dd{
	margin-bottom:15px;
}


#ilc3 .bg3_in dd.add{ padding-left:4em; margin-top:-1.7em; }
#ilc3 .bg3_in dd.time{ padding-left:6em; margin-top:-1.7em; }
#ilc3 .bg3_in dd.time2{ padding-left:5em; margin-top:-1.7em; }


#ilc3 .bg3_in .txtLink a{
	padding-left:17px;
	background:url(/common/images/rn/ico_arw03.gif) left 0.4em no-repeat;
	font-weight:bold;
	display:inline-block;
}
div.infoColona{
  padding:0 10px;
}
div.infoColona .inner{
  width:100%;
  max-width:800px;
  border:1px solid #ccc;
  padding:10px;
  margin: 0 auto 40px;
  box-sizing: border-box;
}
div.infoColona .inner p{
  text-align:center;
  color:red;
  font-sizer:14px;
}

/* ==

　06. 物流施設ナビ

=============================================================================== */
div#hdNav{
	width:100%;
	min-width:950px;
	background-color:#edeef0;
	line-height:1.0;
	position:relative;
	z-index:100;
	clear:both;
}
div#hdNav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	position:relative;
	clear:both;
}
div#hdNav div:after{ content:''; display:block; clear:both; }

div#hdNav div p{ padding:16px 5px 16px 0; float:left; }

div#hdNav ul{ float:left; }
div#hdNav li{
	margin-left:5px;
	padding-left:5px;
	background:url(/common/images/rn01/nav_vline.gif) left center no-repeat;
	line-height:1.0;
	display:inline;
	float:left;
}
div#hdNav li.btn_inq{
	padding-left:15px;
	background:none;
}
div#hdNav li.btn_inq a{ padding:6px 0; opacity: 1.0; }
div#hdNav li.btn_inq a:hover{
	opacity: 0.7;
}

div#hdNav li a{ padding:16px 0; display:block; }
div#hdNav li a:link, div#hdNav li a:visited{ background:none; }
div#hdNav li a:hover, div#hdNav li a:active{ background:url(/common/images/rn01/nav_bg_over.png) left 16px repeat-x; }
div#hdNav.funcFix .fixArea {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	border-top: 3px solid #fa0046;
	border-bottom: 1px solid #dfdfdf;
	background: #fff;
}

div#hdNav li.line2 a{ padding:8px 0; }
div#hdNav li.line2 a:hover, div#hdNav li.line2 a:active{ background:url(/business/logistics/images/rn01/nav_bg_over02.png) left 8px repeat-x; }



/* ==

　07. コンバージョンエリア

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
.cvBlock .anystretch{ /display:none !important; }
.cvBlock {
	min-width:950px;
	position: relative;
	margin: 50px 0 30px;
	padding: 83px 0 70px;
	/background:url(/business/logistics/AI/images/rn/cv_bg.jpg) center center no-repeat !important;
}
.cvBlock:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 9px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 60%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 60%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#08000000',GradientType=0);
	border-top:1px solid #ccc;
}
.cvBlock:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 0%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 0%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.2) 0%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08000000', endColorstr='#40000000',GradientType=0);
}
.cvBlock .inner:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 50%;
	width: 74px;
	height: 34px;
	margin: 0 0 0 -37px;
	background: url(../../images/rn/cv_bg2.png) left top no-repeat;
}
.cvBlock .inner{ width:950px; margin:0 auto; }
.cvBlock .inner h2{
	margin-bottom:20px;
	padding:0;
	background-color:transparent;
	font-size:267%;
	color:#333;
	font-weight:normal;
	text-align:center;
}


.cvBlock .bnr1{ width:465px; margin-bottom:20px; float:left; }
.cvBlock .bnr2{ width:465px; margin-bottom:20px; float:right; }
.cvBlock .bnr{ margin-bottom:20px; }

.cvBlock a{
	padding:6px;
	background-color:#fff;
	zoom:1;
	display:block;
}
.cvBlock .bnr a{
	padding:10px;
}

.cvBlock a img{
	opacity: 1.0;
	zoom:1;
	display:block;
}
.cvBlock a:hover img{ opacity: 0.7; }



.cvBlock div.txt{
	padding:15px;
	background:url(../../images/rn/cv_bg3.png);
	color:#fff;
	text-align:center;
	clear:both;
}
.cvBlock div.txt p{ font-size:130%; }


/* ==

　08. loading animate

=============================================================================== */
.ilcLoader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -1em auto 0px;
	font-size: 10px;
	width: 1em;
	height: 1em;
  border-radius: 50%;
  z-index: 101;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000}}@keyframes load5{0%,100%{box-shadow:0 -2.6em 0 0 #000,1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.5),-1.8em -1.8em 0 0 rgba(0,0,0,.7)}12.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.7),1.8em -1.8em 0 0 #000,2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.5)}25%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.5),1.8em -1.8em 0 0 rgba(0,0,0,.7),2.5em 0 0 0 #000,1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}37.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.5),2.5em 0 0 0 rgba(0,0,0,.7),1.75em 1.75em 0 0 #000,0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}50%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.5),1.75em 1.75em 0 0 rgba(0,0,0,.7),0 2.5em 0 0 #000,-1.8em 1.8em 0 0 rgba(0,0,0,.2),-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}62.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.5),0 2.5em 0 0 rgba(0,0,0,.7),-1.8em 1.8em 0 0 #000,-2.6em 0 0 0 rgba(0,0,0,.2),-1.8em -1.8em 0 0 rgba(0,0,0,.2)}75%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.5),-1.8em 1.8em 0 0 rgba(0,0,0,.7),-2.6em 0 0 0 #000,-1.8em -1.8em 0 0 rgba(0,0,0,.2)}87.5%{box-shadow:0 -2.6em 0 0 rgba(0,0,0,.2),1.8em -1.8em 0 0 rgba(0,0,0,.2),2.5em 0 0 0 rgba(0,0,0,.2),1.75em 1.75em 0 0 rgba(0,0,0,.2),0 2.5em 0 0 rgba(0,0,0,.2),-1.8em 1.8em 0 0 rgba(0,0,0,.5),-2.6em 0 0 0 rgba(0,0,0,.7),-1.8em -1.8em 0 0 #000}}