@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "fontn";
  src: url("../../img/font_n.woff")  format('woff');
}
@font-face {
  font-family: "fontb";
  src: url("../../img/font_b.woff")  format('woff');
}
#stage{
  max-width:100%;
  overflow: hidden;
}
#stage #content{
  width:1000px;
}

/*============================
#mv
============================*/
#mv {width: 1920px;left: 50%;position: relative;transform: translateX(-50%);background: #569bf9;min-height: 800px;overflow: hidden;}
#mv img{
  pointer-events:none;
}
#mv ::selection {
    background: rgb(0,0,0,0%);
}
#mv .scroll{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
}
#mv .villagebg{
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 104%;
  background: url(../../img/bg1.jpg) no-repeat;
}
#mv .scroll.pos1{transform-origin: 39.9% 15%;}
#mv .scroll.pos3{transform-origin: 33.9% 79%;}
#mv .scroll.pos4{transform-origin: 77.1% 56%}
#mv .scroll.pos5{transform-origin: 78.1% 19%;}
#mv .scroll.pos6{transform-origin: 20.8% 33%;}
#mv .cover{
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: #fff;
  z-index: 2;
}
#mv .cover.c2{
  mix-blend-mode: overlay;
  pointer-events: none;
}
#mv h1 {position:relative;z-index:3;width: 325px;position: absolute;height: 10.7%;margin: 1.05% 0 0 24.8%;filter: drop-shadow(0em 0.2em 0.2em rgba(0,0,0,0.5));}
#mv h1 img{position:absolute;left:0;animation: tlatt 5s cubic-bezier(0.4, 0, 0.5, 1) infinite;}
#mv h1 .en{width: 52%;margin: 0 0 0 22.8%;animation:none;}
#mv h1 .c1{width: 16.62%;margin: 8.6% 0 0 -1.2%;z-index: 6;}
#mv h1 .c2{width: 19.08%;margin: 8.4% 0 0 11%;z-index: 5;animation-delay:.2s;}
#mv h1 .c3{width: 16.925%;margin: 7.9% 0 0 26.5%;z-index: 4;animation-delay:.4s;}
#mv h1 .c4{width: 19.08%;margin: 6.58% 0 0 40.2%;z-index: 3;animation-delay:.6s;}
#mv h1 .c5{width: 15.693%;margin: 8.4% 0 0 55.7%;z-index: 2;animation-delay:.8s;}
#mv h1 .c6{width: 14.77%;margin: 10.8% 0 0 68.2%;z-index: 1;animation-delay:1s;}
#mv h1 .c7{width: 18.465%;margin: 6.6% 0 0 79.8%;z-index: 0;animation-delay:1.2s;}
@keyframes tlatt {
   0%,40%,100% {
     transform:scale(1)
   }
   10%,12% {
     transform:scale(1.2)
   }
   24% {
     transform:scale(0.9)
   }
}

#mv .bgl1 {position: absolute;width: 78.2295%;left: 0%;top: 36.7%;}
#mv .bgl2 {position: absolute;width: 85.625%;left: 0%;top: 38.45%;z-index: 1;}
#mv .bgl3 {position: absolute;width: 9.115%;left: 67.1%;top: 20.3%;}

