@charset "UTF-8";
@media screen and (min-width:414px){
	.sp-only{
	display:none;
	}
}
@media screen and (max-width:414px){
	.pc-only{
	display:none;
	}
}
.card__picture--01 { 
	background-image: url("../images/img_concept01.jpg");
}
.card__picture--02 {
	background-image: url("../images/img_concept02.jpg");
}
.card__picture--03 {
	background-image: url("../images/img_concept03.jpg");
}
.card__text-content{
font-weight: 700;
font-size: 1.6rem;
color: #fff;
}
@media screen and (min-width:414px){
.card__text-content{
font-size: 2.6rem;
}
}
@media screen and (min-width:768px){
.card__text-content{
font-size: 1.6rem;
}
}
@media screen and (min-width:1000px){
.card__text-content{
font-size: 2.0rem;
}
}
.card__text-content {
	position: absolute;  
	top: 50%;
	left: 50%;
	display: block;
	height: 100%;
	min-height: 34px; 
	overflow: hidden;
	text-align: center; 
	-webkit-transform: translate(-50%, -50%); 
	-ms-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%);
	width: 100%;
}
.card__text-content {
	height: 46px;
}
@media screen and (min-width:414px){
.card__text-content {
	height: 80px;
}
}
@media screen and (min-width:768px){
.card__text-content {
	height: 46px;
}
}
@media screen and (min-width:1000px){
.card__text-content {
	height: 60px;
}
}
.content__concept .card{
border: none;
}
@media screen and (max-width:768px){
.content__concept .card__string{
font-size: 1.2rem;
}
}
.sec-ft__detail{
color: #fff;
padding: 40px 16px;
}
@media screen and (min-width:1000px){
.sec-ft__detail{
padding: 72px 24px;
}
}
.sec-ft__detail .ttl-01{
    color: #fff;
}

.sec-ft__detail .ttl-01:before{
    background-color: #fff!important;
}
.sec-ft__detail{
background: url("../images/bg_ft_sp.jpg") no-repeat;
background-size: cover;
}
@media screen and (min-width:768px){
.sec-ft__detail{
background: url("../images/bg_ft.jpg") no-repeat;
background-size: cover;
}
}