@charset "utf-8";
/* CSS Document */



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

/*----------------------------------------

	コンセプト　.concept

----------------------------------------*/		
	.concept{
		padding: 150px 0;
	}
	
	.concept .inner{
		background-image: url("../images/concept/image_photo.png"),url("../images/concept/logo_stamp.png");
		background-repeat: no-repeat;
		background-position: right 50%,left bottom;
		background-size: 50%;
		padding-bottom: 450px;
	}
	
	.concept h2{
		font-size: 5rem;
		text-align: center;
		margin: 0 auto 150px;
	}
	
	.concept h2::before{
		content:"";
		display: inline-block;
		width: 60px;
		height: 80px;
		background-image: url("../images/concept/title_left.png");
		background-repeat: no-repeat;
		background-size: contain;
		transform: translateY(0.5em);
		margin-right: 15px;
	}
	
	.concept h2::after{
		content:"";
		display: inline-block;
		width: 60px;
		height: 80px;
		background-image: url("../images/concept/title_right.png");
		background-repeat: no-repeat;
		background-size: contain;
		transform: translateY(0.5em);
		margin-left: 15px;
	}
	
	.concept p.font_yasashisaBold{
		font-size: 3rem;
		text-align: center;
		margin-bottom: 150px;
	}
	
	.concept .font_yasashisaBold+p{
		font-size: 2rem;
		line-height: 1.8;
		width: 500px;
	}


}






/*----------------------------------------------------------------------------------
		スマホ
----------------------------------------------------------------------------------*/



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

	コンセプト　.concept(SP)

----------------------------------------*/		
	.concept{
		padding-top: 80px;
	}
	
	.concept .inner{
		background-image: url("../images/concept/image_photo.png"),url("../images/concept/logo_stamp.png");
		background-repeat: no-repeat;
		background-position: right 90%,left bottom;
    background-size: 60%,40%;
    padding-bottom: 50%;
		text-align: center;
	}
	
	.concept h2{
		display: inline-block;
		position: relative;
		font-size: 2.2rem;
		text-align: center;
		margin: 0 auto 40px;
	}
	
	.concept h2::before{
    content: "";
    display: inline-block;
    width: 40px;
    height: 55px;
    background-image: url(../images/concept/title_left.png);
    background-repeat: no-repeat;
    background-size: contain;
		position: absolute;
    left: -50px;
    bottom: -10px;
	}
	
	.concept h2::after{
		content:"";
		display: inline-block;
		width: 40px;
		height: 55px;
		background-image: url("../images/concept/title_right.png");
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
    right: -45px;
    bottom: -10px;
	}
	
	.concept p.font_yasashisaBold{
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.6;
		margin-bottom: 40px;
		padding: 0 25px;
	}
	
	.concept .font_yasashisaBold+p{
		font-size: 1.6rem;
		line-height: 1.8;
		text-align: left;
		padding: 0 25px;
	}	
		
	
	
}