.breadcrumb{
	width:100%;
	float:left
}
.breadcrumb ul{
	float: left;
	margin-top:30px;
	margin-bottom:30px;
	display:inline-table;
	text-align:left;
}


.breadcrumb ul li {
	margin:0 5px;
	line-height:160%;
	display:inline-block;
	box-sizing:border-box
}
.breadcrumb ul li a{
	text-decoration:underline;
	color:#2B4AB9;
}
.breadcrumb ul li:first-child{
	margin-left:0
}
.breadcrumb ul li:first-child:before {
    content: "";
}

.breadcrumb ul li:before {
    content: " / ";
}
.breadcrumb ul li:last-child{
	margin-right:0
}

.pc{
	
}
.sp{
	display:none!important
}
.bg-slider_sp{
	display:none
}
.bg-slider{
    width: 100vw;
    height: 85vh;
    padding-top:0;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom:0
}
.bg-slider__title{
	color: #fff;

	/*font-family: 'Gothic A1', sans-serif;*/
	
	text-align:center;
	overflow:visible;
	font-weight:300;
	
	float:left
}
.bg-slider__title{
	width:100%;
  opacity: 0; /* ←初期値を変更。透明に。*/
  animation: 3s fadeIn forwards; /* ←追加 */

}

@keyframes fadeIn { /*animetion-nameで設定した値を書く*/

  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/

  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/

}
.bg-slider h1{
	
	font-size: 48px;
	font-weight:700;
	line-height:240%;
	text-align:center;
	margin-bottom:90px;
	
}
/**
.bg-slider h1:before {
    content: "∞";
    position: relative;
    font-size: 90px;
    top: 18px;
}
**/
.bg-slider p{
	width:100%;
	font-size: 14px;
	font-weight:300;
}

