/* TILES ///////////////////////////////////////////////////////////////////////////////////////*/
pic {
  border: 10px solid #fff;  
  float: left;
  height: 200px;
  width: 100%;
  margin: 20px;
  overflow: hidden;
  
 -webkit-transform:scale(1.3);
transform:scale(1.3); 
}
/*GROW*/
.grow img {
  height: 200px;
  width: 100%;

  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.grow img:hover {
  width: 100%;
  height: 200px;
  -webkit-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.tiles {
	/*background: white;*/
	position: relative;
	overflow: hidden;
	font-size: 0;
}
.tile {
	
	display: inline-block;
	width: 100%;
	height: 550px; 
	overflow: hidden;
	position: relative;
	margin-top: 3px;
        margin-left: 2%;
}
.tile__wrap {
	display: block;
	border-right: 3px solid #fff;
	height: 100%;
	overflow: hidden;
}
.tile__img-wrap {
	position: relative;
	overflow: hidden;
}
.tile__img-wrap:after {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	height: 23px;
        -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.tile__wrap:hover .tile__img-wrap:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
        -webkit-transform:scale(1.3);
transform:scale(1.3);
}
.tile__img {
	width: 100%;
         -webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.tile__content-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
/**/
.tile__content-wrap {
	display: table;
	width: 100%;
	margin: 0 auto;
}
.tile__copy {
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.tile__copy>* {
	padding-left: 5%;
	padding-right: 5%;
}
/**/

.red .tile__wrap {
	background-color: #FF2032;
}
.green .tile__wrap {
	background-color: #abdb25;
}
.blue .tile__wrap {
	background-color: #0A8AEC;
}
.darkGreen .tile__wrap {
	background-color: #CB9E17;
}
.red .tile__title, .green .tile__title, .blue .tile__title, .darkGreen .tile__title {
 color:#fff;
}
.red .tile__desc, .green .tile__desc, .blue .tile__desc, .darkGreen .tile__desc {
	color: #fff;
}
 @media all and (min-width:0) {
.tile__copyx {
	margin: 0 0px ;
}
}
.tile__title {
	text-align: center;
	font-size: 22px;
	line-height: 1.1em;
	font-weight: normal;
	font-family: sans-serif;
	color: #fff;
	margin-bottom: 6px;
}
.lang-jp .tile__title {
	font-size: 27px;
}
.tile__desc {
	text-align: center;
	font-size: 19px;
	line-height: 1.46em;
	letter-spacing: -0.02em;
}
.tile__icons {
	text-align: center;
	margin: 12px 0 0 0;
	display: none;
}
.tile__icons > .tile__icon:last-child {
	margin-right: none;
}
.tile__icon {
	margin-right: 6px;
}
 @media (max-width: 480px) {
.tiles {
	margin: 0;
}
.tile {
	width: 100%;/* width: auto; */
	margin: 10px;
	height: auto;
	float: none;
}
.tile__copy {
	padding: 20px 0 30px 0;
}
.tile .tile__img-wrap:after {
	top: 0;
	background-position: center top;
}

.red .tile__img-wrap:after {
	background-image: url(../images/red.png);
        background-repeat: no-repeat;
}
.green .tile__img-wrap:after {
	background-image: url(../images/green.png);
        background-repeat: no-repeat;
}
.blue .tile__img-wrap:after {
	background-image: url(../images/blue-top.png);
        background-repeat: no-repeat;
}
.darkGreen .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
        background-repeat: no-repeat;
}
}

@media (min-width: 481px) and (max-width: 768px) {
.tile {
	width: 100%;
}
/*
  .tile__copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tile__copy {
    padding: 27px 20px;
  }
*/
.tile__title {
	font-size: 21px;
}
.lang-jp .tile__title {
	font-size: 19px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	bottom: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.tile--1 .tile__img-wrap, .tile--3 .tile__img-wrap, .tile--5 .tile__img-wrap, .tile--7 .tile__img-wrap, .tile--9 .tile__img-wrap, .tile--11 .tile__img-wrap {
	position: absolute;
	top: 0;
	right: 3px;
	left: 0;
}
.tile--1 .tile__img-wrap:after, .tile--3 .tile__img-wrap:after, .tile--5 .tile__img-wrap:after, .tile--7 .tile__img-wrap:after, .tile--9 .tile__img-wrap:after, .tile--11 .tile__img-wrap:after {
	background: url(/components/images/a19bea90.tile-mask-down.png);
	bottom: 0;
	background-position: center bottom;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
}
.tile--2 .tile__img-wrap, .tile--4 .tile__img-wrap, .tile--6 .tile__img-wrap, .tile--8 .tile__img-wrap, .tile--10 .tile__img-wrap, .tile--12 .tile__img-wrap {
	position: absolute;
	bottom: 1px;
	right: 3px;
	left: 0;
}
.tile--2 .tile__img-wrap:after, .tile--4 .tile__img-wrap:after, .tile--6 .tile__img-wrap:after, .tile--8 .tile__img-wrap:after, .tile--10 .tile__img-wrap:after, .tile--12 .tile__img-wrap:after {
	background: url(/components/images/a19bea90.tile-mask-down.png);
        top: 0;
	background-position: center top;
}
.red .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.green .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
}
.red.tile--1 .tile__img-wrap:after, .red.tile--3 .tile__img-wrap:after, .red.tile--5 .tile__img-wrap:after, .red.tile--7 .tile__img-wrap:after, .red.tile--9 .tile__img-wrap:after, .red.tile--11 .tile__img-wrap:after {
	background-image: url(../images/red.png);
}
.green.tile--1 .tile__img-wrap:after, .green.tile--3 .tile__img-wrap:after, .green.tile--5 .tile__img-wrap:after, .green.tile--7 .tile__img-wrap:after, .green.tile--9 .tile__img-wrap:after, .green.tile--11 .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue.tile--1 .tile__img-wrap:after, .blue.tile--3 .tile__img-wrap:after, .blue.tile--5 .tile__img-wrap:after, .blue.tile--7 .tile__img-wrap:after, .blue.tile--9 .tile__img-wrap:after, .blue.tile--11 .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen.tile--1 .tile__img-wrap:after, .darkGreen.tile--3 .tile__img-wrap:after, .darkGreen.tile--5 .tile__img-wrap:after, .darkGreen.tile--7 .tile__img-wrap:after, .darkGreen.tile--9 .tile__img-wrap:after, .darkGreen.tile--11 .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
}
}

@media (min-width: 769px) and (max-width: 1024px) {
.tile__copyxx {
	padding: 27px 20px;
}
.tile__titlexx {
	font-size: 21px;
}
.lang-jp .tile__titlexx {
	font-size: 19px;
}
}
/*@media (min-width: 769px) and (max-width: 1200px) {*/
@media (min-width: 769px) and (max-width: 1300px) {
.tile {
	width: 22%;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 68%;
}
.tile--1 .tile__img-wrap, .tile--3 .tile__img-wrap, .tile--4 .tile__img-wrap, .tile--6 .tile__img-wrap, .tile--7 .tile__img-wrap, .tile--9 .tile__img-wrap, .tile--10 .tile__img-wrap, .tile--12 .tile__img-wrap {
	position: absolute;
	top: 0;
	right: 3px;
	left: 0;
}
.tile--1 .tile__img-wrap:after, .tile--3 .tile__img-wrap:after, .tile--4 .tile__img-wrap:after, .tile--6 .tile__img-wrap:after, .tile--7 .tile__img-wrap:after, .tile--9 .tile__img-wrap:after, .tile--10 .tile__img-wrap:after, .tile--12 .tile__img-wrap:after {
	bottom: 0;
	background-position: center bottom;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 8%;
	position: absolute;
	left: 0;
	right: 0;
}
.tile--2 .tile__img-wrap, .tile--5 .tile__img-wrap, .tile--8 .tile__img-wrap, .tile--11 .tile__img-wrap {
	position: absolute;
	bottom: 1px;
	right: 3px;
	left: 0;
}
.tile--2 .tile__img-wrap:after, .tile--5 .tile__img-wrap:after, .tile--8 .tile__img-wrap:after, .tile--11 .tile__img-wrap:after {
	top: 0;
	background-position: center top;
}

  .tile__desc {
    min-height: 42px;
  }

.red .tile__img-wrap:after {
	background-image: url(../images/red.png);
}
.green .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
}
.red.tile--1 .tile__img-wrap:after, .red.tile--3 .tile__img-wrap:after,  .red.tile--4 .tile__img-wrap:after, .red.tile--6 .tile__img-wrap:after,  .red.tile--7 .tile__img-wrap:after, .red.tile--9 .tile__img-wrap:after,  .red.tile--10 .tile__img-wrap:after, .red.tile--12 .tile__img-wrap:after {
	background-image: url(../images/red.png);
}
.green.tile--1 .tile__img-wrap:after, .green.tile--3 .tile__img-wrap:after,  .green.tile--4 .tile__img-wrap:after, .green.tile--6 .tile__img-wrap:after,  .green.tile--7 .tile__img-wrap:after, .green.tile--9 .tile__img-wrap:after,  .green.tile--10 .tile__img-wrap:after, .green.tile--12 .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue.tile--1 .tile__img-wrap:after, .blue.tile--3 .tile__img-wrap:after,  .blue.tile--4 .tile__img-wrap:after, .blue.tile--6 .tile__img-wrap:after,  .blue.tile--7 .tile__img-wrap:after, .blue.tile--9 .tile__img-wrap:after,  .blue.tile--10 .tile__img-wrap:after, .blue.tile--12 .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen.tile--1 .tile__img-wrap:after, .darkGreen.tile--3 .tile__img-wrap:after,  .darkGreen.tile--4 .tile__img-wrap:after, .darkGreen.tile--6 .tile__img-wrap:after,  .darkGreen.tile--7 .tile__img-wrap:after, .darkGreen.tile--9 .tile__img-wrap:after,  .darkGreen.tile--10 .tile__img-wrap:after, .darkGreen.tile--12 .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
}
}
/*@media (min-width: 1201px) {*/
@media (min-width: 1301px) {
.tile {
	width: 22%;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
}
.tile--1 .tile__img-wrap, .tile--3 .tile__img-wrap, .tile--5 .tile__img-wrap, .tile--7 .tile__img-wrap, .tile--9 .tile__img-wrap, .tile--11 .tile__img-wrap {
	position: absolute;
	top: 0;
	right: 3px;
	left: 0;
        
}
.tile--1 .tile__img-wrap:after, .tile--3 .tile__img-wrap:after, .tile--5 .tile__img-wrap:after, .tile--7 .tile__img-wrap:after, .tile--9 .tile__img-wrap:after, .tile--11 .tile__img-wrap:after {
	bottom: 0;
	background-position: center bottom;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 10%;
}
.tile--2 .tile__img-wrap, .tile--4 .tile__img-wrap, .tile--6 .tile__img-wrap, .tile--8 .tile__img-wrap, .tile--10 .tile__img-wrap, .tile--12 .tile__img-wrap {
	position: absolute;
	bottom: 1px;
	right: 3px;
	left: 0;
}
.tile--2 .tile__img-wrap:after, .tile--4 .tile__img-wrap:after, .tile--6 .tile__img-wrap:after, .tile--8 .tile__img-wrap:after, .tile--10 .tile__img-wrap:after, .tile--12 .tile__img-wrap:after {
	top: 0;
	background-position: center top;
}
.red .tile__img-wrap:after {
	background-image: url(../images/red.png);
}
.green .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen .tile__img-wrap:after {
	background-image: url(../images/yellow.png);
}
.red.tile--1 .tile__img-wrap:after, .red.tile--3 .tile__img-wrap:after,  .red.tile--5 .tile__img-wrap:after, .red.tile--7 .tile__img-wrap:after,  .red.tile--9 .tile__img-wrap:after, .red.tile--11 .tile__img-wrap:after {
	background-image: url(../images/red.png);
}
.green.tile--1 .tile__img-wrap:after, .green.tile--3 .tile__img-wrap:after,  .green.tile--5 .tile__img-wrap:after, .green.tile--7 .tile__img-wrap:after,  .green.tile--9 .tile__img-wrap:after, .green.tile--11 .tile__img-wrap:after {
	background-image: url(../images/green.png);
}
.blue.tile--1 .tile__img-wrap:after, .blue.tile--3 .tile__img-wrap:after,  .blue.tile--5 .tile__img-wrap:after, .blue.tile--7 .tile__img-wrap:after,  .blue.tile--9 .tile__img-wrap:after, .blue.tile--11 .tile__img-wrap:after {
	background-image: url(../images/blue.png);
}
.darkGreen.tile--1 .tile__img-wrap:after, .darkGreen.tile--3 .tile__img-wrap:after,  .darkGreen.tile--5 .tile__img-wrap:after, .darkGreen.tile--7 .tile__img-wrap:after,  .darkGreen.tile--9 .tile__img-wrap:after, .darkGreen.tile--11 .tile__img-wrap:after {
	/*background-image: url(/components/img/tile-mask-down_dg.png);*/
}
}