#mv .cts {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#mv .cts li{
    position: absolute;
    /* background: #f0f6; */
    cursor: pointer;
}
#mv .cts li.imgs{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events: none;}
#mv .cts li:hover .build,
#mv .cts li:hover .boad{
    transform: scaleY(1.1);
    transform-origin: 0% 91%;
}
#mv .cts li .attention.anm{
  /* animation: blatt 3.2s linear; */
}
@keyframes blatt {
   0%,30%,40.5%,50%,60.5%,70%,80.5% {
     filter:brightness(1)
   }
   30.5%,40%,50.5%,60%,70.5%,80% {
     filter:brightness(1.12)
   }
}
#mv .cts img{
    /* width:100%; */
    position: absolute;
    transition: .24s cubic-bezier(0.35, 2.29, 0.73, 0.5);
    transform-origin: 0% 91%;
}
#mv .serif{text-align:center;position: absolute;transform-origin: 15% 110%;transform: scale(0);transition: .35s;transition-delay: .1s;}
#mv li:hover .serif,
#mv li:hover .fkds,
#mv li:hover .serif h3,
#mv li:hover .serif p,
#mv.opening li .serif,
#mv.opening li .fkds,
#mv.opening li .serif h3,
#mv.opening li .serif p{
    transform: scale(1);
    opacity:1;
}
#mv .serif .fkds{
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../../img/bg_serif01.png) no-repeat;
    background-size: contain !important;
    left: 0;
    transform: scale(0);
    transition: 1s cubic-bezier(0.21, 1.56, 0.6, 0.89);
    transition-delay: 0.15s;
}
#mv .serif .arrow{text-align:center;position: absolute;background: url(../../img/arrow_serif.png) no-repeat;background-size: contain !important;width: 2.32em;height: 4.36em;margin: 69% 0 0 6%;transform: rotate(27deg);}
#mv .serif h3{position: relative;font-family: fontb, sans-serif, 'Noto Sans JP';color: #fff;font-size: 1.15em;line-height: 1.25;letter-spacing: 0.04em;font-weight: normal;background: #fa5b5e;display: inline-block;padding: 0.2em 0.8em 0.3em;min-width: 5.8em;border-radius: 1em;margin: -0.6em auto;white-space: nowrap;transform: scale(0.8);opacity: 0;transition: 0.3s cubic-bezier(0.25, 1.01, 0.48, 1.01);transition-delay: 0.35s;}
#mv .serif p{position: relative;margin-top: 1.1em;margin-left: -0.4em;line-height: 1.5;font-family: fontn, sans-serif, 'Noto Sans JP';color: #000;font-size: 0.96em;letter-spacing: 0.01em;opacity: 0;transition: opacity 0.4s;transition-delay: 0.4s;}
#mv .cts li a{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  /* background:rgb(221 0 221 / 52%); */
}
#mv .factory {width: 32.292%;height: 32%;left: 30.4%;top: 8%;}
#mv .factory .build {width: 68.065%;margin: 9% 0 0 4.9%;}
#mv .factory .boad {width: 12.583%;margin: 8.2% 0 0 84.9%;}
#mv .factory .bg {width: 112.582%;margin: 26.5% 0 0 -17%;}
#mv .factory .serif{margin: -3.9% 0 0 57.2%;width: 25.6%;height: 57%;transform-origin: 20% 115%;}

#mv .farm {width: 26.042%;height: 58%;left: 24.8%;top: 41.3%;z-index: 1;}
#mv .farm .build {width: 92.8%;margin: 7.81% 0 0 5.6%;}
#mv .farm .boad {width: 37.2%;margin: 54.7% 0 0 61.8%;}
#mv .farm .ch {width: 6.2%;margin: 52.7% 0 0 34.8%;}
#mv .farm .bg {width: 88.2%;margin: 33.3% 0 0 45%;}
#mv .farm .serif{margin: 1.7% 0 0 56.1%;width: 28.6%;height: 31%;transform-origin: 41% 116%;}
#mv .farm .serif .fkds{background: url(../../img/bg_serif02.png) no-repeat;}
#mv .farm .serif p{margin: 9.5% 0 0 3.5%;}
#mv .farm .serif .arrow{
    margin: 71.9% 0 0 33.4%;
    transform: rotate(8deg);
}
#mv .farm .serif h3{
    margin: 2.6% 0 0 0.2%;
}

#mv .tree {width: 14.063%;height: 25.5%;left: 61%;top: 41.6%;}
#mv .tree .build {width: 71.113%;margin: 6.7% 0 0 8.2%;}
#mv .tree .boad {width: 42.224%;margin: 51.4% 0 0 51.5%;}
#mv .tree .serif{margin: 61.3% 0 0 -5.8%;width: 57.988%;height: 70.4%;transform-origin: 86% -4%;}
#mv .tree .serif .fkds{}
#mv .tree .serif p{margin: 27.7% 0 8.6% -3%;}
#mv .tree .serif .arrow{
    margin: -8.1% 0 0 17.8%;
    transform: rotate(-154deg);
}
#mv .tree .serif h3{
    margin: 0% 0 0 -3.8%;
    padding: 0.3em 0.8em 0.6em;
}

