.b-g-1 {
	background: linear-gradient(206deg, #fad1bb, #efc5d7);
	margin: 16em auto 0em;
	width: 100%;
	padding: 13vh 0 13vh;
	}
	
/*背景グラデーション*/
.b-g-time {
	width: 100%;
	padding: 10em 0;
	background:linear-gradient(135deg, #ddd,#ffffff,#eaeaea););
	background-size: 200% 200%;
	animation: bggradient 6s ease infinite;
	}
	@keyframes bggradient{
	0% {
	background-position: 0% 50%;
	}
	50% {
	background-position: 100% 50%;
	}
	100% {
	background-position: 0% 50%;
	}
	}

/*スクロールダウン*/
.scrolldown1{
  z-index: 100;
  position: absolute;
  top: 93vh;
  left: 2%;
  height: 100px;
  }
.scrolldown1 span{
  position: absolute;
  left: -8px;
  top: -45px;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  writing-mode: vertical-rl;
  }
.scrolldown1::after{
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 30px;
  background: #fff;
  animation: pathmove 1.9s ease-in-out infinite;
  opacity: 0;
  }
@keyframes pathmove{
  0%{
	height:0;
	top:0;
	opacity: 0;
  }
  30%{
	height: 35px;
	opacity: 1;
  }
  100%{
	height:0;
	top: 60px;
	opacity: 0;
  }
  }
  
	
.facedesign .faceImage {
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(../images/image_10.jpg) top center no-repeat;
	background-size: cover;
	padding-top: 20%;
	background-attachment: fixed;
	}
	
.facedesign .faceImage .txt {
	position: absolute;
	top: 50%;
	right: 0%;
	left: 0%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.03em;
	font-size: 2.0vw;
	font-weight: 300;
	color: #FFF;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
  
/* 横文字 */
 .x-t {
	font-family: 'Metropolis-Regular';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	left: 32%;
	top: 15%;
	} 
.x-t .t {
	display: block;
	margin: 0 1em 0 0;
	letter-spacing: 0.22em;
	white-space: nowrap;
	font-size: 0.8rem;
	color: #000;
	}
.x-t .b {
	display: block;
	}
.x-t .b div, .xe-title .b span {
	width: 193px;
	height: 1px;
	background-color: #000;
	display: block;
	}

/* 縦文字 */
.y-t {
	font-family:'Metropolis-Regular';
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: absolute;
	top: 30%;
	left: 1%;
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: 0.15rem;
	line-height: 1;
	color: #FFFFFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
.y-t .b {
	margin: 2.5em 0 0 0;
	display: block;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	}
.y-t .b div, .y-t .b span {
	width: 35px;
	height: 1px;
	background-color: #FFFFFF;
	display: block;
	margin: 0em; 
	}
.y-t .t:last-child {
	margin: 2.5em 0;
	}
.y-t_st:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1;
	background: #FFFFFF;
	top: 0;
	right: 0;
	display: block;
	}
.y-t_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: 22%;
	left: 1.5%;
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1;
	color: #FFFFFF;
	z-index: 100;
	}
.ve-txt_st {
	letter-spacing: .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;
	}
	
/**** animation */
.animation-1{
	opacity: 0;
	-webkit-transform: translate(0, 40px);
	-ms-transform: translate(0, 40px);
	transform: translate(0, 40px);
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	}
.animation-1.animation-delay{
	transition-delay: 0.8s;
	}
.animation-1.scrollin {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}
	
.animation-2{
	opacity: 0;
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	transform: translate(0, -50px);
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	}
.animation-2.animation-delay{
	transition-delay: 0.7s;
	}
.animation-2.scrollin {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	}
	
.animation-3{
	opacity: 0;
	-webkit-transform: translate3d(-30px, 0px, 0px);
	-ms-transform: translate3d(-30px, 0px, 0px);
	transform: translate3d(-30px, 0px, 0px);
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	}
.animation-3.animation-delay{
	transition-delay: 0.7s;
	}
.animation-3.scrollin {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
	
.animation-4{
	opacity: 0;
	-webkit-transform: translate3d(30px, 0px, 0px);
	-ms-transform: translate3d(30px, 0px, 0px);
	transform: translate3d(30px, 0px, 0px);
	-webkit-transition: all 1.2s;
	transition: all 1.2s;
	}
.animation-4.animation-delay{
	transition-delay: 0.7s;
	}
.animation-4.scrollin {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}

.animation-zoomin{
	overflow: hidden;
	}
.animation-zoomin img{
	-webkit-transition: all 700ms;
	transition: all 700ms;
	transform: scale(1.2);
	}
.animation-zoomin.animation-delay img{
	transition-delay: .7s;
	}
.animation-zoomin.scrollin img {
	transform: scale(1);
	}
	
.animation-cover{
	position: relative;
	}
.animation-cover::after{
	content: '';
	width: 100%;
	height: 100%;
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition-delay: 0.9s;
	-o-transition-delay: 0.9s;
	transition-delay: 0.9s;
	}
.animation-cover.scrollin::after{
	width: 0%;
	}
	
.animation-cover2{
	position: relative;
	overflow: hidden;
	}
.animation-cover2::after{
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #FFF;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 2.1s cubic-bezier(0.76, 0, 0.24, 1);
	transition: all 2.1s cubic-bezier(0.76, 0, 0.24, 1);
	-webkit-transform:scale3d(1.9,1.8,1) rotate3d(0,0,1,-45deg) translate3d(0,16%,0);
	transform:scale3d(1.9,1.8,1) rotate3d(0,0,1,-45deg) translate3d(0,16%,0); 
	}
.animation-cover2.scrollin::after{
	width: 0%;
	-webkit-transform:scale3d(1.9,1.8,1) rotate3d(0,0,1,-45deg) translate3d(0,85%,0);
	transform:scale3d(1.9,1.8,1) rotate3d(0,0,1,-45deg) translate3d(0,85%,0); 
	}
	
	
.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;}
.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;}

.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;}
.pb3e{padding-bottom: 3em;}
.pb4e{padding-bottom: 4em;}
.pb5e{padding-bottom: 5em;}
.pb6e{padding-bottom: 6em;}
.pb10e{padding-bottom: 10em;}
.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;}
.pb33e{padding-bottom: 33em;}
.pb35e{padding-bottom: 35em;}
.pb40e{padding-bottom: 40em;}