@charset "utf-8";


/*headline*/
.headline{
	color: #eee;
	font-family: "Noto Serif Japanese", serif;
	font-weight: 200;
}
/*headline02*/
.headline.headline--02 {
	font-size: 70px;
	line-height: 1;
	transform: scale(0.9,1);
	transform-origin: top left;
	width: 111.1111111111%;
}
.headline.headline--02 span.Mont {
	display: block;
	font-size: 20px; 
	color: #b9af8f;
	margin-bottom: 3px;
}
.headline.headline--02 .typing.Mont {
	color: #eee;
	font-weight: 100;
	letter-spacing: 0.17em;
    margin-left: -0.1em;
}
.headline.headline--02 small {
	display: block;
	color: #ccc;
	font-size: 14px;
	letter-spacing: 0.5em;
	font-family: 'YuGothicStd';
	margin-top: 15px;
	transform: scale(1.05,1);
	transform-origin: top left;
	/*width: 105.2631578947%;*/
}
/*headline03*/
.headline.headline--03 {
	font-size: 20px;
	line-height: 1.7;
}
.headline.headline--03 + .text {
	margin-top: 35px;
}
/*headline04*/
.headline.headline--04 {
	font-size: 18px;
}
.headline.headline--04 + .text {
	margin-top: 20px;
	font-size: 12px;
}
/*headline05*/
.headline.headline--05 {
	font-size: 16px;
	line-height: 1.7;
}
.headline.headline--05.gold {
	color: #b9af8f;
}
.headline.headline--05 + .text {
	margin-top: 15px;
	font-size: 12px;
}
/*headline06*/
.headline.headline--06 {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}
.headline.headline--06 + .text {
	margin-top: 15px;
	font-size: 12px;
}
.headline + .text {
	font-size: 14px;
	color: #ccc;
	line-height: 2;
}
@media only screen and (max-width: 768px){
	.headline{
		line-height: 1.5;
	}
	/*headline02*/
	.headline.headline--02 {
		font-size: 36px;
	}
	.headline.headline--02 span.Mont {
		font-size: 16px;
	}
	.headline.headline--02 small {
		font-size: 12px;
	}
	/*headline03*/
	.headline.headline--03 {
	}
	/*headline04*/
	.headline.headline--04 {
		font-size: 16px;
	}
	/*headline05*/
	.headline.headline--05 {
		font-size: 14px;
	}
	/*headline06*/
	.headline.headline--06 {
		font-size: 12px;
	}
	.headline.headline--06 + .text {
		font-size: 10px;
	}
	.headline + .text {
		font-size: 12px;
	}
}

/*--------------------
contentsNavi
--------------------*/
.contentsNavi {
	display: none;
}
@media only screen and (max-width: 768px){
	.contentsNavi {
		display: block;
		background:#333333;
		border-bottom: solid 1px #999999;
		overflow: hidden;
		overflow-x: scroll;
	}
	.contentsNavi ul {
		display: flex;
		align-items: center;
		white-space:nowrap;
	}
	.contentsNavi ul li a {
		display: block;
		color: #fefefe;
		font-size: 12px;
		padding:12px 15px 10px;
		border-bottom: solid 2px #333333;
		box-sizing: border-box;
	}
	.contentsNavi ul li:first-child a {
		border-bottom: solid 2px #999999;		
		color: #b9af8f;
	}
}