.btn,
a.btn,
button.btn {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
	a.btn--wine {
  color: #fff;
  background-color: #a9894a;
}

a.btn--green:hover {
  color: #fff;
  background: #800000;
}

a.btn--green.btn--cubic {
  border-bottom: 5px solid #800000;
}

a.btn--green.btn--cubic:hover {
  margin-top: 3px;
  border-bottom: 2px solid #00662d;
}

a.btn-c {
  font-size: 24px;
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
  border-radius: 100vh;
}
.moca_wrap{
	margin:auto;
	padding:0 20px;
}
.moca_wrap h2{
	width:100%;
	line-height:140%;
	font-size:42px;
	margin:0 0 90px;
	float:left
}
.moca_wrap_box{
	width:100%;
	margin-bottom:120px;
	float:left
}
.moca_wrap_box p:last-child{
	margin-bottom:0
	
}
.more_btn a{
	width:40%;
	margin:0 30%;
	padding:10px;
	color:#FFFFFF;
	background:#a9894a;
	border:1px solid #a9894a;
	border-radius:5px;
	display:block;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
    -webkit-box-shadow: 0 2px 3px 0 #ddd;

}
.more_btn a:hover{
	border:1px solid #000;
	-moz-box-shadow: 0 2px 3px 0 #999;
    -webkit-box-shadow: 0 2px 3px 0 #999;
}
.top_news_thumb_wrap{
	width:100%;
	padding:90px 0 90px;
	margin-bottom:90px;
	float:left
}
.top_news_thumb_wrap h2{
	width:100%;
	margin:0 0 60px;
	padding:0;
	font-weight:500;
	font-size:32px;
	float:left;
}
.top_news_thumb_wrap ul{
	width:800px;
	display:inline-table;
	text-align:left;
	margin:0 auto 60px;
}

.top_news_thumb_wrap ul li{
	width:30%;
	margin-right:5%;
	display:inline-table;
	vertical-align:top;
	text-align:center;
}
.top_news_thumb_wrap ul li:nth-child(3n){
	margin-right:0
}	

.top_news_thumb_wrap ul li img{
	width: 200px;
	height: 200px;
	object-fit: cover;
	margin-bottom:0;
}
.top_news_thumb_wrap ul li h3{
	margin:5px 0 0;
}
.top_news_thumb_wrap ul li h3 a{
	font-size:14px;
	font-weight:300;
}
.news_wrap ul li a{
	font-size:18px;

}
.nft_thumb_wrap{
	width:100%;
	background:#fbf8f0;
	padding:90px 0 0;
	margin-bottom:90px;
	float:left
}

.nft_thumb_wrap ul{
	width:800px;
	display:inline-table;
	text-align:left;
	margin:auto;
}

.nft_thumb_wrap ul li{
	width:30%;
	margin-right:5%;
	display:inline-table;
	vertical-align:top
}
.nft_thumb_wrap ul li:nth-child(3n){
	margin-right:0
}	
.nft_thumb_wrap ul li .nft_name{
	width:100%;
	margin:0 0 5px;
	float:left
}
.nft_thumb_wrap ul li img{
	width:100%;
	float:left
}
p.reference_documents{
	text-align:right!important;
	font-size:12px!important;
	color:#999;
}
.para_01{
	width:800px;
}
.para_01 p{
	width:100%;
	font-size:16px;
	line-height:180%;
	text-align:left;
	float:left;
	
}
.para_01 img.affinity{
	width:60%;
	margin:0 20% 20px;
}
.para_01 img.nft_cap{
	width:60%;
	margin:0 20% 60px;
	float:left
}


.para_02 img.thumb_img{
	width:60%;
	margin:0 20% 40px;
}

.para_02{
	width:1000px;
}

.para_03{
	width:800px;
}
.para_03 h2{
	margin-bottom: 40px;
}
.para_03 h3{
	width: 100%;
	font-size:18px;
    font-weight: 700;
    line-height: 180%;
	letter-spacing:5.0px;
    padding: 0;
}
.para_03 h3 span{
	font-weight:700;
}
.para_03 h4{
	width: 100%;
	font-size:18px;
    font-weight: 700;
    line-height: 180%;
	letter-spacing:5.0px;
    padding: 0;
}
.para_03 h4 span{
	font-weight:700;
}
.para_03 img.glenfiddich{
	width:45%;
	margin:0 20px 20px 0;
	float:left
}
.para_03 .article_wrap{

}
.para_03 .article_wrap p{
	float:inherit!important;

}
.para_03 img.hennessy{
	width:45%;
	margin:0 20px 20px 0;
	float:left
}
.para_03 p{
	width:100%;
	font-size:16px;
	line-height:180%;
	text-align:left;
	float:left;
	
}
.para_03 img.thumb_img{
	width:100%;
	margin:40px 0 40px;
}
.para_03 a{
	font-size:10px;
	line-height:140%;
	color:#999;
}
.para_04{
	width:800px;
}
.para_04 h2{
	margin-bottom:60px;
}
.para_04 ul{
	width:100%;
	float:left
}
.para_04 ul li{
	width:100%;
	margin:0 0 60px;
	float:left
}
.para_04 ul li h3{
	font-size:24px;
	line-height:140%;
	margin: 0 0 20px;
}
.para_04 ul li h3 span{
	font-size:42px;
}
.para_04 ul li img.thumb{
	width:20%;
	height:180px;
	margin:0 10% 20px 0;
	float:left;
}
.para_04 ul li p{
	width:70%;
	font-size:16px;
	line-height:180%;
	text-align:LEFT;;
	float:left;
	
}

.para_05{
	width:800px;
}
.para_05 h2{
	margin-bottom:60px;
}
.para_05 ul{
	width:100%;
	float:left
}
.para_05 ul li{
	width:100%;
	margin:0 0 60px;
	float:left
}
.para_05 ul li h3{
	font-size:24px;
	line-height:140%;
	margin: 0 0 20px;
}
.para_05 ul li h3 span{
	font-size:42px;
}
.para_05 ul li img.thumb{
	width:auto;
	height:180px;
	margin:0 auto 20px;
}
.para_05 ul li p{
	width:100%;
	font-size:16px;
	line-height:180%;
	text-align:center;
	float:left;
	
}
.contact_wrap{
	width:80%;
	color:#474947;
	margin:0 auto 80px;
}
.contact_wrap .need{
    color: red;
    font-weight: 400;
}

.contact_wrap .title{
	width: 100%;
	margin:0 0 5px;
	font-size:16px;
	line-height:160%;
	text-align:left;
	float:left
}
.contact_wrap .column{
	width: 100%;
	margin:0 0 20px;
	font-size:16px;
	line-height:160%;	
	text-align:left;
	float:left
}
input{
	-webkit-appearance: none;border: none; border-radius: 0px;
}


textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
  outline: 0;
  box-shadow: none;
  border: 2px solid #FF9800;
  background-color: #ffffff;
}
.contact_wrap input[type="text"]{
	border: 1px solid #666;
	padding:10px;
	width:100%

}
.contact_wrap input[type="email"]{
	border: 1px solid #666;
	padding:10px;
	width:100%

}
.contact_wrap input[type="tel"]{
	border: 1px solid #666;
	padding:10px;
	width:100%

}
.contact_wrap textarea{
	border: 1px solid #666;
	padding:10px;
	height:400px;
	line-height:180%;
	width:100%
}
.contact_wrap button{
	text-align:center;
	font-size:12px;
	margin:20px 0 0;
	color:#FFFFFF;
	font-weight:800;
	background:#474947;
	padding:10px 100px;
	border-radius:10px;
	border:1px solid #474947;
	-webkit-appearance: none;
	box-shadow: 2px 2px 4px #CCC;
}
#btn_submit{
	text-align:center;
	font-size:12px;
	margin:20px 0 0;
	color:#FFFFFF;
	font-weight:800;
	background:#a9894a;
	padding:10px 100px;
	border-radius:10px;
	border:1px solid #a9894a;
	-webkit-appearance: none;
	box-shadow: 2px 2px 4px #CCC;
}
.contact_wrap .error_message{
	color:#FF0000
}
.contact_wrap input[type="email"].error{
	border:1px solid #F00;
	background:#fff5f5
}

