@charset "UTF-8"; 

/* #kv ------------------------------------------------------------------------------------------*/

#kv {
	background-image: url(/assets/img/program/hero_pc.jpg); 
}

#kv .kv_wrap {
	padding-bottom: 420px; 
}

/* #cont ------------------------------------------------------------------------------------------*/

.yoga_wrap {
	background-image: url(/assets/img/program/yoga_bg_pc.jpg); 
	background-size: cover; 
	background-position: center top; 
}

#cont.cont_half .cont_rightInner {
	background-image: url(/assets/img/program/yoga_main_pc.png); 
}

main .cont_half .cont_leftInner p {
	width: 348px; 
}

/* #pickup ------------------------------------------------------------------------------------------*/

#pickup {
	padding-bottom: 100px; 
}

.cont_head {
	font-size: 90px; 
	text-align: center; 
	margin: 105px 0 0; 
}

.cont_sub {
	font-size: 24px; 
	text-align: center; 
	margin-bottom: 50px; 
}

.program_wrap {
	max-width: 1300px; 
	margin: 0 auto; 
}

.program_wrap ul {
	display: flex; 
	justify-content: space-between; 
}

.program_wrap ul li {
	width: 411px; 
	background-color: #FFF; 
}

.program_wrap ul li h3 {
	font-size: 28px; 
	text-align: center; 
	font-weight: 400; 
	margin: 35px 0 24px; 
}

.program_wrap ul li p {
	font-size: 16px; 
	line-height: 150%; 
	padding: 0 16px 15px; 
}

/* #studio ------------------------------------------------------------------------------------------*/

#studio {
	background: #F6F6F6; 
	padding-bottom: 120px; 
}

#studio .studio_main {
	height: 768px; 
	background-image: url(/assets/img/program/studio_main_pc.png); 
	background-size: cover; 
	background-position: center center; 
	padding-top: 128px; 
}

#studio .studio_main .studio_head {
	width: 362px; 
	margin: 0 auto; 
	background-color: #FFF; 
	padding: 45px 15px 55px; 
}

#studio .studio_main .studio_head .studio_logo {
	width: 56px; 
	margin: 0 auto 20px; 
}

#studio .studio_main .studio_head h3 {
	font-size: 40px; 
	line-height: normal; 
	letter-spacing: 5.2px; 
	text-align: center; 
	font-weight: 400; 
}

#studio .cont_head.font_gar {
	margin-top: 65px; 
}

/* Liquid ------------------------------------------------------------------------------------------*/

@media (max-width: 1440px) {

	/* #kv ------------------------------------------------------------------------------------------*/

	#kv {
		background-image: url(/assets/img/program/hero_pc.jpg); 
	}

	.sub_page #kv .kv_wrap {
		padding-bottom: min(calc(420/1440*100vw), 420px); 
	}

	/* #cont ------------------------------------------------------------------------------------------*/

	main .cont_half .cont_leftInner p {
		width: min(calc(348/1440*100vw), 348px); 
	}

	/* #pickup ------------------------------------------------------------------------------------------*/

	#pickup {
		padding-bottom: min(calc(100/1440*100vw), 100px); 
	}

	.cont_head {
		font-size: min(calc(90/1440*100vw), 90px); 
		margin: min(calc(105/1440*100vw), 105px) 0 0; 
	}

	.cont_sub {
		font-size: min(calc(24/1440*100vw), 24px); 
		margin-bottom: min(calc(50/1440*100vw), 50px); 
	}

	.program_wrap {
		max-width: min(calc(1300/1440*100vw), 1300px); 
	}

	.program_wrap ul li {
		width: min(calc(411/1440*100vw), 411px); 
	}

	.program_wrap ul li h3 {
		font-size: min(calc(28/1440*100vw), 28px); 
		margin: min(calc(35/1440*100vw), 35px) 0 min(calc(24/1440*100vw), 24px); 
	}

	.program_wrap ul li p {
		font-size: min(calc(16/1440*100vw), 16px); 
		line-height: 150%; 
		padding: 0 min(calc(16/1440*100vw), 16px) min(calc(15/1440*100vw), 15px); 
	}

	/* #studio ------------------------------------------------------------------------------------------*/

	#studio {
		padding-bottom: min(calc(120/1440*100vw), 120px); 
	}

	#studio .studio_main {
		height: min(calc(768/1440*100vw), 768px); 
		padding-top: min(calc(128/1440*100vw), 128px); 
	}

	#studio .studio_main .studio_head {
		width: min(calc(362/1440*100vw), 362px); 
		padding: min(calc(45/1440*100vw), 45px) min(calc(15/1440*100vw), 15px) min(calc(55/1440*100vw), 55px); 
	}

	#studio .studio_main .studio_head .studio_logo {
		width: min(calc(56/1440*100vw), 56px); 
		margin: 0 auto min(calc(20/1440*100vw), 20px); 
	}

	#studio .studio_main .studio_head h3 {
		font-size: min(calc(40/1440*100vw), 40px); 
		letter-spacing: min(calc(5.2/1440*100vw), 5.2px); 
	}

	#studio .cont_head.font_gar {
		margin-top: min(calc(65/1440*100vw), 65px); 
	}
}

