@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain{
	width:100%;
	max-width:1920px;
	margin: 0 auto;
	background: url(../images/concept/contentsmain-back01.png) no-repeat top center , url(../images/concept/contentsmain-back02.jpg) no-repeat bottom center #F8F7F5;
	padding:537px 0 490px;
}
#contentsmain .inner{
	position:relative;
	width:1100px;
	margin: 0 auto;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#contentsmain .inner:before{
	content:"";
	position:absolute;
	bottom:-223px;
	left:-90px;
	width:724px;
	height:401px;
	background:url(../images/concept/contentsmain-deco.png) no-repeat left top;
}

#contentsmain .inner .ttl{
	width:560px;
	padding-left:50px;
	color:#B18B28;
	font-size:33px;
	margin-bottom:10px;
	line-height:1.7;
	letter-spacing:0.1em;
}
#contentsmain .inner .ttl span{
	display:block;
}
#contentsmain .inner .ttl .en{
	color:#B18B28;
	font-size:12px;
	letter-spacing:0.05em;
	margin-bottom:35px;
}
#contentsmain .inner .ttl .sub{
	color:#222222;
	font-size:22px;
	letter-spacing:0.2em;
	margin-bottom:20px;
}
#contentsmain .txt{
	width:485px;
	padding-top:35px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}
#contentsmain p{
	margin-bottom:10px;
	line-height:2.5;
}
#contentsmain p.sign{
	text-align:right;
	padding-top:60px;
}



#concept-list{
	background-color:#F8F7F5;
}
#concept-list > ul{
	width:1100px;
	margin: 0 auto;
	padding-top:280px;
}
#concept-list > ul > li:nth-child(1){ min-height:1242px; background:url(../images/concept/concept01-back.png) no-repeat center top; }
#concept-list > ul > li:nth-child(2){ min-height:1270px; background:url(../images/concept/concept02-back.png) no-repeat center top; }
#concept-list > ul > li:nth-child(3){ min-height:860px;
background: url(../images/concept/concept03-deco.png) no-repeat right 130px bottom 69px / 200px 70px , url(../images/concept/concept03-back.png) no-repeat center top; }

#concept-list > ul > li{
	position:relative;
	margin-bottom:266px;
}
#concept-list > ul > li:nth-child(3){
	margin-bottom:0;
}
#concept-list > ul > li:before{
	content:"";
	position:absolute;
	top: -171px;
	left:-50px;
	width:1200px;
	height:145px;
}
#concept-list > ul > li:nth-child(odd):before{ background:url(../images/concept/concept01-ttl.png) no-repeat left top;}
#concept-list > ul > li:nth-child(even):before{ background:url(../images/concept/concept02-ttl.png) no-repeat left top;}

#concept-list > ul > li:nth-child(odd) .ph{
	position:absolute;
	top:86px;
	right:-50px;
}
#concept-list > ul > li:nth-child(even) .ph{
	position:absolute;
	top:0;
	left:-50px;
}
#concept-list > ul > li:nth-child(odd) .concept-ttl{
	position:relative;
	z-index:2;
	top:-40px;
}
#concept-list > ul > li:nth-child(even) .concept-ttl{
	position:relative;
	z-index:2;
	top:-40px;
	text-align:right;
}

#concept-list > ul > li:nth-child(odd) .txt-box{
	width:480px
}
#concept-list > ul > li:nth-child(even) .txt-box{
	width:530px;
	margin-left:570px;
}
#concept-list > ul > li .txt-box .no-box{
	color:#B18B28;
	font-size:12px;
	letter-spacing:0.05em;
	margin-bottom:30px;
}
#concept-list > ul > li .txt-box .no-box .no{
	display:inline-block;
	font-size:22px;
	padding-left:7px;
}
#concept-list > ul > li .txt-box .ttl{
	font-size:25px;
	letter-spacing:0.05em;
	margin-bottom:25px;
}
#concept-list > ul > li .txt-box .subttl{
	font-size:18px;
	letter-spacing:0.05em;
	margin-bottom:20px;
}
#concept-list > ul > li .txt-box .txt{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}


#concept-list .concept01-icon-list{
	padding-top:60px;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
}
#concept-list .concept01-icon-list li{
	width:350px;
	padding:40px 25px;
	background-color:#EDEAE3;
	text-align:center;
}
#concept-list .concept01-icon-list .ttl{
	font-size:24px;
	letter-spacing:0.05em;
	margin-bottom:10px;
}
#concept-list .concept01-icon-list .icon{
	margin-bottom:20px;
}
#concept-list .concept01-icon-list p{
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}