/*--------------------
mainVisual
--------------------*/
.mainVisual {
	width: 1440px;
	margin:0 auto;
	padding:0 0 55px;
	margin-bottom: 200px;
	position: relative;
}
.mainVisual .mainVisual-img{
	width: 83.33333333333334%;
	margin-left: 26.6666666667%;
	opacity: 0;
	-webkit-animation: mvmove 2.0s ease 0s 1 forwards;/*表示時間+start時間*/
	animation: mvmove 2.0s ease 0s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes mvmove {
	100% {
		margin-left: 16.6666666667%;
		opacity: 1;
	}
}
@keyframes mvmove {
	100% {
		margin-left: 16.6666666667%;
		opacity: 1;
	}
}
.mainVisual .section--visual__headline {
	position: absolute;
	left: 6.944444444444445%;
	bottom: 0;
}
@media only screen and (max-width: 1440px){
	.mainVisual {
		width: 100%;
	}
}
@media only screen and (max-width: 768px){
	.mainVisual {	
		padding:0 0 52px;	
		margin-bottom: 100px;
	}
	.mainVisual .mainVisual-img {
		width: 83.33333333333334%;
	    height:200px;
	    position: relative;
	    overflow: hidden;
	}
	.mainVisual .mainVisual-img img{
	    width: auto;
	    height: 100%;
	    max-width: inherit; /* 初期状態にリセット */
	    position: absolute;
	    top:50%; /* または200px(heightの半分) */
	    left: 50%; /* この値を変更すると左右に位置をずらせる */
	    transform: translate(-50%, -50%);
	}
	.mainVisual .section--visual__headline {
		left: 5%;
	}
	.mainVisual .mainVisual-img .caption {
		padding-right: 5px;
		color: #fff;
	}
}

/* headline--02 */
.headline.headline--02 {
	opacity: 0;
	left: 3%;

	-webkit-animation: mvttlmove 1.4s ease 0.6s 1 forwards;/*表示時間+start時間*/
	animation: mvttlmove 1.4s ease 0.6s 1 forwards;/*表示時間+start時間*/	
}
@-webkit-keyframes mvttlmove {
  100% {
  	opacity: 1;
  	left: 6.944444444444445%;
  }
}
@keyframes mvttlmove {
  100% {
  	opacity: 1;
  	left: 6.944444444444445%;
  }
}
@media only screen and (max-width: 768px){
	@-webkit-keyframes mvttlmove {
	  100% {
	  	opacity: 1;
	  	left: 5%;
	  }
	}
	@keyframes mvttlmove {
	  100% {
	  	opacity: 1;
	  	left: 5%;
	  }
	}
}
.headline.headline--02 .typing {
	display: flex;
}
.headline.headline--02 .typing span {
    position: relative;

	opacity: 0;
	transform: scale(.5,.2) rotateY(90deg) translate(-3px,0);
    transform-origin: left bottom;
}
.headline.headline--02 .typing span:nth-child(1){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.6s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.6s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(2){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.65s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.65s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(3){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.7s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.7s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(4){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.75s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.75s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(5){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.8s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.8s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(6){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.85s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.85s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(7){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.9s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.9s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(8){
	-webkit-animation: mvttl-spanmove 1.5s ease 0.95s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 0.95s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(9){
	-webkit-animation: mvttl-spanmove 1.5s ease 1.0s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 1.0s 1 forwards;/*表示時間+start時間*/
}
.headline.headline--02 .typing span:nth-child(10){
	-webkit-animation: mvttl-spanmove 1.5s ease 1.05s 1 forwards;/*表示時間+start時間*/
	animation: mvttl-spanmove 1.5s ease 1.05s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes mvttl-spanmove {
  100% {
  	opacity: 1;
    transform: scale(1,1) rotateY(0deg) translate(0,0); 
  }
}
@keyframes mvttl-spanmove {
  100% {
  	opacity: 1;
    transform: scale(1,1) rotateY(0deg) translate(0,0); 
  }
}




/*section*/
.section{
	margin-top: 200px;
}
/*subsection*/
.subsection{
	margin-top: 120px;
}
.subsection--T30 {
	margin-top: 30px;
}
@media only screen and (max-width: 768px){
	.section{
		margin-top: 90px;
	}
	/*subsection*/
	.subsection{
		margin-top: 60px;
	}
}

/* bg */
.bg--01 {
    background: linear-gradient(90deg, rgb(51,51,51) 0%,rgb(51,51,51) 50%,rgb(34,34,34) 50%,rgb(34,34,34) 100%);
}
.bg--01 .wrap1240 {
	background: #333333;	
	padding:160px 0 135px;
}
.bg--02 {
	background: linear-gradient(90deg, rgb(34,34,34) 0%,rgb(34,34,34) 50%,rgb(51,51,51) 50%,rgb(51,51,51) 100%);
}
.bg--02 .wrap1240 {
	background: #333333;	
	padding:160px 0 135px;
}
@media only screen and (max-width: 768px){
	.bg--01 {
		background: linear-gradient(90deg, rgb(51,51,51) 0%,rgb(51,51,51) 80%,rgb(34,34,34) 80%,rgb(34,34,34) 100%);
	}
	.bg--01 .wrap1240 {
		background: none;
		padding:80px 0 60px;
	}
	.bg--01 .wrap1240 .wrap {	
	}
}

/* --------------------------------------------------
共通要素
---------------------------------------------------*/
/*text*/
.text {
	font-size: 14px;
	text-align:justify;
	line-height: 2;
	
}
@media only screen and (max-width: 768px){
	.text {
		font-size: 12px;
		line-height: 1.75;
	}	
}

/*--- clmBox ---------------*/
.clmBox {
	display: flex;
	flex-wrap: wrap;
}
.clmBox.reverse {
	flex-direction: row-reverse;	
}
.clmBox.clmBox-space {
	justify-content: space-between;
}
.clmBox.clmBox-center {
	justify-content: center;
}
.clmBox.clmBox-alignstart {
	align-items: flex-start;
}
.clmBox.clmBox-aligncenter {
	align-items: center;
}
.clmBox.clmBox-alignend {
	align-items: flex-end;
}
/* clmBox--clm2 */ 
.clmBox.clmBox--clm2 {
	justify-content: space-between;
	align-items: stretch;
}
.clmBox.clmBox--clm2 .clmBox--content {
	width: 45.45454545454545%;
}
.clmBox.clmBox--clm2 .clmBox--content:nth-child(n+3) {
	margin-top: 60px;
} 
/* clmBox--content--text */
.clmBox.clmBox--clm2 .clmBox--content .clmBox--content--text {
	width: 75%;
	border-bottom: solid 1px #444444;
	padding:45px 0 50px;
}
.clmBox.clmBox--clm2 .clmBox--content .clmBox--content--text {
	margin-left: 25%;
}
.clmBox.reverse.clmBox--clm2 .clmBox--content .clmBox--content--text {
	margin-left: 0;
}
/* clmBox--clm3 */ 
.clmBox.clmBox--clm3 {
	justify-content: space-between;
	align-items: stretch;
}
.clmBox.clmBox--clm3 .clmBox--content {
	width: 30.64516129032258%;
}
/* clmBox--clm4 */ 
.clmBox.clmBox--clm4 {
	justify-content: space-between;
	align-items: stretch;
}
.clmBox.clmBox--clm4 .clmBox--content {
	width: 22.272727272727273%;
}

/* clmBox--content__img*/
.clmBox--content .clmBox--content__img {
}
.clmBox--content .clmBox--content__img + .headline {
	margin-top: 10px;
}
@media only screen and (max-width: 768px){
	.clmBox.clmBox--clm2 .clmBox--content {
		width: 100%;
	}
	.clmBox.clmBox--clm2 .clmBox--content:nth-child(n+2) {
		margin-top: 30px;
	}
	.clmBox.clmBox--clm2 .clmBox--content .clmBox--content--img {
		width: 85%;
		margin: 0 auto;
	}
	/* clmBox--content--text */
	.clmBox.clmBox--clm2 .clmBox--content .clmBox--content--text {
		width: 85%;
		margin: 0 auto;
	}
	.clmBox.reverse.clmBox--clm2 .clmBox--content .clmBox--content--text {
		margin-left: auto;
	}
	/* clmBox--clm3 */ 
	.clmBox.clmBox--clm3 {
	}
	.clmBox.clmBox--clm3 .clmBox--content {
		width: 100%;
	}
	/* clmBox--clm4 */ 
	.clmBox.clmBox--clm4 .clmBox--content {
		width: 48%;
	}
	.clmBox.clmBox--clm4 .clmBox--content:nth-child(n+3) {
		margin-top: 30px;
	}
}


/*--- content--ttlArea ----------*/
.content--ttlArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content--ttlArea.reverse {
	flex-direction: row-reverse;
}
.content--ttlArea--ttl {
	/*width: 45.45454545454545%;*/
	width: 34.090909090909086%;
	font-size: 14px;
	letter-spacing: 0.3em;
	color: #b9af8f;
	margin-right: -0.3em;
}
.content--ttlArea.reverse .content--ttlArea--ttl {
	text-align: right;
}
.content--ttlArea--text {
	width: 54.54545454545454%;
}
.content--ttlArea--text .content--ttlArea--text__img {
	margin-top: 75px;
}
@media only screen and (max-width: 768px){
	.content--ttlArea--ttl {
		width: 100%;
		font-size: 13px;
	}
	.content--ttlArea.reverse .content--ttlArea--ttl {
		text-align: left;
	}
	.content--ttlArea--text {
		width: 100%;
		margin-top: 30px;
	}
	.content--ttlArea--text .content--ttlArea--text__img {
		margin-top: 40px;
	}
	.content--ttlArea--text .content--ttlArea--text__img .clmBox--content {
		width: 45.45454545454545%;
		margin: 0 !important;
	}
}



/*--- section--gallery ----------*/
.subsection.section-gallery {
	margin-top: 20px;
}
.section-gallery {
	margin-top: 110px;
	position: relative;
}
.section-gallery.reverse {
}
.section-gallery:before {
	content: '';
	width: 50%;
	height: 88%;
	background: #333333;
	position: absolute;
	right: 0;
	top: 0;
}
.section-gallery.reverse:before {
	right: auto;
	left: 0;
}
.section-gallery .wrap {
	position: relative;
	padding:120px 0 0;
}
.section-gallery .wrap:before {
	content: '';
	width: 65.9090909090909%;
	height: 88%;
	background: #333333;
	position: absolute;
	right: 0;
	top: 0;
}
.section-gallery.reverse .wrap:before {
	right: auto;
	left: 0;
}
.section-gallery .gallery--ttl {
	font-size: 70px;
	color: #444444;
	line-height: 1;
	position: absolute;
	right: 0;
	top: 75px;
	z-index: 2;
}
.section-gallery.reverse .gallery--ttl {
	text-align: left;
	right: auto;
	left: 0;
}
/* galleryBox */
.section-gallery .galleryBox {
	position: relative;
	z-index: 2;
}
.section-gallery .galleryBox .galleryBox--ph01 {
	width: 59.09090909090909%;
}
.section-gallery .galleryBox .galleryBox--ph02 {
	width: 34.090909090909086%;
	padding-bottom: 10px;
}
.section-gallery .galleryBox .galleryBox--ph03 {
	width: 43.18181818181818%;
	padding-bottom: 30px;
}
.section-gallery .galleryBox .galleryBox--ph04 {
	width: 50%;
	margin-top: 35px;
}
.section-gallery .mt35 {
	margin-top: 35px;
}
/* reverse */ 
.section-gallery.reverse .galleryBox .galleryBox--ph01 {
	width: 34.090909090909086%;
	padding-bottom: 10px;
}
.section-gallery.reverse .galleryBox .galleryBox--ph02 {
	width: 59.09090909090909%;
	padding-bottom: 0;
}
.section-gallery.reverse .galleryBox .galleryBox--ph03 {
	width: 50%;
	margin-top: 35px;
	padding-bottom: 0;
}
.section-gallery.reverse .galleryBox .galleryBox--ph04 {
	width: 43.18181818181818%;
	margin-top: 0;
	padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
	.wrap .subsection.section-gallery {
		margin-left: -30px;
		margin-right: -30px;
	}
	.section-gallery  {
		margin-top: 80px;
	}
	.section-gallery .gallery--ttl {
		font-size: 50px;
		top: 25px;
	}
	/* galleryBox */
	.section-gallery .galleryBox {
		align-items: center;
	}
	.section-gallery .galleryBox .galleryBox--ph01,
	.section-gallery .galleryBox .galleryBox--ph02,
	.section-gallery .galleryBox .galleryBox--ph03,
	.section-gallery .galleryBox .galleryBox--ph04 {
		margin: 0 !important;
		padding: 0 !important;
	}
	.section-gallery .slick-slide {
		transform: scale(.8);
		transition: .4s;
	}
	.section-gallery .slick-slide.slick-current {
		transform: scale(1);
	}
	.section-gallery .slick-slide img {
		width: 100%;
	}
	.section-gallery .mt35 {
		margin-top: 0;
	}
	.section-gallery .galleryBox .caption {
		text-align: left !important;
	} 
}
/*--- image ---------------*/

/*--- imagespslide ---------------*/
@media only screen and (max-width: 768px){ 
	.image.image--spslide {
		position: relative;	
		overflow: hidden;	
	}
	.image.image--spslide:before {
		content: '';
		width: 69px;
		height: 50px;
		background: url(../imgs/icon-swipe.svg) no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		margin: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.image.image--spslide.iconNone:before {
		-webkit-animation: iconNone 0.6s ease 0.2s 1 forwards;/*表示時間+start時間*/
		animation: iconNone 0.6s ease 0.2s 1 forwards;/*表示時間+start時間*/
	}
	@-webkit-keyframes iconNone {
		100% {
			opacity: 0;
			content: none;
		}
	}
	@keyframes iconNone {
		100% {
			opacity: 0;
			content: none;
		}
	}
	.image.image--spslide .image--spslide__inner {
		overflow-x: scroll;
		position: relative;
	}
	.image.image--spslide .image--spslide__inner img {
		width: 170%;
		max-width: 170%;
		opacity: .3;
		transition: .8s;
	}
	.image.image--spslide.iconNone .image--spslide__inner img {
		opacity: 1;
	}
	/* sptrim */
	.image.image--sptrim { 
		width:100%;
		height:250px;
		position: relative;
		overflow: hidden;
	}
	.image.image--sptrim img {
		width: 100%;
		height: auto;
		max-width: inherit; /* 初期状態にリセット */
		position: absolute;
		top:50%; /* または200px(heightの半分) */
		left: 50%; /* この値を変更すると左右に位置をずらせる */
		transform: translate(-50%, -50%);		
	}
}
@media only screen and (max-width: 414px){ 
	.image.image--sptrim img {
		width: auto;
		height: 100%;
	}
}

/*--- imagespzoom ---------------*/
@media only screen and (max-width: 768px){ 
	.image.image--spzoom {
		width: 100%;
		/*height: 270px;*/
		position: relative;
	}
	/*.image.image--spzoom .image--spzoom--scroll {
	  box-sizing: border-box;
	  width: 88%;
	  height: 100%;
	  margin: 0;
	  position: relative;
	  overflow: hidden;
	  overflow-x: scroll;
	  overflow-y: scroll;
	}
	.image.image--spzoom .image--spzoom--scroll.bigger img {
	    max-width: initial;
		width: 150%;		
	}
	.image.image--spzoom .image--spzoom--scroll.biggerEnd img {		
	    max-width: initial;
		width: 200%;
	}
	.image.image--spzoom .image--spzoom--btPlus {
		width: 11%;
		height: 49.25%;
		background: #333333;
		position: absolute;
		right: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.image.image--spzoom .image--spzoom--btPlus:before {
		content: '+';
		color: #fff;
		font-size: 20px;
	}
	.image.image--spzoom .image--spzoom--btMinus {
		width: 11%;
		height: 49.25%;
		background: #333333;
		position: absolute;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.image.image--spzoom .image--spzoom--btMinus:before {
		content: '−';
		color: #fff;
		font-size: 20px;		
	}*/
}


/*-- cvBtn--request --------------*/
.cvBtn--request {
	width: 275px;
	position: relative;
}
.cvBtn--request a{
	display: block;
	width: 100%;
	color: #fff;
	font-size: 14px;
	padding: 22px 0;
	line-height: 1;
	text-align: center;
	position: relative;
}
.cvBtn--request a:hover {
	color: #fff !important;
}
.cvBtn--request a:before {
	content: '';
	width: 100%;
	height: 100%;
	border:solid 1px #666;
	position: absolute;
	left: -6px;
	top: -6px;
	transition: .2s;
}
.cvBtn--request a:after {
	content: '';
	width: 100%;
	height: 100%;
	border:solid 1px #666;
	position: absolute;
	right: -2px;
	bottom: -2px;
	transition: .2s;
}
/*hover時:上*/
.cvBtn--request:before {
	content: '';
	width: 0;
    height: 1px;
    background: #eee;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	transition: .4s;
}
.cvBtn--request:hover:before {
	width: 98.5%;	
}
/*hover時:右*/
.cvBtn--request:after {
	content: '';
	width: 1px;
    height: 0;
    background: #eee;
	position: absolute;
	right: 4px;
	top: 0;
	z-index: 2;
	transition: .4s;
}
.cvBtn--request:hover:after {
    height: 93%;
}
.cvBtn--request span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
/*hover時:下*/
.cvBtn--request span:before {
	content: '';
	width: 0;
    height: 1px;
    background: #eee;
	position: absolute;
	right: 4px;
	bottom: 4px;
	z-index: 2;
	transition: .4s;
}
.cvBtn--request:hover span:before {
	width: 98.5%;
}
/*hover時:左*/
.cvBtn--request span:after {
	content: '';
	width: 1px;
    height: 0;
    background: #eee;
	position: absolute;
	left: 0;
	bottom: 4px;
	z-index: 2;
	transition: .4s;
}
.cvBtn--request:hover span:after {
    height: 93%;
}

@media only screen and (max-width: 768px){
	.bottomCv {
		padding: 70px 0 40px;
	}
	.cvBtn--request {
		width: 64%;
	}
	.cvBtn--request a{
		width: 100%;
		padding: 20px 0;
		font-size: 12px;
	}
}

/*--- btn ---------------*/
.btn--link {
 	display: flex;
 	justify-content: center;
 	margin-top: 40px;
 }
.btn--link li {
	width: 180px;
}
.btn--link li:nth-child(n+2) {
	margin-left: 30px;
}
.btn--link li a {
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	padding:20px 0;
	border:solid 1px #666666;
	text-align: center;
	transition: .6s;
}
.btn--link li .Mont {
	letter-spacing: 0.4em;
	margin-left: 0.4em;
}
.btn--link li a:hover {
	border:solid 1px #fff; 	
}
@media only screen and (max-width: 768px) {
	.btn--link li {
		width: 47%;
	}
	.btn--link li a {
		font-size: 10px;
		padding: 15px 0;
	}
}



/*--- aos -----------------*/
/*slowupIn*/
[data-aos="slowupIn"]{
	opacity: 0;
	transform: translateY(50px);
}
[data-aos="slowupIn"].aos-animate{
	-webkit-animation: slowupIn 2.0s ease 0.2s 1 forwards;/*表示時間+start時間*/
	animation: slowupIn 2.0s ease 0.2s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes slowupIn {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes slowupIn {
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*imgGray*/
[data-aos="imgGray"]{
	opacity: 0;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
[data-aos="imgGray"].aos-animate{
	-webkit-animation: imgGray 3.0s ease 0.5s 1 forwards;/*表示時間+start時間*/
	animation: imgGray 3.0s ease 0.5s 1 forwards;/*表示時間+start時間*/
}
@-webkit-keyframes imgGray {
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
	}
}
@keyframes imgGray {
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
	}
}