#mv .amuse {width: 11.459%;left: 64%;height: 24.4%;top: 15.7%;}
#mv .amuse .build {width: 80.91%;margin: 10.9% 0 0 7%;}
#mv .amuse .serif{margin: -20.4% 0 0 31.6%;width: 61.388%;height: 65.4%;transform-origin: 43% 115%;}
#mv .amuse .serif .fkds{/* background: url(../../img/bg_serif02.png) no-repeat; */}
#mv .amuse .serif p{margin: 9.7% 0 0 1%;}
#mv .amuse .serif .arrow{
    margin: 62.9% 0 0 35.8%;
    transform: rotate(11deg);
}
#mv .amuse .serif h3{
    margin: -12% 0 0 -5.1%;
    padding: 0.3em 0.8em 0.6em;
}

#mv .history {width: 12%;left: 23%;height: 39.4%;top: 28.7%;z-index: 1;}
#mv .history .build {position: relative;width: 100%;margin: 8.4% 0 0 -7.3%;transition: .24s cubic-bezier(0.35, 2.29, 0.73, 0.5);}
#mv .cts li.history:hover .build {
    transform: scaleY(1.1) translateY(-0.7em) !important;
    transition: .24s cubic-bezier(0.35, 2.29, 0.73, 0.5);
}
#mv .history .build img{width: 107.21%;transition: 0s;}
#mv li.history:hover .build img{transform: scale(1) !important;}
#mv .history .build .disp{width: 52.96%;margin: 3.7% 0 0 31.6%;transform-origin: 50%;}
#mv .history .serif{margin: 59.8% 0 0 6.2%;width: 82.8%;height: 65.4%;transform-origin: 45% -16%;z-index: 1;pointer-events: none;}
#mv .history .serif .fkds{background: url(../../img/bg_serif03.png) no-repeat;transition: 1s cubic-bezier(0.21, 1.56, 0.6, 0.89);transition-delay: 0.1s;}
#mv .history .serif p{margin: 18.7% 0 0 1%;}
#mv .history .serif .arrow{
    margin: -18.1% 0 0 -15.7%;
    transform: rotate(188deg);
}
#mv .history .serif h3{
    margin: 8% 0 0 -1.1%;
    padding: 0.3em 0.6em 0.5em 0.9em;
}

#mv .ch{
  position:absolute;
  top:0;
  left:0;
}
#mv .airship{
  width: 5.834%;
  margin: 0.5% 0 0 100%;
  animation: airship 150s linear infinite;
}
@keyframes airship {
   0%,100% {
     transform:translateX(-300%)
   }
   83% {
     transform:translateX(-1850%);
   }
   83.001% {
     transform:translateX(0%);
   }
}
#mv .ch01{
  width: 2%;
  margin: 37.8% 0 0 29.6%;
  z-index: 1;
}
#mv .car01{
  width: 3.1778%;
  margin: 40.1% 0 0 -1%;
  animation: car1 33s linear infinite;
  z-index: 1;
}
@keyframes car1 {
   0%, 10% {
     transform:translateX(-100%) translateY(0%) skewY(0deg)
   }
   54% {
     transform:translateX(2080%) translateY(0%) skewY(0deg)
   }
   65%, 100% {
     transform:translateX(2600%) translateY(-40%) skewY(-2deg);
   }
}
#mv .car02{
  width: 2.865%;
  margin: 20.9% 0 0 84.9%;
  animation: car2 33s linear infinite;
}
@keyframes car2 {
   0%, 15% {
     transform:translateX(11%) translateY(15%) rotate(0deg);
   }
   21% {
     transform:translateX(-230%) translateY(0%) rotate(1deg);
   }
   22.5% {
     transform:translateX(-290%) translateY(-55%) rotate(10deg);
   }
   45% {
     transform:translateX(-1320%) translateY(-310%) rotate(3deg);
   }
   65%{
     transform:translateX(-2200%) translateY(-375%) rotate(3deg);
   }
   85%{
     transform:translateX(-3080%) translateY(-420%) rotate(3deg);
   }
   85.1%, 100% {
     transform:translateX(-3080%) translateY(-420%) rotate(0deg)
   }
}
#mv .raleigh01{
  width: 5%;
  margin: 12.15% 0 0 27.3%;
  animation: raleigh1 33s linear infinite;
}
@keyframes raleigh1 {
   0%, 28%{
     transform:translate(120%, 0%) rotate(0deg);
     z-index:0;
   }
   34%{
     transform:translate(0%, 0%) rotate(0deg);
     z-index:0;
   }
   40% {
     transform:translate(-110%, 20%) rotate(-4deg);
     z-index:0;
   }
   51% {
     transform:translate(-320%, 90%) rotate(0deg);
     z-index:1;
   }
   65%, 100% {
     transform:translate(-670%, 100%) rotate(0deg);
     z-index:1;
   }
}
#mv .raleigh02{
  width: 5.1045%;
  margin: 30.5% 0 0 22.1%;
  animation: raleigh2 60s linear infinite;
}
@keyframes raleigh2 {
   0%,10%, 97%, 100%{
     transform:translate(135%, -92%) scale(0.9);
   }
   27%, 57% {
     transform:translate(-505%, 380%) scale(1);
   }
}