#concept-list .concept02-list{
	padding-top:60px;
}
#concept-list .concept02-list li{
	position:relative;
	-js-display: flex; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;
	-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; 
	-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
	-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-bottom:20px;
	height:160px;
	padding:0 290px 0 110px;
	background-color:#fff;
	border-left: solid 10px #B18B28;
}
#concept-list .concept02-list li .img{
	position:absolute;
	top:0;
	right:0;
}
#concept-list .concept02-list li .en-ttl{
	position:absolute;
	top:0;
	left:38px;
	font-size:12px;
	letter-spacing:0.05em;
	color:#B18B28;
	transform-origin: 0% 0%;
	transform: rotate(90deg);
	width:160px;
	text-align:center;
}
#concept-list .concept02-list li .ttl{
	width:133px;
	font-size:24px;
	letter-spacing:0.05em;
}
#concept-list .concept02-list li .txt{
	width:555px;
	letter-spacing:0; font-size: 15px; line-height: 2; font-weight: 400;
}

#concept-list .concept03-copy{
	position:relative;
	text-align:center;
	padding-top:60px;
}
#concept-list .concept03-copy .copy01{
	font-size:18px;
	letter-spacing:0.05em;
	margin-bottom:10px;
}
#concept-list .concept03-copy .copy02{
	font-size:25px;
	letter-spacing:0.05em;
	color:#B18B28;
}


#concept-matome{
	padding-top: 170px;
	padding-bottom:170px;
	background: url(../images/concept/concept-matome.jpg) no-repeat top -32px center;
	text-align:center;
}
#concept-matome .concept-matome-ttl{
	margin-bottom:517px;
}
#concept-matome .txt-box{
	position:relative;
	width:1000px;
	padding-top:60px;
	padding-bottom:275px;
	margin: 0 auto 82px;
	background: url(../images/concept/concept-matome-txt-back.png) no-repeat top center;
}
#concept-matome .txt-box:before{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:1018px;
	height:216px;
	background:url(../images/concept/concept-matome-en-copy.png) no-repeat top center;
}
#concept-matome .txt-box .ttl{
	font-size:18px;
	margin-bottom: 28px;
	line-height: 1.85;
}
#concept-matome .txt-box .txt{
	position:relative;
	padding-bottom:139px;
	margin-bottom: 47px;
	letter-spacing:0;
	font-size: 15px;
	line-height: 2.5;
	font-weight: 400;
}
#concept-matome .txt-box .txt:before{
	content:"";
	position:absolute;
	bottom:0;
	left:50%;
	height:80px;
	width:1px;
	background-color:#222222;
}
#concept-matome .txt-box .copy01{
	font-size: 33px;
	letter-spacing: 3.3px;
	color:#B18B28;
	line-height: 1.76;
	margin-bottom: 34px;
}
#concept-matome .txt-box .copy02{
	font-size:25px;
	letter-spacing: 1.25px;
}
#concept-matome .bnr-list{
	width:100%;
	max-width:1400px;
	margin: 0 auto;
	background-color:#fff;
	padding:60px 0;
}
#concept-matome .bnr-list ul{
	width:1100px;
	margin: 0 auto;
	display: -webkit-box; display: -moz-flex; display: -ms-flex;  display: -o-flex;  display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap;  flex-wrap: wrap;
}
#concept-matome .bnr-list li{
	width:350px;
	margin-right:25px;
}
#concept-matome .bnr-list li:nth-child(3n){
	margin-right:0;
}
#concept-matome .bnr-list li .cap{
	padding-top: 16px;
	text-align:center;
	letter-spacing:0;
	font-size: 15px;
	line-height: 2;
	font-weight: 400;
}