.contact_wrap input[type="text"].error{
	border:1px solid #F00;
	background:#fff5f5
}

.contact_wrap textarea.error{
	border:1px solid #F00;
	background:#fff5f5
}
.news_wrap {
    width: 1000px!important;
    background: #FFF;
    padding: 0!important;
}
.news_wrap ul{
	width:100%;
	margin-bottom:60px;
	float:left

}

.news_wrap ul li{
	width:94%;
	text-align:left;
	margin:0 3% 40px;
	letter-spacing:1;
	font-size:0;
	line-height:180%;
	display:inline-table;
	

}
.news_wrap ul li a{
	font-size:18px;

}
.news_wrap ul li img{
	width: 200px;
  height: 200px;
  object-fit: cover;
  border:1px solid #CCC;
}
.news_wrap ul li .text_area{
	width:calc(100% - 200px);
	text-align:left;
	padding-left:5%;
	display:inline-block;
	vertical-align:top
}
.news_wrap ul li .text_area h3 a{
	width:100%;
	font-size:16px;
	line-height:180%;
	margin:0 0 10px;
	padding:0;
	float:left

}
.news_wrap ul li .text_area p{
	width:100%;
	font-size:12px;
	margin:0;
	padding:0;
	float:left

}
.news_wrap ul li .text_area p a{
	font-size:14px;
}