#mv .tractor_mask{
  position:absolute;
  width: 38%;
  height: 15%;
  top: 44%;
  overflow: hidden;
}
#mv .tractor{
  z-index:1;
  width: 13.434%;
  margin: 5.35% 0 0 92%;
  animation: tractor 100s cubic-bezier(0.15, 0, 0.63, 1) infinite;
}
@keyframes tractor {
   0%{
     transform:translate(20%, 0%) scaleX(1);
   }
   10%, 12% {
     transform:translate(-135%,0%) scaleX(1);
   }
   48% {
     transform:translate(-795%,0%) scaleX(1);
   }
   51% {
     transform:translate(-795%, 37%) scaleX(-1);
   }
   57%, 59% {
     transform:translate(-655%, 37%) scaleX(-1);
   }
   93%, 100% {
     transform:translate(20%, 37%) scaleX(-1);
   }
}
#mv .hoshikusa{
  width: 2.743%;
  margin: 8.25% 0 0 79.9%;
  animation: hoshikusa 100s linear infinite;
}
@keyframes hoshikusa {
   0%, 9.9%{
     opacity:0;
     ransform:translate(120%, -70%) scaleX(1);
   }
   10% {
     opacity:1;
     transform:translate(130%, -70%) scaleX(1);
   }
   10.5% {
     transform:translate(200%, 0%) scaleX(1);
   }
   18%, 56.9% {
     transform:translate(450%, 0%) scaleX(1);
   }
   57% {
     transform:translate(-2730%, 20%) scaleX(-1);
   }
   57.5% {
     transform:translate(-2740%, 90%) scaleX(-1);
   }
   65%, 100% {
     transform:translate(-3010%, 90%) scaleX(-1);
   }
}
#mv .front01{
  width: 5.834%;
  margin: 35.9% 0 0 80.7%;
  z-index: 1;
}
#mv .front02{
  width: 5.313%;
  margin: 19.65% 0 0 82.75%;
}
#mv .front03{
  width: 8.334%;
  margin: 14.9% 0 0 74.25%;
}
#mv .ch02{
  width: 2.474%;
  margin: 38.3% 0 0 58.45%;
  z-index: 1;
}
#mv .ch03{
  width: 1.667%;
  margin: 29.9% 0 0 56.5%;
}
#mv .ch04{
  width: 0.782%;
  margin: 16.45% 0 0 72.3%;
}
#mv .ch05{
  width: 0.625%;
  margin: 17.15% 0 0 69.6%;
  animation: ch5 66s linear infinite;
}
@keyframes ch5 {
  0%{
     transform:translate(-220%, -240%) scaleX(1);
     opacity:0;
     z-index:1;
   }
   1%{
     transform:translate(-210%, -230%) scaleX(1);
     opacity:1;
   }
   10%{
     transform:translate(100%, 0%) scaleX(1);
   }
   16%{
     transform:translate(620%, 40%) scaleX(1);
   }
   32%,60%{
     transform:translate(1520%, 50%) scaleX(1);
     z-index:0;
   }
   61%{
     transform:translate(1520%, 50%) scaleX(-1);
     z-index:0;
   }
   73%{
     transform:translate(520%, 40%) scaleX(-1);
   }
   80%{
     transform:translate(-100%, -230%) scaleX(-1);
     z-index:1;
     opacity:1;
   }
   81%, 100%{
     transform:translate(-115%, -248%) scaleX(-1);
     opacity:0;
   }
}
#mv .ch06{
  width: 0.834%;
  margin: 20.65% 0 0 82.46%;
  animation: ch6 198s linear infinite;
}
@keyframes ch6 {
   0%, 2% {
     transform:translateX(341%) translateY(0%) scale(1);
   }
   8.5% {
     transform:translateX(-290%) translateY(0%) scale(1);
   }
   11% {
     transform:translateX(-530%) translateY(-95%) scale(.9);
   }
   30% {
     transform:translateX(-2620%) translateY(-295%) scale(.85)
   }
   48%{
     transform:translateX(-4400%) translateY(-395%) scale(.8);
   }
   82.5%{
     transform:translateX(-8100%) translateY(-490%) scale(.8);
   }
   100%{
     transform:translateX(-10500%) translateY(-560%) scale(.8);
   }
}
#mv .ch07{
  width: 0.42%;
  margin: 13.55% 0 0 76.25%;
  animation: ch7 99s linear infinite;
}
@keyframes ch7 {
   0%, 10% {
     transform:translate(-620%, -210%) scale(.45);
   }
   20% {
     transform:translate(-60%, -110%) scale(.6);
   }
   45% {
     transform:translate(150%, 410%) scale(1);
   }
   70% {
     transform:translate(2000%, 880%) scale(1.1);
   }
   85% {
     transform:translate(2420%, 1335%) scale(1.2);
   }
   96%, 100% {
     transform:translate(2120%, 1765%) scale(1.3);
   }
}
#mv .ch08{
  width: 0.782%;
  margin: 15.45% 0 0 67.3%;
}
#mv .ch09{
  width: 0.521%;
  margin: 24.15% 0 0 86.2%;
  z-index: 1;
}
#mv .ch11{
  width: 8.2296%;
  margin: 18.05% 0 0 25.45%;
  z-index: 0;
}
#mv .ch12{
  width: 0.886%;
  margin: 17.45% 0 0 34.5%;
  z-index: 1;
}
#mv .ch13{
  width: 1.823%;
  margin: 18.55% 0 0 23%;
  z-index: 1;
}
#mv .ch10{
  width: 0.6776%;
  margin: 36.75% 0 0 80.4%;
  transform-origin:50% 50%;
  animation: ch10 99s linear infinite;
}
@keyframes ch10 {
   0% {
     transform:translate(-250%, 310%) scale(1.2, 1.2);
   }
   22% {
     transform:translate(1100%, -400%) scale(1.1, 1.1);
   }
   22.01% {
     transform:translate(1200%, -400%) scale(-1.1, 1.1);
   }
   58% {
     transform:translate(-570%, -1100%) scale(-0.9, 0.9);
   }
   62% {
     transform:translate(-610%, -1200%) scale(-0.62, 0.62);
   }
   75% {
     transform:translate(-590%, -1480%) scale(-0.45, 0.4);
   }
   95%, 100% {
     transform:translate(-1300%, -1610%) scale(-0.35, 0.3);
   }
}
#mv .caw01{
  width: 26.459%;
  margin: 20.05% 0 0 53.45%;
}
#mv .caw02 {
    width: 34.532%;
    margin: 17.6% 0 0 2.9%;
}
#mv .hoshikusa01{
  width: 10.365%;
  margin: 20.25% 0 0 7.25%;
}
#mv .hoshikusa02{
  width: 7.188%;
  margin: 27.35% 0 0 60.85%;
}
/*============================
#ctsMain
============================*/
div#ctsMain {margin: 0.8% 0;text-align: center;}
#ctsMain ul {
}
#ctsMain li {text-align:center;width: 49.6%;display: inline-block;vertical-align: top;background: #0e973b;margin-bottom: 0.8%;}
#ctsMain li:nth-child(odd){
  margin-right: 0.8%;
}
#ctsMain ul{text-align:left;}
#ctsMain li img{width:100%;}
#ctsMain a {color: #fff;display: block;}
#ctsMain h3 {color: #fff;font-family: fontb;font-size: 2.25em;padding: 0.68em 0;}

