/*スクロールダウン*/
.scrolldown1{
  position: absolute;
  bottom: 1vh;
  left: 7%;
  height: 60px;
  }
.scrolldown1 span{
  position: absolute;
  left: -8px;
  top: -45px;
  color: #333;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  }
.scrolldown1:after{
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 40px;
  background: #333;
  animation: pathmove 1.6s ease-in-out infinite;
  opacity:0;
  visibility: inherit;
  }
@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height: 40px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top: 60px;
		opacity: 0;
	  }
  }

 .xa-tx {
	font-family: 'Metropolis-Regular';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 19%;
	} 
.xa-tx .t {
	display: block;
	margin: 0 1em 0 0;
	letter-spacing: 0.22em;
	white-space: nowrap;
	font-size: 0.8rem;
	color: #fff;
	}
.xa-tx .b {
	display: block;
	}
.xa-tx .b div, .x-txt .b span {
	width: 80px;
	height: 1px;
	background-color: #fff;
	display: block;
	}
	  
.ya-txt {
	font-family: 'Metropolis-Regular';
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 13%;
	left: 0;
	font-size: 0.8rem;
	font-weight: 300;
	letter-spacing: 0.22rem;
	line-height: 1;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
.ya-txt .b {
	margin: 4em 0 0 0;
	display: block;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.ye-txt .b div, .ye-txt .b span {
	width: 40px;
	height: 1px;
	background-color: #fff;
	display: block;
	margin: 0em 0em;
	}
.vye-txt .t:last-child {
	margin: 4em 0 0 0;
	}
.ye-txt_st:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1;
	background: #000;
	top: 0;
	right: 0;
	display: block;
	}
.ye-txt_ed {
	-webkit-transform: rotate(-90deg) translateY(-5px);
	-ms-transform: rotate(-90deg) translateY(-5px);
	transform: rotate(-90deg) translateY(-5px);
	display: inline-block;
	position: relative;
	padding-right: 10px;
	margin-top: 12px;
	}	

.ve-txt {
	font-family: 'Zilla Slab', serif;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 23%;
	left: 4%;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	color: #FFFFFF;
	z-index: 100;
	}
.ve-txt_st {
	letter-spacing: 0.1em;
	}
.ve-txt_ed:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background:#FFFFFF;
	top: 0;
	right: 0;
	}
.ve-txt_ed {
	-webkit-transform: rotate(-90deg) translateY(-5px);
	-ms-transform: rotate(-90deg) translateY(-5px);
	transform: rotate(-90deg) translateY(-5px);
	display: inline-block;
	position: relative;
	padding-right: 10px;
	margin-top: 13px;
	}
	
	
/*** slider ***/
.slider{
	max-width: 750px;
	}
.slick-dotted.slick-slider{
	width: 100% !important;
	}
.slick-initialized .slick-slide{
	height: auto !important;
	}

/* カウントナンバー*/
.slider .slick-dots{
	text-align: left;
	counter-reset: number;
	padding: 0 9%;
	bottom: -35px;
	box-sizing: border-box;
	}
.slider .slick-dots li{
	counter-increment: number;
	padding-left: 3px;
	position: relative;
	}
.slider .slick-dots li:not(:last-child){
	margin-right: 5px;
	}
.slider .slick-dots li::before{
	content: '';
	height: 1px;
	width: 100%;
	background: #333;
	display: block;
	position: absolute;
	left: 0;
	top: calc(100% + 4px);
	transform: scale(0,1);
	transform-origin: right;
	transition: transform .3s;
	}
.slider .slick-dots li:hover::before{
	transform-origin: left;
	transform: scale(1,1);
	}
.slider .slick-dots li.slick-active::before{
	transform: scale(1,1);
	}
.slider .slick-prev, .slider .slick-next{
	display: none !important;
	}
.slider .slick-dots li button::before{
	font-family: 'Helvetica Neue';
	content: '0' counter(number);
	font-size: 11px;
	color: #333;
	opacity: 1;
	font-weight: 600;
	}
	
/* カウントドット
.slider .slick-dots{
	text-align: center;
	counter-reset: number;
	padding: 0 9%;
	bottom: -35px;
	box-sizing: border-box;
	}
.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: #ccc;
	}*/ 
	

@media screen and (min-width: 1600px){
	 .slider 	.slick-dots li{
		font-size: 26px;
	}
}

