@charset "UTF-8";
/*!* animate.css -http://daneden.me/animate
* Version - 3.7.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2018 Daniel Eden*/

/*------------------------------------------------------------------------------
↓↓↓　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/
.promotion-banner{
  margin-top:0;
}
@media (min-width: 768px){
  .promotion-banner {
    margin-top:0;
  }
}
.red-2-orange .promotion-banner::before,
.promotion-banner::before{
  background:none;
}
/*------------------------------------------------------------------------------
↑↑↑　search.cssの記述を打ち消し
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
↓↓↓　HTMLに直書きのcssを転載
------------------------------------------------------------------------------*/
.content-asset-container {
  max-width: 100%;
  padding: 0;
}
.slant-down h1 {
  display: none;
}
.promotion-banner {
  z-index: 11;
}
/*------------------------------------------------------------------------------
↑↑↑　HTMLに直書きのcssを転載
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
↓↓↓　フォント読み込み
------------------------------------------------------------------------------*/
@font-face {
	font-family: eina01-semibold;
	src: url(../img/fonts/Eina01-SemiBold.svg#Eina01-SemiBold) format("svg"), url(../img/fonts/Eina01-SemiBold.ttf) format("truetype"), url(../img/fonts/Eina01-SemiBold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: eina01-bold;
	src: url(../img/fonts/Eina01-Bold.svg#Eina01-Bold) format("svg"), url(../img/fonts/Eina01-Bold.ttf) format("truetype"), url(../img/fonts/Eina01-Bold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: camphorw01-regular;
	src: url(../img/fonts/CamphorW01-Regular.svg#CamphorW01-Regular) format("svg"), url(../img/fonts/CamphorW01-Regular.ttf) format("truetype"), url(../img/fonts/CamphorW01-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: camphorw01-bold;
	src: url(../img/fonts/Camphor-W01-Bold.ttf) format("truetype"), url(../img/fonts/Camphor-W01-Bold.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

/*------------------------------------------------------------------------------*/

[class^=sa-icon] {
	font-family: samsonite-icons!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.promotion-banner {
	position: relative;
	padding-bottom: calc(1.429rem + 1.429rem);
	background: #fff;
	margin-bottom: 0;
}
@media(min-width:992px) {
	.promotion-banner {
		/* padding-bottom: 2.857rem; */
		padding-bottom: calc(2.857rem + 2.857rem);
		margin-bottom: 0;
	}
}
@media(min-width:1600px) {
	.promotion-banner img {
		width: 100%;
	}
}
.promotion-banner.has-animation.load-animation .shopping-info, .promotion-banner.has-animation.load-animation .white-button {
	opacity: 1;
	filter: alpha(opacity=1);
	animation-name: brandStoryFadeInUp;
	animation-duration: 1.3s;
	animation-fill-mode: both
}
.promotion-banner.has-animation.load-animation .shopping-info {
	animation-delay: .2s
}
.promotion-banner.has-animation.load-animation .white-button {
	animation-delay: .7s
}
.promotion-banner.has-animation .shopping-info, .promotion-banner.has-animation .white-button {
	opacity: 0;
	filter: alpha(opacity=0)
}
.promotion-banner .brand-shopping {
	position: absolute;
	z-index: 3;
	top: 46%;
	font-family: eina01-bold;
	font-size: 1.8571rem;
	color: #fff;
	transform: translateY(-50%)
}
@media(min-width:768px) {
	.promotion-banner .brand-shopping {
		left: 50%;
		transform: translate(-50%, -50%)
	}
}
@media(min-width:992px) {
	.promotion-banner .brand-shopping {
		font-size: 2rem
	}
}
@media(min-width:1600px) {
	.promotion-banner .brand-shopping {
		font-size: 2.5rem
	}
}
.promotion-banner .shopping-info {
	margin-bottom: 0;
	padding: 1.571rem 0;
	position: relative;
	z-index: 2
}
@media(min-width:992px) {
	.promotion-banner .shopping-info {
		padding-bottom: 2.5rem
	}
}
.promotion-banner .shopping-info::after {
	position: absolute;
	z-index: 5;
	content: ' ';
	top: 100%;
	left: 50%;
	display: block;
	padding: 4px 15px;
	background: #fff;
	border-radius: 15px;
	transform: translate(-50%, -100%)
}
@media(min-width:768px) {
	.promotion-banner .shopping-info::after {
		padding: 5px 35px
	}
}
.promotion-banner .white-button {
	padding: .714rem 1.071rem;
	margin-top: 1.571rem
}
@media(min-width:768px) {
	.promotion-banner .white-button {
		padding: 7px 45px;
		padding-top: 6px
	}
}
@media(min-width:992px) {
	.promotion-banner .white-button {
		font-size: 1.1429rem;
		margin-top: 2.5rem
	}
}
@media(min-width:1600px) {
	.promotion-banner .white-button {
		font-size: 1.4286rem
	}
}
.content-asset-container {
	position: relative;
	z-index: 3;
}
[data-querystring="cid=brand-story"] .back-to-top {
	display: none
}
.sticky-header [data-querystring="cid=brand-story"] .section-header {
	animation: none
}
.time-line {
	overflow: hidden
}
.time-line .time-line-item {
	padding-left: 1.071rem;
	padding-right: 1.071rem;
	color: #fff;
	font-family: eina01-bold;
	line-height: normal;
	min-height: calc(100vh - 4rem);
	position: relative
}
.time-line .time-line-item.active li {
	transform: scale(1.3)
}
.time-line .time-line-item .icon-circle {
	display: none
}
.time-line .item1 {
	background: linear-gradient(to bottom, #bcce1a, #81c241);
}
.time-line .item2 {
	background: linear-gradient(to bottom, #81c241, #6ac5b0);
}
.time-line .item3 {
	background: linear-gradient(to bottom, #6ac5b0, #67cadb);
}
.time-line .item4 {
	background: linear-gradient(to bottom, #67cadb, #3093d0);
}
.time-line .item5 {
	background: linear-gradient(to bottom, #3093d0, #00539e);
}
.time-line .item6 {
	background: linear-gradient(to bottom, #00539e, #8b4499);
}
.time-line .item7 {
	background: linear-gradient(to bottom, #8b4499, #c71d8b);
}
.time-line .item8 {
	background: linear-gradient(to bottom, #c71d8b, #d21245);
}
.time-line .list-time-line {
	position: fixed;
	z-index: 10;
	right: .85rem;
	top: 50%;
	display: none;
	transform: translateY(-50%)
}
@media(min-width:768px) {
	.time-line .list-time-line {
		right: 2rem
	}
}
@media(min-width:1200px) {
	.time-line .list-time-line {
		right: 3rem
	}
}
.time-line .list-time-line ul {
	padding: 0;
	margin: 0
}
.time-line .list-time-line ul li {
	position: relative;
	z-index: 1;
	list-style: none;
	padding-top: 1.786rem;
	padding-right: .286rem
}
.time-line .list-time-line ul li::after, .time-line .list-time-line ul li::before, .time-line .list-time-line ul li .list-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	background: 0 0;
	display: inline-block;
	transform: translate(-50%, -50%)
}
.time-line .list-time-line ul li.is-selected {
	transform: scale(1.3)
}
.time-line .list-time-line ul li .list-icon {
	z-index: 5;
	width: 15px;
	height: 15px;
	padding-left: 20px
}
.time-line .list-time-line ul li::after {
	z-index: 2;
	content: ' ';
	width: 13px;
	height: 13px;
	border: 1px solid #fff;
	border-radius: 50%
}
.time-line .list-time-line ul li::before {
	z-index: 2;
	content: ' ';
	width: 7px;
	height: 7px;
	background: #fff;
	border-radius: 50%
}
.time-line-item.active .inner {
	opacity: 1;
	filter: alpha(opacity=1);
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-delay: 1.1s
}
.time-line-item .inner {
	position: relative;
	height: 100%;
	opacity: 0
}
.fixed-content {
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100%;
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-family: eina01-bold
}
.content-details,
.fixed-content .info-details,
.fixed-content .info-details-right,
.fixed-content .item8 .content,
.fixed-content .img-info{
  font-family: 'メイリオ', Meiryo, sans-serif !important;
}
.fixed-content .item1 .info-details {
	font-size: 1.0714rem
}
@media(min-width:992px) {
	.fixed-content .item1 .info-details {
		/* font-size: 2rem; */
    /* font-size:1.7rem; */
    font-size:1.1857rem;
		padding: 0
	}
}
@media(min-width:1600px) {
	.fixed-content .item1 .info-details {
		/* font-size: 2.5rem */
    /* font-size:2.2rem; */
    font-size: 1.4429rem;
	}
}
@media(max-width:575.98px) {
	.fixed-content .item1 .info-details {
		font-size: .929rem
	}
}
@media(min-width:1200px) {
	.fixed-content .item1 .col-left {
		padding-left: 9%;
		padding-right: 2%
	}
}
@media(min-width:1200px) {
	.fixed-content .item2 .col-left img {
		max-width: 40%;
		display: inline-block
	}
}
.fixed-content .item2 .col-right {
	font-family: eina01-bold
}
@media(min-width:1600px) {
	.fixed-content .item3 .item-center h3 {
		font-size: 3.357rem
	}
}
.fixed-content .item3 .wrapper {
	max-width: 31.786rem;
	margin: 0 auto
}
.fixed-content .item3 .wrapper .info-details, .fixed-content .item3 .wrapper h3 {
	padding-left: 0;
	padding-right: 0
}
@media(min-width:1200px) {
	.fixed-content .item3 .col-right img {
		max-width: 50%
	}
}
@media(min-width:1200px) {
	.fixed-content .item4 .col-left img, .fixed-content .item6 .col-left img {
		max-width: 40%;
		display: inline-block
	}
}
@media(min-width:1200px) {
	.fixed-content .item5 .item-center .col-left {
		padding-left: 19%
	}
}
.fixed-content .item7 .wrapper {
	max-width: 32.143rem;
	margin: 0 auto
}
.fixed-content .item7 .wrapper .info-details {
	padding: 0;
	margin: 0;
	padding-bottom: 2.143rem;
	font-family: eina01-bold
}
@media(min-width:1200px) {
	.fixed-content .item7 .item-center .col-left {
		padding-left: 19%
	}
}
.fixed-content .item7 .item-center .col-right {
	margin-top: -4.286rem;
	padding: 0 2.143rem
}
.fixed-content .item7 .item-center .col-right img {
	max-width: 100%
}
@media(min-width:768px) {
	.fixed-content .item7 .item-center .col-right img {
		max-width: 90%
	}
}
@media(min-width:992px) {
	.fixed-content .item7 .item-center .col-right img {
		max-width: 100%
	}
}
.fixed-content .item8 {
	padding: 2.5rem
}
@media(min-width:992px) {
	.fixed-content .item8 {
		padding: 2.5rem 0 0;
		min-height: calc(100vh - 35rem)
	}
}
@media(min-width:1200px) {
	.fixed-content .item8 {
		padding-bottom: 6rem
	}
}
.fixed-content .item8 .head-title {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 2.143rem;
	position: relative
}
@media(min-width:992px) {
	.fixed-content .item8 .head-title {
		padding-top: 2em
	}
}
.fixed-content .item8 .head-title.has-animation.load-animation p, .fixed-content .item8 .head-title.has-animation.load-animation h2, .fixed-content .item8 .head-title.has-animation.load-animation h3, .fixed-content .item8 .head-title.has-animation.load-animation img {
	opacity: 1;
	filter: alpha(opacity=1);
	animation-name: customFadeInUp;
	animation-duration: 1s;
	animation-fill-mode: both
}
.fixed-content .item8 .head-title.has-animation.load-animation .icon-circle-now {
	opacity: 1;
	filter: alpha(opacity=1);
	animation-name: brandStoryCustomFadeInUp;
	animation-duration: 1s;
	animation-fill-mode: both
}
.fixed-content .item8 .head-title.has-animation.load-animation p {
	animation-delay: .2s
}
.fixed-content .item8 .head-title.has-animation.load-animation h2 {
	animation-delay: .5s
}
.fixed-content .item8 .head-title.has-animation.load-animation .icon-circle-now {
	animation-delay: .8s
}
.fixed-content .item8 .head-title.has-animation.load-animation .content {
	animation-delay: 1.1s
}
.fixed-content .item8 .head-title.has-animation.load-animation h3 {
	animation-delay: 1.4s
}
.fixed-content .item8 .head-title.has-animation.load-animation img {
	animation-delay: 1.7s
}
.fixed-content .item8 .head-title.has-animation p, .fixed-content .item8 .head-title.has-animation h2, .fixed-content .item8 .head-title.has-animation .icon-circle-now h3, .fixed-content .item8 .head-title.has-animation img {
	opacity: 0;
	filter: alpha(opacity=0)
}
.fixed-content .item8 .head-title .icon-circle-now {
	border: 1px solid #fff;
	width: 23px;
	height: 23px;
	background: 0 0;
	position: relative;
	display: block;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%
}
.fixed-content .item8 .head-title .icon-circle-now::before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 50%;
	left: 4px;
	top: 4px
}
.fixed-content .item8 .item-center {
	/* top: 75% */
  top: 60%
}
@media(min-width:768px) {
	.fixed-content .item8 .item-center {
		top: 50%
	}
}
@media(min-width:992px) {
	.fixed-content .item8 .item-center {
		position: static;
		top: 0;
		left: 0;
		text-align: center;
		transform: translate(0, 0)
	}
}
.fixed-content .item8 .item-center h3 {
	font-size: 1.929rem;
	font-family: eina01-bold;
	text-align: center
}
@media(min-width:768px) {
	.fixed-content .item8 .item-center h3 {
		font-size: 2rem;
		padding-bottom: 1.286rem
	}
}
@media(min-width:1200px) {
	.fixed-content .item8 .item-center h3 {
		font-size: 2rem;
		padding-top: 0;
		padding-bottom: .5em
	}
}
@media(min-width:1600px) {
	.fixed-content .item8 .item-center h3 {
		font-size: 2.5rem
	}
}
@media(min-width:1200px) {
	.fixed-content .item8 .item-center img {
		max-width: 35%
	}
}

.fixed-content .item8 .content {
	font-size: 1.0714rem;
	padding: 1rem 0 1.857rem;
	padding: 0 1em;
	margin: 1em 0;
	text-align: center
}
@media(min-width:992px) {
	.fixed-content .item8 .content {
		 font-size: 1.1857rem;
	}
}
@media(min-width:1600px) {
	.fixed-content .item8 .content {
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
    font-size: 1.4429rem;
	}
}
@media(min-width:1600px) {
	.fixed-content .item8 .content {
		max-width: 50%;
	}
}
@media(max-width:575.98px) {
	.fixed-content .item8 .content {
		font-size: .929rem;
	}
}
.fixed-content .row {
	margin-left: 0;
	margin-right: 0
}
.fixed-content .icon-border-circle {
	border: 1px solid #fff;
	width: 23px;
	height: 23px;
	background: 0 0;
	bottom: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 50%
}
.fixed-content .icon-border-circle::before {
	content: '';
	position: absolute;
	width: 13px;
	height: 13px;
	background: #fff;
	border-radius: 50%;
	left: 4px;
	top: 4px
}
.fixed-content .head-title {
	padding-top: 2.5rem
}
.fixed-content .head-title p {
	font-size: 1.0714rem;
	margin-bottom: 0
}
@media(min-width:1200px) {
	.fixed-content .head-title p {
		/* font-size: 1.4286rem */
    font-size: 1.3286rem;
	}
}
.fixed-content .head-title h2 {
	font-size: 2.643rem;
	font-family: eina01-bold
}
@media(min-width:1200px) {
	.fixed-content .head-title h2 {
		font-size: 3.4286rem
	}
}
@media(min-width:1600px) {
	.fixed-content .head-title h2 {
		font-size: 4.2857rem
	}
}
.fixed-content .img-info {
	padding-top: 1rem;
	/* font-size: 1.0714rem */
  font-size:.75rem;
}
@media(min-width:992px) {
	.fixed-content .img-info {
    /* font-size: 1.1857rem; */
    font-size:.929rem;
	}
}

.fixed-content .info-details {
	font-size: 1.0714rem
}
@media(min-width:992px) {
	.fixed-content .info-details {
		/* font-size: 1.2857rem; */
    font-size: 1.1857rem;
		padding: 0
	}
}
@media(min-width:1600px) {
	.fixed-content .info-details {
		padding-left: 0;
		padding-right: 0;
		/* font-size: 1.6429rem */
    font-size: 1.4429rem;
	}
}
@media(max-width:575.98px) {
	.fixed-content .info-details {
		font-size: .929rem
	}
}

.fixed-content .info-details-right {
	padding-left: 0;
	font-size: 1.0714rem
}
@media(min-width:992px) {
	.fixed-content .info-details-right {
    font-size: 1.1857rem;
		margin-top: 2.5rem
	}
}
@media(min-width:1600px) {
	.fixed-content .info-details-right {
    font-size: 1.4429rem;
	}
}
@media(min-width:1600px) {
	.fixed-content .info-details-right {
		padding-left: 0;
		padding-right: 0;
		/* font-size: 1.6429rem */
    font-size: 1.4429rem;
	}
}
@media(max-width:575.98px) {
	.fixed-content .info-details-right {
		font-size: .929rem
	}
}

.fixed-content .item-fixed-bottom {
	position: absolute;
	z-index: 2;
	left: -12px;
	bottom: 0;
	font-size: 45vw;
	line-height: .85;
	opacity: .1;
	padding: 0;
	font-family: eina01-bold
}
@media(min-width:768px) {
	.fixed-content .item-fixed-bottom {
		left: -25px;
		font-size: 44vw
	}
}
@media(min-width:992px) {
	.fixed-content .item-fixed-bottom {
		left: -25px
	}
}
@media(min-width:1200px) {
	.fixed-content .item-fixed-bottom {
		font-size: 36.8vw;
		left: -40px;
		line-height: .78em
	}
}
@media(min-width:1400px) {
	.fixed-content .item-fixed-bottom {
		line-height: .83em
	}
}
@media(min-width:1600px) {
	.fixed-content .item-fixed-bottom {
		left: -60px;
		line-height: .78em
	}
}
.fixed-content .item-center {
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	z-index: 3;
	top: 55%;
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	transform: translateY(-50%)
}
@media(min-width:576px) {
	.fixed-content .item-center {
		top: 65%
	}
}
@media(min-width:768px) {
	.fixed-content .item-center {
		top: 50%
	}
}
@media(min-width:1200px) {
	.fixed-content .item-center {
		/* top: 64%; */
		width: 100%;
	}
}
.fixed-content .item-center.has-animation .col-left, .fixed-content .item-center.has-animation .col-right {
	opacity: 0;
	filter: alpha(opacity=0)
}
.fixed-content .item-center.has-animation.load-animation .col-left, .fixed-content .item-center.has-animation.load-animation .col-right {
	opacity: 1;
	filter: alpha(opacity=1);
	animation-name: brandStoryFadeInUp;
	animation-duration: 1s;
	animation-fill-mode: both
}
.fixed-content .item-center.has-animation.load-animation .col-left {
	animation-delay: .4s
}
.fixed-content .item-center.has-animation.load-animation .col-right {
	animation-delay: .7s
}
.fixed-content .item-center h3 {
	font-size: 1.4286rem;
	padding: 1.429rem 0
}
@media(min-width:992px) {
	.fixed-content .item-center h3 {
		font-size: 3.4286rem
	}
}
@media(min-width:1600px) {
	.fixed-content .item-center h3 {
		padding-left: 0;
		font-size: 4.2857rem;
		padding-right: 0
	}
}
.fixed-content .item-center .col-right {
	margin: 0 auto;
	padding: 0 1em
}
@media(min-width:992px) {
	.fixed-content .item-center .col-right {
		max-width: 28.571rem
	}
}
@media(min-width:1400px) {
	.fixed-content .item-center .col-right {
		max-width: 35.714rem
	}
}
.fixed-content .item-center .col-right p.info-details-right:first-child {
	margin-top: 0
}
.fixed-content .item-center .col-right h3 {
	padding-left: 0;
	padding-right: 0
}
@media(max-width:575.98px) {
	.fixed-content .item-center .col-right img {
		max-width: 70%
	}
}
.fixed-content .item-center .col-left {
	padding: 0 .714rem
}
@media(min-width:768px) {
	.fixed-content .item-center .col-left {
		padding: 0 7rem
	}
}
.slide {
	position: absolute;
	top: 65px;
	left: 0;
	width: 100%;
	z-index: 0;
	bottom: 0;
	color: #fff
}
.slide.active {
	z-index: 1
}
.slide.active .slide-inner {
	opacity: 1;
	transform: translate(0, 0)
}
.slide .slide-inner {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity .4s ease, transform .4s ease;
	transform: translate(0, 30px)
}
.slide .slide-inner>.text-center {
	position: relative;
	z-index: 5;
	padding-bottom: 2.071rem
}
.slide .slide-inner>.text-center::after {
	position: absolute;
	z-index: 10;
	content: '';
	display: block;
	min-height: calc(100vh - 11.786rem);
	background: #fff;
	left: 50%;
	top: 100%;
	min-width: 1px;
	transform: translateX(-50%)
}
@media(min-width:1200px) {
	.slide .slide-inner>.text-center::after {
		min-height: calc(100vh - 14.286rem)
	}
}
.main-banner {
	position: relative;
	min-height: calc(100vh - 6rem);
	color: #fff;
	overflow: hidden;
	z-index: 11
}
.main-banner .banner-video {
	position: absolute;
	z-index: -1;
	min-height: 100vh;
	min-width: 170vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
@media(min-width:1200px) {
	.main-banner .banner-video {
		min-height: 56vw;
		min-width: 100vw
	}
}
.main-banner .text-content {
	position: absolute;
	z-index: 1;
	top: 45%;
	left: 0;
	text-align: center;
	font-size: 1.0714rem;
	font-family: eina01-bold;
	white-space: pre-line;
	padding: 0 3rem;
	transform: translate(0, -50%)
}
@media(min-width:768px) {
	.main-banner .text-content {
		left: 50%;
		padding: 0;
		transform: translate(-50%, -50%)
	}
}
@media(min-width:992px) {
	.main-banner .text-content {
		font-size: 1.2857rem
	}
}
@media(min-width:1600px) {
	.main-banner .text-content {
		font-size: 1.5714rem
	}
}
.main-banner .content-top {
	font-size: 2.643rem;
	padding-bottom: 1.929rem
}
@media(min-width:992px) {
	.main-banner .content-top {
		font-size: 3.4286rem;
		padding-bottom: 0
	}
}
@media(min-width:1600px) {
	.main-banner .content-top {
		font-size: 4.2857rem
	}
}
.main-banner .content-middle {
	margin-bottom: 0
}
.main-banner .arrow-down {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	color: #fff;
	transform: translateX(-50%)
}
@media(max-width:575.98px) {
	.main-banner .arrow-down {
		bottom: 17%
	}
}