@charset "UTF-8";


.w800{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
}

#concept .caption_mv_w{
	position: absolute;
	bottom: 10px;
	right: 16px;
	font-size: 11px;
	letter-spacing: 0.1em;
	color: #000;
}


/*============================
#main_img
============================*/
#concept #main_img {
  background: url(../img/concept/mv_img.jpg) no-repeat center center;
  background-size: cover;
  /* margin-bottom: 140px; */
  position: relative;
	height: 126.25vw;
}

#concept #main_img .main_ttr {
	font-size: 60px;
	color: #000;
	letter-spacing: 0.075em;
	line-height: 1.2;
	position: absolute;
	text-align: center;
	top: 110px;
	transform: translateX(-50%);
	left: 50%;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

#concept #main_img h2 span {
	font-size: 20px;
	letter-spacing: 0.05em;
	display: block;
	text-align: center;
	color: #000;
}

#concept #main_img .main_catch{
	color: #231815;
	font-size: 28px;
	line-height: 2.35;
	letter-spacing: 0.13em;
	writing-mode: vertical-rl;
	position: absolute;
	top: 300px;
	transform: translateX(-50%);
	left: 50%;
}

#concept #main_img .main_logo{
	max-width: 440px;
	width: 100%;
	position: absolute;
	top: 515px;
	transform: translateX(-50%);
	left: 50%;
}

@media screen and (max-width: 1000px) {
	#concept #main_img .main_ttr {
		font-size: calc((60/1000) * 100vw);
		top: 11vw;
	}
	#concept #main_img h2 span {
		font-size: calc((20/1000) * 100vw);
	}
	#concept #main_img .main_catch{
		font-size: calc((28/1000) * 100vw);
		top: 30vw;
	}
	#concept #main_img .main_logo{
		max-width: 44vw;
		top: 51.5vw;
	}
}

@media only screen and (max-width: 768px){

#concept #main_img .main_ttr {
	font-size: 31px;
}

#concept #main_img h2 span {
	font-size: 15px;
}
}


/*==============================================================
	.contents
==============================================================*/
#concept .contents{
	background: url(../img/concept/concept_bg01.jpg) no-repeat bottom center;
  background-size: cover;
	text-align: center;
	padding: 75px 0 90px;
	position: relative;
}

#concept .contents .sttl{
	max-width: 790px;
	width: 100%;
	margin: 0 auto 50px;
}

#concept .contents .catch{
	color: #fff;
	font-size: 29px;
	line-height: 1;
	letter-spacing: 0.1em;
	margin-bottom: 45px;
}

#concept .contents .catch .big{
	font-size: 45px;
}

#concept .contents .catch .gold{
	color: rgb(177,143,89);
  background: -webkit-linear-gradient(90deg, rgba(177,143,89,1) 0%, rgba(233,213,132,1) 50%, rgba(177,143,89,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#concept .contents .txt{
	color: #fff;
	font-size: 17px;
	line-height: 2.5;
	letter-spacing: 0.07em;
}

#concept .contents .bg_img{
	width: 100%;
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 1000px) {
	#concept .contents .catch{
		font-size: calc((29/1000) * 100vw);
	}
	#concept .contents .catch .big{
		font-size: calc((45/1000) * 100vw);
	}
	#concept .contents .txt{
		font-size: calc((17/1000) * 100vw);
	}
}

@media screen and (max-width: 768px) {
	#concept .contents{
		padding: 50px 0 65px;
	}
	#concept .contents .sttl{
		margin: 0 auto 30px;
	}
	#concept .contents .catch{
		font-size: 20px;
		line-height: 1.4;
		margin-bottom: 25px;
	}
	#concept .contents .catch .big{
		font-size: 30px;
	}
	#concept .contents .txt{
		font-size: 12px;
	}
}

/*==============================================================
	.access
==============================================================*/
#concept .access{
	background: url(../img/concept/concept_img01.jpg) no-repeat center center;
  background-size: cover;
	height: 80.66vw;
	position: relative;
}