@media screen and (max-width: 640px) {
	.breadcrumb{
		width:94%;
		margin:0 3%;
		line-height:180%;
		float:left
	}
	.breadcrumb ul{
		float: left;
		margin-top:0;
		margin-bottom:30px;
		display:inline-table;
		text-align:left;
	}
	.pc{
		display:none!important
	}
	.sp{
		display:inherit!important
	}

	.bg-slider{
		display:none
	}
	.bg-slider_sp{
		width: 100vw;
		height: 100vh;
		padding-top:0;
		background-position: center center;
		background-size: cover;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0;
	}
	.bg-slider_sp__title{
		color: #fff;
	
		/*font-family: 'Gothic A1', sans-serif;*/
		
		text-align:center;
		overflow:visible;
		font-weight:300;
		
		float:left
	}
	.bg-slider_sp__title{
		width:100%;
	  opacity: 0; /* ←初期値を変更。透明に。*/
	  animation: 3s fadeIn forwards; /* ←追加 */
	
	}
	
	@keyframes fadeIn { /*animetion-nameで設定した値を書く*/
	
	  0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
	
	  100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
	
	}
	.bg-slider_sp h1{
		margin-top: 85%;
		font-size: 24px;
		font-weight:700;
		line-height:180%;
		text-align:center;
		margin-bottom:90px;
				
	}
	/**
	.bg-slider_sp h1:before {
		content: "∞";
		position: relative;
		font-size: 90px;
		top: 18px;
	}
	**/
	.btn,
	a.btn,
	button.btn {
	  font-size: 18px;
	  font-weight: 700;
	  line-height: 1.5;
	  position: relative;
	  display: inline-block;
	  padding: 1rem 4rem;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	  text-align: center;
	  vertical-align: middle;
	  text-decoration: none;
	  letter-spacing: 0.1em;
	  color: #212529;
	  border-radius: 0.5rem;
	}
		a.btn--wine {
	  color: #fff;
	  background-color: #a9894a;
	}
	
	a.btn--green:hover {
	  color: #fff;
	  background: #800000;
	}
	
	a.btn--green.btn--cubic {
	  border-bottom: 5px solid #800000;
	}
	
	a.btn--green.btn--cubic:hover {
	  margin-top: 3px;
	  border-bottom: 2px solid #00662d;
	}
	
	a.btn-c {
	  font-size: 18px;
	  position: relative;
	  padding: 1.5rem 3rem 1.5rem 2rem;
	  border-radius: 100vh;
	}
	.moca_wrap{
		margin:auto;
		padding:0;
		line-height:140%;
	}
	.moca_wrap h2{
		width:100%;
		line-height:140%;
		font-size:24px;
		margin:0 0 60px;
		float:left
	}
	.moca_wrap_box{
		width:100%;
		margin-bottom:90px;
		float:left
	}
	.moca_wrap_box p:last-child{
		margin-bottom:0
		
	}
	.more_btn a{
		width:80%;
		margin:0 10%;
		padding:10px;
		color:#FFFFFF;
		background:#a9894a;
		border:1px solid #a9894a;
		border-radius:5px;
		display:block;
		-moz-box-shadow: 0 2px 3px 0 #ddd;
		-webkit-box-shadow: 0 2px 3px 0 #ddd;
	
	}
	.more_btn a:hover{
		border:1px solid #000;
		-moz-box-shadow: 0 2px 3px 0 #999;
		-webkit-box-shadow: 0 2px 3px 0 #999;
	}
	.top_news_thumb_wrap{
		width:100%;
		padding: 60px 0 0;
		margin-bottom:90px;
		float:left
	}
	.top_news_thumb_wrap h2{
		width:100%;
		margin:0 0 30px;
		padding:0;
		font-weight:500;
		font-size:24px;
		float:left;
	}
	.top_news_thumb_wrap ul{
		width:94%;
		display:inline-table;
		text-align:left;
		margin:0 auto 60px;
	}
	
	.top_news_thumb_wrap ul li{
		width:100%;
		margin-right:0;
		display:inline-table;
		vertical-align:top;
		text-align:center;
		margin-bottom:30px;
	}
	.top_news_thumb_wrap ul li:nth-child(3n){
		margin-right:0
	}	
	.top_news_thumb_wrap ul li:last-child{
		margin-bottom:0
	}
	.top_news_thumb_wrap ul li img{
		width: 80px;
		height: 80px;
		object-fit: cover;
		margin-bottom:0;
	}
	.top_news_thumb_wrap ul li h3{
		width:calc(100% - 80px);
		text-align:left;
		padding-left:2%;
		display:inline-block;
		vertical-align:top
	}
	.top_news_thumb_wrap ul li h3 a{
		font-size:14px;
		font-weight:500;
	}
	.nft_thumb_wrap{
		width:100%;
		background:#fbf8f0;
		padding:60px 0 0;
		margin-bottom:90px;
		float:left
	}
	
	.nft_thumb_wrap ul{
		width:94%;
		display:inline-table;
		text-align:left;
		margin:auto;
	}
	
	.nft_thumb_wrap ul li{
		width:48%;
		margin-right:4%;
		display:inline-table;
		vertical-align:top
	}
	.nft_thumb_wrap ul li:nth-child(3n){
		margin-right:inherit
	}
	.nft_thumb_wrap ul li:nth-child(2n){
		margin-right:0;
	}		
	.nft_thumb_wrap ul li .nft_name{
		width:100%;
		font-size:16px;
		margin:0 0 20px;
		float:left
	}
	.nft_thumb_wrap ul li img{
		width:100%;
		float:left
	}
		.para_01{
		width:100%;
	}
	.para_01 p{
		width:94%;
		font-size:16px;
		line-height:180%;
		margin:0 3%;
		text-align:left;
		float:left;
		
	}
	
	.para_01 img.nft_cap{
		width:94%;
		margin:0 3% 60px;
		float:left
	}

	
	
	.para_02 img.thumb_img{
		width:94%;
		margin:0 3%;
	}

	.para_02{
		width:100%;
	}
	
	.para_03{
		width:94%;
	}
	.para_03 h2{
		margin-bottom: 40px;
	}
	.para_03 h3{
		width: 100%;
		font-size:16px;
		font-weight: 300;
		line-height: 180%;
		letter-spacing:5.0px;
		padding: 0;
		margin: 0 0 30px;
		float: left;
	}
	.para_03 h3 span{
		font-weight:700;
		font-size:24px;
	}
	.para_03 h4{
		width: 100%;
		font-size:16px;
		font-weight: 300;
		line-height: 180%;
		letter-spacing:5.0px;
		padding: 0;
		margin: 0 0 60px;
		float: left;
	}
	.para_03 h4 span{
		font-weight:700;
		font-size:24px;
	}
	.para_03 img.glenfiddich{
		width:80%;
		margin:0 10% 40px;
		float:left
	}
	.para_03 img.hennessy{
		width:80%;
		margin:0 10% 40px;
		float:left
	}
	.para_03 p{
		width:100%;
		font-size:16px;
		line-height:180%;
		text-align:left;
		float:left;
		
	}
	.para_03 img.thumb_img{
		width:100%;
		margin:40px 0 40px;
	}
	.para_03 a{
		font-size:10px;
		line-height:140%;
		color:#999;
	}
	.para_04{
		width:94%;
	}
	.para_04 h2{
		margin-bottom:60px;
	}
	.para_04 ul{
		width:100%;
		float:left
	}
	.para_04 ul li{
		width:100%;
		margin:0 0 60px;
		float:left
	}
	.para_04 ul li h3{
		font-size:24px;
		line-height:140%;
		margin: 0 0 20px;
	}
	.para_04 ul li h3 span{
		font-size:42px;
	}
	.para_04 ul li img.thumb{
		width:40%;
		height:auto;
		margin:0 auto 20px;
		float: initial;
	}
	.para_04 ul li p{
		width:100%;
		font-size:16px;
		line-height:180%;
		text-align:center;
		float:left;
		
	}
	
	.para_05{
		width:94%;
	}
	.para_05 h2{
		margin-bottom:30px;
	}
	.para_05 ul{
		width:100%;
		float:left
	}
	.para_05 ul li{
		width:100%;
		margin:0 0 60px;
		float:left
	}
	.para_05 ul li h3{
		font-size:18px;
		line-height:140%;
		margin: 0 0 20px;
	}
	.para_05 ul li h3 span{
		font-size:42px;
	}
	.para_05 ul li img.thumb{
		width:auto;
		height:auto;
		margin:0 auto 20px;
	}
	.para_05 ul li p{
		width:100%;
		font-size:16px;
		line-height:180%;
		text-align:center;
		float:left;
		
	}
	.news_wrap {
		width: 100%!important;
		background: #FFF;
		padding: 0!important;
	}
	.news_wrap ul{
		width:100%;
		margin-bottom:20px;
		float:left
	
	}
	
	.news_wrap ul li{
		width:94%;
		text-align:left;
		margin:0 3% 20px;
		letter-spacing:1;
		font-size:0;
		line-height:180%;
		display:inline-table;
		
	
	}
	.news_wrap ul li a{
		font-size:18px;
	
	}
	.news_wrap ul li img{
		width: 80px;
	  height: 80px;
	  object-fit: cover;
	  border:1px solid #CCC;
	}
	.news_wrap ul li .text_area{
		width:calc(100% - 80px);
		text-align:left;
		padding-left:2%;
		display:inline-block;
		vertical-align:top
	}
	.news_wrap ul li .text_area h3 a{
		width:100%;
		font-size:14px;
		line-height:140%;
		margin:0 0 5px;
		padding:0;
		float:left
	
	}
	.news_wrap ul li .text_area p{
		width:100%;
		font-size:10px;
		margin:0;
		padding:0;
		float:left
	
	}
	.news_wrap ul li .text_area p a{
		font-size:12px;
		line-height:140%;
		color:#999999
	}
}