/*============================
#ctsLink
============================*/

#ctsLink {
	text-align: center;
}
#ctsLink h2 {
	background: #1c9740;
	color: #fff;
	font-family: fontb;
	font-size: 30px;
	margin: 67px 0 0;
	padding: 9px 0 9px;
	border-radius: 1em;
	letter-spacing: 0.02em;
}
#ctsLink h2 span {
	margin: 0 -0.1em 0 -0.2em;
	transform: scale(1, 1.15);
	display: inline-block;
}
#ctsLink .carousel {
	padding: 29px 0 65px 0;
	margin-left: -0.9%;
	width: 1016px;
	position: relative;
	overflow: hidden;
}
#ctsLink .carousel ul {
	white-space: nowrap;
}
#ctsLink .carousel li {
	display: inline-block;
	vertical-align: top;
	width: 254px !important;
}
#ctsLink .carousel a {
	display: block;
	transition: opacity .24s;
}
#ctsLink .carousel a:hover {
	opacity: 0.7;
}
#ctsLink .carousel h3 {
	margin: 14px 0 0;
	font-size: 18px;
	letter-spacing: 0.02em;
	line-height: 1.3;
	color: #1c9740;
	font-family: fontn;
}
#ctsLink .carousel a:hover h3 {
	text-decoration: underline;
	text-decoration-color: #fff;
}
#ctsLink .frame {
	border: 8px #fff solid;
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 25%);
	display: inline-block;
}
#ctsLink .frame img {
	width: 220px;
}
#ctsLink .sidebtn {
	overflow: hidden;
	width: 29px;
	height: 52px;
	position: absolute;
	top: 27%;
	left: 9px;
	cursor: pointer;
}
#ctsLink .sidebtn:before {
	content: "";
	position: absolute;
	background: #1c9740;
	width: 200%;
	height: 100%;
	left: -100%;
	border-radius: 50%;
	opacity: 0.9;
}
#ctsLink .sidebtn:after {
	content: "";
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	position: absolute;
	width: 11px;
	height: 11px;
	top: 19px;
	left: 9px;
	transform: rotate(45deg);
}
#ctsLink .next {
	left: auto;
	right: 9px;
	transform: scale(-1, 1);
}
@media all and (-ms-high-contrast:none){
  #mv .serif h3 {
	padding: 0.7em 0.8em 0em !important;
  }
  #ctsLink h2{
  	padding:18px 0 0;
  }
  #mv .tree .serif .arrow{
  	margin:-8.1% 0 0 67.8%;
  }
  #mv .history .serif .arrow{
  	margin:-14.1% 0 0 35.7%;
  }
}
@media (min-width: 737px) {
  .forsp{
    display:none !important;
  }
}

