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


/* コンセプト */
@media (min-width: 768px) {
	.concept_box{ padding: 100px 0;}
	.concept_back{ background-image: url("../images/back.jpg"); background-size: cover; background-position: center bottom 0.5px; padding: 200px 15px 480px;}
	
	.concept_box .concept_logo{ text-align: center; margin: 0 0 44px 0;}
	.concept_box .concept_logo img{ width: clamp(480px, 49.4%, 780px);}
	.concept_box .concept_lead{ text-align: center; font-size: clamp(24px, 2.06vw, 33px); margin: 0 0 31px 0; line-height: 1.8; letter-spacing: 2px;}
	.concept_box .concept_text{ text-align: center; font-size: clamp(16px, 1.25vw, 20px); margin: 0; line-height: 2.4;}
	
	.viva_club{ text-align: center; margin: 100px auto 0;}
	.viva_club a{ transition: 0.3s;}
	.viva_club img{ width: 257px;}
	.viva_club a:hover{ opacity: 0.8;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.concept_back{ padding: 120px 15px 260px;}
}
@media (max-width: 767.98px) {
	.concept_box{ padding: 50px 0;}
	.concept_back{ background-image: url("../images/back_sp.jpg"); background-size: cover; background-position: center bottom 0.5px; padding: 100px 15px 50vw;}
	
	.concept_box .concept_logo{ text-align: center; margin: 0 0 35px 0;}
	.concept_box .concept_logo img{ width: clamp(300px, 90%, 480px);}
	.concept_box .concept_lead{ text-align: center; font-size: clamp(21px, 5vw, 30px); margin: 0 0 30px 0; line-height: 1.8; letter-spacing: 1.5px;}
	.concept_box .concept_text{ text-align: center; font-size: clamp(13.5px, 2vw, 15px); margin: 0; line-height: 2.0;}
	
	.viva_club{ text-align: center; margin: 50px auto 0;}
	.viva_club img{ width: 230px;}
	.viva_club a:hover{ opacity: 0.8;}
}