@charset "utf-8";

/* concept */

/* sec01
---------------------------------------------------------------------------*/
#concept .ttl-sec {
	font-size: .3rem;
	line-height: 180%;
}
@media screen and (max-width: 768px){
	#concept .ttl-sec {
		font-size: 6vw;
	}
}

/* 大画像 */
.box-big {
	position: relative;
}
.fig-big,
.fig-big img {
	width: 100%;
	height: 720px;
}
.fig-big img {
	object-fit: cover;
	object-position: center center;
	font-family: "object-fit: cover; object-position: center center;";
}
.tx-big {
	position: absolute;
	top: calc(50% - 270px);
	left: calc(50% - 270px);
	width: 540px;
	height: 540px;
	background-color: rgba(0, 0, 0, .4);
	color: #FFF;
}
.tx-big > * {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}
.num-big {
	font-size: 1.4rem;
	line-height: 100%;
	text-align: center;
}
.ttl-big {
	margin-bottom: 20px;
	font-size: .33rem;
	line-height: 120%;
}
.ttl-big strong {
	font-size: .5rem;
	font-weight: 400;
	line-height: 120%;
}
@media screen and (max-width: 768px){
	.fig-big,
	.fig-big img {
		height: 120vw;
	}
	.tx-big {
		top: calc(50% - 40vw);
		left: calc(50% - 35vw);
		width: 70vw;
		height: 80vw;
	}
	
	.tx-big > * {
		width: 90%;
	}
	.num-big {
		font-size: 15vw;
	}
	.ttl-big {
		margin-bottom: 3vw;
		font-size: 7vw;
	}
	.ttl-big strong {
		font-size: 11vw;
	}



	.fig-big {
		display: none;
	}
	.box-big {
		padding-bottom: 30vw;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 170%;
	}
	.block-sec01 .box-big {
		background-image: url(../img/concept/fig-sec01-main.jpg);
		background-color: #925916;
	}
	.block-sec02 .box-big {
		background-image: url(../img/concept/fig-sec02-main.jpg);
		background-color: #242333;
	}
	.block-sec03 .box-big {
		background-image: url(../img/concept/fig-sec03-main.jpg);
		background-color: #0D0200;
	}
	.tx-big {
		position: relative;
		top: 20vw;
		left: 0;
		width: 80vw;
		height: auto;
		margin: 0 auto;
		padding: 10vw 3vw 5vw;
	}
	.num-big {
		position: absolute;
		top: -8vw;
		font-size: 18vw;
	}
}

/* 小画像 */
.box-mini {
	padding-top: 50px;
}
.lst-mini.column02{
    width: 67%;
    margin: 0 auto;
}
.lst-mini > li {
	width: 325px;
}
.tx-small {
	padding: 23px;
}
.ttl-smal {
	margin-bottom: 5px;
	font-size: .26rem;
	line-height: 130%;
	color: #D0BD7F;
}
.bg-thinest > .tx-small > .ttl-smal {
	color: #867150;
}
@media screen and (max-width: 768px){
	.box-mini {
		padding-top: 5vw;
	}
	.lst-mini {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
    .lst-mini.column02{
        width: 100%;
    }
	.lst-mini > li {
		margin-bottom: 3vw;
	}
	.fig-small {
	}
	.tx-small {
		padding: 3vw;
	}
	.ttl-smal {
		font-size: 5.3vw;
	}
}