/* x2 */
@media (min-width: 481px) and (max-width: 520px) {
.tile {
	height: 402px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 521px) and (max-width: 550px) {
.tile {
	height: 426px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 551px) and (max-width: 600px) {
.tile {
	height: 464px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 601px) and (max-width: 650px) {
.tile {
	height: 503px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 651px) and (max-width: 700px) {
.tile {
	height: 542px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 701px) and (max-width: 730px) {
.tile {
	height: 565px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 731px) and (max-width: 768px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
/* x3 */
@media (min-width: 769px) and (max-width: 900px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 901px) and (max-width: 950px) {
.tile {
	height: 490px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 951px) and (max-width: 1024px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1025px) and (max-width: 1100px) {
.tile {
	height: 482px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1101px) and (max-width: 1200px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1201px) and (max-width: 1300px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
/* x4 */
@media (min-width: 1301px) and (max-width: 1400px) {
.tile {
	height: 300px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1401px) and (max-width: 1500px) {
.tile {
	height: 493px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1501px) and (max-width: 1600px) {
.tile {
	height: 526px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1601px) and (max-width: 1700px) {
.tile {
	height: 559px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1701px) and (max-width: 1800px) {
.tile {
	height: 592px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}
@media (min-width: 1801px) {
.tile {
	height: 592px;
}
.tile--1 .tile__content-wrap, .tile--3 .tile__content-wrap, .tile--5 .tile__content-wrap, .tile--7 .tile__content-wrap, .tile--9 .tile__content-wrap, .tile--11 .tile__content-wrap {
	top: 63%;
	height: 37%;
}
.tile--2 .tile__content-wrap, .tile--4 .tile__content-wrap, .tile--6 .tile__content-wrap, .tile--8 .tile__content-wrap, .tile--10 .tile__content-wrap, .tile--12 .tile__content-wrap {
	top: 0%;
	height: 37%;
}
}

.responsive-image {
	display: block;
}

.responsive-image > span {
	display: block;
}

.responsive-image > span > img {
	display: block;
}

.responsive-image--full > span > img {
	width: 100%;
	height: auto !important;
}
/* CAROUSEL ///////////////////////////////////////////////////////////////////////////////////////*/



.carousel {
	overflow: hidden;
	position: relative;
	background: #fff;
}

.carousel__wrap {
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.carousel__item {
	float: left;
	width: 100%;
	position: relative;
	/* display: block; */
	display: none;
}
.carousel__item img {
	width: 100%;
}
.carousel__item:first-child {
	display: block;
}

.carousel__but {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	display: block;
	width: 50px;
	height: 100px;
	z-index: 20;
	text-indent: -9999px;
	overflow: hidden;
}

.carousel__but--next {
	right: 0;
	background-position: center left;
}

.carousel__but--prev {
	left: 0;
	background-position: center right;
}

.carousel__bullets {
	position: absolute;
	z-index: 10;
	bottom: 31px;
	left: 50%;
}

.carousel__bullet {
	float: left;
	width: 8px;
	height: 8px;
	display: block;
	float: left;
	border: 1px solid #898989;
	margin-right: 13px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #898989;
	cursor: pointer;
}

.carousel__bullet:last-child {
	margin-right: 0px;
}

.carousel__bullet--active {
	width: 10px;
	height: 10px;
	border: none;
	background: #eb0a1e;
	cursor: default;
}

.carousel__touch-indicator {
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	position: absolute;
	height: 141px;
	left: 50%;
	margin: -70.5px 0 0 -176.5px;
	top: 50%;
	width: 353px;
	z-index: 11;
}

.carousel__touch-indicator > img {
	width: 100%;
}

.no-touch .carousel__touch-indicator {
	display: none;
}

.carousel__wrap a .texts {
	position: absolute;
	left: 0;
	top: 0;
	font-family: toyotaDisplay, Verdana, Helvetica, Arial, sans-serif;
}

/*@media (max-width: 480px) {*/
@media (max-width: 767px) {
.carousel__wrap a {
	padding: 120px 0 40px 0;
}
.carousel__wrap a .texts {
	width: 100%;
	padding: 24px 0 50px 0;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(80%, rgba(255,255,255,1)), color- stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
}
.carousel__wrap a .texts .title {
	display: block;
	color: #000;
	text-align: center;
	font-size: 48px;
	padding: 0 20px;
	line-height: 1.2em;
}
.carousel__wrap a .texts .lead {
	display: block;
	color: #000;
	text-align: center;
	font-size: 20px;
	padding: 0 10px;
	-webkit-text-size-adjust: 100%;/* disable auto font-size adjust for iPhone*/
}
.bg_pager {
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	background-color: #fff;
	z-index: 10;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
}
.carousel__bullets {
	bottom: 5%;
}
.carousel__touch-indicator {
	-moz-transition: opacity 500ms;
	-o-transition: opacity 500ms;
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	height: 70.5px;
	margin: -35.25px 0 0 -88.25px;
	width: 176.5px;
}
}
 @media (min-width: 768px) and (max-width: 1024px) {
.carousel__wrap a .texts {
	left: 60px;
	top: 50%;
	text-shadow: 0px 2px 2px #000;
	margin-top: -48px;
}
.carousel__wrap a .texts .title {
	display: none;
	color: #fff;
	font-size: 34px;
	padding: 0 10px;
	line-height: 1.2em;
}
.carousel__wrap a .texts .lead {
	display: none;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
}
}
@media (min-width: 1025px) {
.carousel__wrap a .texts {
	left: 60px;
	top: 50%;
	text-shadow: 0px 2px 2px #000;
	margin-top: -48px;
}
.carousel__wrap a .texts .title {
	display: none;
	color: #fff;
	font-size: 40px;
	padding: 0 10px;
	line-height: 1.2em;
}
.carousel__wrap a .texts .lead {
	display: none;
	color: #fff;
	font-size: 20px;
	padding: 0 10px;
}
}