/* Smartphone ------------------------------------------------------------------------------------------*/

@media (max-width: 1000px) {

	/* #kv ------------------------------------------------------------------------------------------*/

	#kv {
		background-image: url(/assets/img/program/hero_sp.jpg); 
	}

	.sub_page #kv .kv_wrap {
		padding-bottom: min(calc(390/786*100vw), 390px); 
	}

	.sub_page #kv h1 {
		font-size: min(calc(110/786*100vw), 110px); 
	}

	/* #cont ------------------------------------------------------------------------------------------*/

	.yoga_wrap {
		background-image: url(/assets/img/program/yoga_bg_sp.jpg); 
	}

	#cont.cont_half .cont_rightInner {
		background-image: url(/assets/img/program/yoga_main_sp.png); 
		margin: 0 auto; 
	}

	main .cont_half .cont_leftInner p {
		width: min(calc(480/786*100vw), 480px); 
	}

	/* #pickup ------------------------------------------------------------------------------------------*/

	#pickup {
		padding-bottom: min(calc(60/786*100vw), 60px); 
	}

	.cont_head {
		font-size: min(calc(80/786*100vw), 80px); 
		text-align: center; 
		line-height: 0.9; 
		margin: 0 0 3%; 
	}

	.cont_sub {
		font-size: min(calc(24/786*100vw), 24px); 
		text-align: center; 
		margin-bottom: min(calc(50/786*100vw), 50px); 
	}

	.program_wrap {
		max-width: 1300px; 
		margin: 0 auto; 
	}

	.program_wrap ul {
		display: block; 
		padding: 0 min(calc(40/786*100vw), 40px); 
	}

	.program_wrap ul li {
		width: 100%; 
		margin-bottom: min(calc(20/786*100vw), 20px); 
	}

	.program_wrap ul li h3 {
		font-size: min(calc(28/786*100vw), 28px); 
		text-align: center; 
		font-weight: 400; 
		margin: min(calc(36/786*100vw), 36px) 0 min(calc(30/786*100vw), 30px); 
	}

	.program_wrap ul li p {
		font-size: min(calc(24/786*100vw), 24px); 
		line-height: 150%; 
		padding: 0 min(calc(30/786*100vw), 30px) min(calc(30/786*100vw), 30px); 
	}

	/* #studio ------------------------------------------------------------------------------------------*/

	#studio {
		padding-bottom: min(calc(100/786*100vw), 100px); 
	}

	#studio .studio_main {
		height: min(calc(540/786*100vw), 540px); 
		background-image: url(/assets/img/program/studio_main_sp.png); 
		background-size: cover; 
		background-position: center center; 
		padding-top: min(calc(60/786*100vw), 60px); 
	}

	#studio .studio_main .studio_head {
		width: min(calc(336/786*100vw), 336px); 
		margin: 0 auto; 
		background-color: #FFF; 
		padding: min(calc(60/786*100vw), 60px) 0 min(calc(56/786*100vw), 56px); 
	}

	#studio .studio_main .studio_head .studio_logo {
		width: min(calc(48/786*100vw), 48px); 
		margin: 0 auto min(calc(15/786*100vw), 15px); 
	}

	#studio .studio_main .studio_head h3 {
		font-size: min(calc(30/786*100vw), 30px); 
		line-height: normal; 
		letter-spacing: 5.2px; 
		text-align: center; 
		font-weight: 400; 
	}

	#studio .cont_head.font_gar {
		margin-top: min(calc(84/786*100vw), 84px); 
	}
}