#contentsend {
	margin-top:0;
}
main {
	margin-bottom:0 !important;
}



}


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

	
	#contentsmain{
		width:100%;
		background: url(../images/concept/sp-contentsmain-back01.png) no-repeat top center / 100% auto , url(../images/concept/sp-contentsmain-back02.jpg) no-repeat bottom center / 100% auto #F8F7F5;
		padding: 57.97vw 0 39.6vw;
		margin: 9.7vw 0 0 0;
	}
	#contentsmain .inner{
		position:relative;
		width:84.54vw;
		margin: 0 auto;
	}
	#contentsmain .inner:before{
		content:"";
		position:absolute;
		bottom:-24.15vw;
		right:-4.83vw;
		width:69.12vw;
		height:38.25vw;
		background:url(../images/concept/sp-contentsmain-deco.png) no-repeat left top / 100% auto;
	}
	
	#contentsmain .inner .ttl{
		color:#B18B28;
		font-size:5.80vw;
		line-height:1.7;
		letter-spacing:-0.01em;
		text-align:center;
	}
	#contentsmain .inner .ttl span{
		display:block;
	}
	#contentsmain .inner .ttl .en{
		color:#B18B28;
		font-size:2.90vw;
		letter-spacing:-0.05em;
		margin-bottom:3vw;
	}
	#contentsmain .inner .ttl .sub{
		color:#222222;
		font-size:4.59vw;
		letter-spacing:0.2em;
		margin-bottom: 2.5vw;
	}
	#contentsmain .txt{
		position:relative;
		z-index:2;
		padding-top:6vw;
		letter-spacing:0; font-size: 3.62vw; line-height: 2; font-weight: 400;
	}
	#contentsmain p{
		margin-bottom: 1.59vw;
		line-height: 2.1;
	}
	#contentsmain p.sign{
		text-align:right;
		padding-top: 6.8vw;
		width:42.75vw;
	}


	
	#concept-list{
		background-color:#F8F7F5;
	}
	#concept-list > ul{
		margin: 0 auto;
		padding-top:48vw;
	}
	#concept-list > ul > li:nth-child(1){ padding-top:27vw; padding-bottom:17vw; background: url(../images/concept/sp-concept-back-bottom.png) no-repeat center bottom / 100% auto , url(../images/concept/sp-concept-back.png) repeat-y center bottom / 100% auto; }
	#concept-list > ul > li:nth-child(2){ padding-top:27vw; padding-bottom:17vw; background: url(../images/concept/sp-concept-back-bottom.png) no-repeat center bottom / 100% auto , url(../images/concept/sp-concept-back.png) repeat-y center bottom / 100% auto; }
	#concept-list > ul > li:nth-child(3){margin-bottom:0;padding-top:40vw;padding-bottom: 20.4vw;background: url(../images/concept/sp-concept03-deco.png) no-repeat right 31.64vw bottom 4.1vw / 38.41vw 13.53vw , url(../images/concept/sp-concept-back-bottom.png) no-repeat center bottom / 100% auto , url(../images/concept/sp-concept-back.png) repeat-y center bottom / 100% auto;}
	
	#concept-list > ul > li{
		position:relative;
		margin-bottom:46.14vw;
	}
	#concept-list > ul > li:before{
		content:"";
		position:absolute;
		top:-31vw;
		left:7.73vw;
		width:89.37vw;
		height:14.73vw;
	}
	#concept-list > ul > li:before{ background:url(../images/concept/sp-concept01-ttl.png) no-repeat left top / 100% auto;}
	
	#concept-list > ul > li .ph{
		margin-bottom: 4.33vw;
	}
	#concept-list > ul > li .concept-ttl{
		position: absolute;
		z-index:2;
		top:-17vw;
		left:2.90vw;
		width:93.24vw;
	}
	#concept-list > ul > li:nth-child(1) .concept-ttl{ width:93.24vw; }
	#concept-list > ul > li:nth-child(1) .concept-ttl{ width:93.24vw; }
	#concept-list > ul > li:nth-child(1) .concept-ttl{ width:92.75vw; }
	
	
	
	#concept-list > ul > li .txt-box{
		padding: 0 5.31vw;
	}
	#concept-list > ul > li .txt-box .no-box{
		color:#B18B28;
		font-size:2.90vw;
		letter-spacing:0.05em;
		margin-bottom:4vw;
	}
	#concept-list > ul > li .txt-box .no-box .no{
		display:inline-block;
		font-size:5.31vw;
		padding-left:1.93vw;
	}
	#concept-list > ul > li .txt-box .ttl{
		font-size:5.31vw;
		letter-spacing:0.05em;
		margin-bottom:3.5vw;
	}
	#concept-list > ul > li .txt-box .subttl{
		font-size:4.35vw;
		line-height:1.6;
		letter-spacing:0.05em;
		margin-bottom:5vw;
	}
	#concept-list > ul > li .txt-box .txt{
		letter-spacing:0;
		font-size: 3.62vw;
		line-height: 2;
		font-weight: 400;
		margin: 0 1.2vw;
	}
	
	
	#concept-list .concept01-icon-list{
		padding:7vw 7.73vw 0;
	}
	#concept-list .concept01-icon-list li{
		position:relative;
		background-color:#EDEAE3;
		margin-bottom:2.42vw;
		padding: 4vw 4.83vw 5.5vw 33.82vw;
	}
	#concept-list .concept01-icon-list .ttl{
		font-size:4.35vw;
		letter-spacing:0.05em;
		margin-bottom:2.42vw;
	}
	#concept-list .concept01-icon-list .icon{
		position:absolute;
		top:4.83vw;
		left:0;
		width:31.40vw;
		height:36.23vw;
	}
	#concept-list .concept01-icon-list p{
		letter-spacing:0;
		font-size: 3.14vw;
		line-height: 1.75;
		font-weight: 400;
	}
	
	
	#concept-list .concept02-list{
		padding: 6vw 7.73vw 0;
	}
	#concept-list .concept02-list li{
		position:relative;
		margin-bottom: 5.2vw;
		padding:5.56vw 6.04vw;
		background-color:#fff;
		border-top: solid 2px #B18B28;
	}
	#concept-list .concept02-list li .en-ttl{
		font-size:1.93vw;
		letter-spacing:0.05em;
		color:#B18B28;
		margin-bottom: 1vw;
	}
	#concept-list .concept02-list li .ttl{
		font-size:4.35vw;
		letter-spacing:0.05em;
		margin-bottom: 2.8vw;
	}
	#concept-list .concept02-list li .img{
		margin-bottom:3.4vw;
	}
	#concept-list .concept02-list li .txt{
		letter-spacing:0; font-size: 3.14vw; line-height: 1.85; font-weight: 400;
	}
	
	#concept-list .concept03-copy{
		position:relative;
		text-align:center;
		padding-top:7.00vw;
	}
	#concept-list .concept03-copy .copy01{
		font-size:4.35vw;
		letter-spacing:0.05em;
		margin-bottom: 3.6vw;
	}
	#concept-list .concept03-copy .copy02{
		font-size:5.31vw;
		letter-spacing:0.05em;
		color:#B18B28;
	}
	
	
	
	#concept-matome{
		padding-top:25.43vw;
		background: url(../images/concept/sp-concept-matome.jpg) no-repeat top 30vw center / 100% auto #F8F7F5;
		text-align:center;
	}
	#concept-matome .concept-matome-ttl{
		width:67.39vw;
		margin: 0 auto 46.38vw;
	}
	#concept-matome .txt-box{
		position:relative;
		width:89.37vw;
		padding-top:7vw;
		padding-bottom:27.29vw;
		margin: 0 auto 9.42vw;
		background: url(../images/concept/sp-concept-matome-txt-back.png) no-repeat top center / 100% auto;
	}
	#concept-matome .txt-box:before{
		content:"";
		position:absolute;
		bottom:0;
		left:4.345vw;
		width:80.68vw;
		height:17.05vw;
		background:url(../images/concept/sp-concept-matome-en-copy.png) no-repeat top center / 100% auto;
	}
	#concept-matome .txt-box .ttl{
		font-size:3.86vw;
		line-height:1.8;
		letter-spacing: 0.3vw;
		margin-bottom: 6vw;
	}
	#concept-matome .txt-box .txt{
		position:relative;
		padding-bottom:23.91vw;
		margin-bottom: 8.39vw;
		letter-spacing:0;
		font-size: 3.62vw;
		line-height: 2;
		font-weight: 400;
	}
	#concept-matome .txt-box .txt:before{
		content:"";
		position:absolute;
		bottom:0;
		left:50%;
		height:14.49vw;
		width:1px;
		background-color:#222222;
	}
	#concept-matome .txt-box .copy01{
		font-size:5.31vw;
		color:#B18B28;
		margin-bottom:3vw;
	}
	#concept-matome .txt-box .copy02{
		font-size:4.35vw;
	}
	#concept-matome .bnr-list{
		width:100%;
		margin: 0 auto;
		background-color:#fff;
		padding:14.49vw 4.35vw;
	}
	#concept-matome .bnr-list ul{
		padding-bottom:10vw;
	}
	#concept-matome .bnr-list li{
		margin-bottom: 8.52vw;
	}
	#concept-matome .bnr-list li .cap{
		padding-top: 2.38vw;
		text-align:center;
		letter-spacing:0;
		font-size: 3.62vw;
		line-height: 2;
		font-weight: 400;
	}
	
	#contentsend {
		margin-top:0;
	}
	main {
		margin-bottom:0 !important;
	}
	
	
	
	




}