@media (max-width: 736px) {
  .forpc{
    display:none !important;
  }
  #stage div#mv{
    width: 152%;
    background-size: contain;
    min-height: 0;
    height: 58.3vw;
    left: 45.2%;
    padding-top: 12.9em;
  }
  #mv .scroll{
    background-size: contain;
    height: 63.5vw;
    top: 17.9vw;
  }
  #stage #content{
    width:100%;
    font-size: 1.9022vw;
  }
  #mv h1{
    width: 35%;
    margin: -12.5% 0 0 36.3%;
  }
  #mv .villagebg{
    position: absolute;
    top: -28%;
    left: 20.3%;
    width: 65.79%;
    height: 130.3%;
    background: url(../../img/bg_sp.jpg) no-repeat;
    background-size:cover;
  }
  #mv .serif{
    display:none;
  }
  /*============================
  #ctsLink
  ============================*/
  div#ctsLink{
  	width:90%;
  	margin:0 auto;
  }
  #ctsLink h2 {
      font-size: 2.6em;
      margin: 10.2% 0 0;
      padding: 0.35em 0;
      letter-spacing: 0.02em;
  }
  #ctsLink .carousel {
      padding: 10.1% 0 0 0;
      width: 110%;
      margin-left: -5%;
  }
  #ctsLink .carousel ul{
  	white-space:normal;
  	width: 100%;
  	transform: none !important;
  	margin-bottom: -4.6%;
  }
  #ctsLink .carousel li {
      width: 42.9% !important;
      margin: 0 2%;
      min-height: 24em;
  }
  #ctsLink .carousel a:hover {
      opacity: 0.7;
  }
  #ctsLink .carousel h3 {
      margin: 5.4% 0;
      font-size: 1.9em;
      letter-spacing: 0.02em;
      line-height: 1.3;
      font-family: fontn;
  }
  #ctsLink .frame {
      border: 0.5em #fff solid;
      box-shadow: 0px .1em .6em rgba(0, 0, 0, 25%);
  }
  #ctsLink .frame img {
      width: 100%;
  }
  #ctsLink .sidebtn {
      display:none;
  }
}