/*** utility ****/
.mb90 {margin-bottom: 90px;}
.mb1e {margin-bottom: 1em;}
.mb2e {margin-bottom: 2em;}
.mb3e {margin-bottom: 3em;}
.mb4e {margin-bottom: 4em;}
.mb5e {margin-bottom: 5em;}
.mb6e {margin-bottom: 6em;}
.mb7e {margin-bottom: 7em;}
.mb8e {margin-bottom: 8em;}
.mb9e {margin-bottom: 9em;}
.mb10e {margin-bottom: 10em;}
.mb11e {margin-bottom: 11em;}
.mb12e {margin-bottom: 12em;}
.mb13e {margin-bottom: 13em;}
.mb14e {margin-bottom: 14em;}
.mb15e {margin-bottom: 15em;}
.mb16e {margin-bottom: 16em;}
.mb17e {margin-bottom: 17em;}
.mb18e {margin-bottom: 18em;}
.mb19e {margin-bottom: 19em;}
.mb20e {margin-bottom: 20em;}
.mb21e {margin-bottom: 21em;}
.mb22e {margin-bottom: 22em;}
.mb23e {margin-bottom: 23em;}
.mb24e {margin-bottom: 24em;}
.mb25e {margin-bottom: 25em;}
.mb26e {margin-bottom: 26em;}
.mb27e {margin-bottom: 27em;}
.mb28e {margin-bottom: 28em;}
.mb29e {margin-bottom: 29em;}
.mb30e {margin-bottom: 30em;}

.mt1 {margin-top: 1px;}
.mt3e {margin-top: 3em;}
.mt4e {margin-top: 4em;}
.mt5e {margin-top: 5em;}
.mt6e {margin-top: 6em;}
.mt7e {margin-top: 7em;}
.mt8e {margin-top: 8em;}
.mt9e {margin-top: 9em;}
.mt10e {margin-top: 10em;}
.mt11e {margin-top: 11em;}
.mt12e {margin-top: 12em;}
.mt13e {margin-top: 13em;}
.mt14e {margin-top: 14em;}
.mt15e {margin-top: 15em;}
.mt16e {margin-top: 16em;}
.mt17e {margin-top: 17em;}
.mt18e {margin-top: 18em;}
.mt19e {margin-top: 19em;}
.mt20e {margin-top: 20em;}
.mt21e {margin-top: 21em;}
.mt22e {margin-top: 22em;}
.mt23e {margin-top: 23em;}
.mt24e {margin-top: 24em;}
.mt25e {margin-top: 25em;}
.mt26e {margin-top: 26em;}
.mt27e {margin-top: 27em;}
.mt28e {margin-top: 28em;}
.mt29e {margin-top: 29em;}
.mt30e {margin-top: 30em;}

.pt3e{padding-top: 3em;}
.pt4e{padding-top: 4em;}
.pt5e{padding-top: 5em;}
.pt6e{padding-top: 6em;}
.pt7e{padding-top: 7em;}
.pt8e{padding-top: 8em;}
.pt9e{padding-top: 9em;}
.pt10e{padding-top: 10em;}
.pt11e{padding-top: 11em;}
.pt12e{padding-top: 12em;}
.pt13e{padding-top: 13em;}
.pt14e{padding-top: 14em;}
.pt15e{padding-top: 15em;}
.pt17e{padding-top: 17em;}
.pt18e{padding-top: 18em;}
.pt19e{padding-top: 19em;}
.pt20e{padding-top: 20em;}
.pt21e{padding-top: 21em;}
.pt22e{padding-top: 22em;}
.pt23e{padding-top: 23em;}
.pt25e{padding-top: 25em;}
.pt27e{padding-top: 27em;}
.pt28e{padding-top: 28em;}
.pt30e{padding-top: 30em;}
.pt32e{padding-top: 32em;}
.pt33e{padding-top: 33em;}
.pt34e{padding-top: 34em;}
.pt35e{padding-top: 35em;}
.pt36e{padding-top: 36em;}
.pt37e{padding-top: 37em;}
.pt38e{padding-top: 38em;}
.pt45e{padding-top: 45em;}

.pb1e{padding-bottom: 1em;}
.pb2e{padding-bottom: 2em;}
.pb3e{padding-bottom: 3em;}
.pb5e{padding-bottom: 5em;}
.pb6e{padding-bottom: 6em;}
.pb7e{padding-bottom: 7em;}
.pb8e{padding-bottom: 8em;}
.pb9e{padding-bottom: 9em;}
.pb10e{padding-bottom: 10em;}
.pb11e{padding-bottom: 11em;}
.pb12e{padding-bottom: 12em;}
.pb13e{padding-bottom: 13em;}
.pb14e{padding-bottom: 14em;}
.pb15e{padding-bottom: 15em;}
.pb20e{padding-bottom: 20em;}
.pb22e{padding-bottom: 22em;}
.pb23e{padding-bottom: 23em;}
.pb24e{padding-bottom: 24em;}
.pb25e{padding-bottom: 25em;}
.pb27e{padding-bottom: 27em;}
.pb28e{padding-bottom: 28em;}
.pb30e{padding-bottom: 30em;}