@charset "UTF-8"; 

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

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

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

main #kv .kv_wrap h1 {
	color: #FFF; 
}

main #kv .kv_wrap h2 {
	color: #FFF; 
}

/* #price ------------------------------------------------------------------------------------------*/

#price {
	padding: 104px 0 0; 
}

#price .cont_head.font_gar {
	text-align: center; 
	line-height: 1; 
}

#price .cont_sub {
	text-align: center; 
	font-size: 22px; 
	letter-spacing: 2.2px; 
	margin-bottom: 50px; 
}

#price .price_itemWrap {
	padding-bottom: 96px; 
}

#price .price_itemWrap .price_list {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	width: 1180px; 
	margin: 0 auto 120px; 
	gap: 20px; 
}

#price .price_itemWrap .price_list li {
	width: 355px; 
	background-color: #F0ECED; 
	padding: 33px 0 24px; 
}

#price .price_itemWrap .price_list .title_wrap {
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
}

#price .price_itemWrap .price_list .title_wrap img {
	width: 66px; 
}

#price .price_itemWrap .price_list li:nth-of-type(5) .title_wrap img {
	width: 40px; 
}

#price .price_itemWrap .price_list .title_wrap .title_inner h3 {
	font-size: 48px; 
	font-weight: 400; 
	line-height: 1; 
	margin-bottom: 10px; 
}

#price .price_itemWrap .price_list .title_wrap .title_inner .title_sub {
	font-size: 18px; 
	letter-spacing: 1.8px; 
	text-align: center; 
	margin-bottom: 10px; 
}

#price .price_itemWrap .price_list .price_wrap {
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center; 
}

#price .price_itemWrap .price_list .price_wrap .price_sub {
	font-size: 18px; 
	background-color: #FFF; 
	padding: 0 0.5em; 
}

#price .price_itemWrap .price_list .price_wrap .price_main {
	font-size: 51px; 
	letter-spacing: 1.53px; 
}

#price .price_itemWrap .price_list .price_wrap .price_main span {
	font-size: 20px; 
	margin-top: 10px; 
}

#price .price_itemWrap .price_wrap .price_main.font_cor.price_limited .price_small {
	font-size: 38px; 
}

#price .price_itemWrap .price_time {
	text-align: center; 
	font-size: 22px; 
	line-height: 150%; 
	margin-bottom: 1em; 
}

#price .price_itemWrap .price_caution {
	text-align: center; 
	font-size: 18px; 
}

/* #trial ------------------------------------------------------------------------------------------*/

#trial {
	height: 560px; 
	background-image: url(/assets/img/price/trial_bg_pc.jpg); 
	background-size: cover; 
	background-position: center center; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
}

#trial .trial_box {
	background: rgba(255, 255, 255, 0.82); 
	padding: 54px 0 47px; 
	width: 717px; 
	text-align: center; 
	transition: all ease 0.3s; 
}

#trial .trial_box .trial_text {
	text-align: center; 
	font-size: 18px; 
	letter-spacing: 1.98px; 
	margin-bottom: 33px; 
	text-align: center; 
}

#trial .trial_box .trial_head.font_gar {
	font-size: 48px; 
	letter-spacing: 4.8px; 
	margin-bottom: 18px; 
	font-weight: 400; 
	text-align: center; 
	line-height: 1; 
}

#trial .trial_box .trial_res {
	text-align: center; 
	position: relative; 
	font-size: 18px; 
	letter-spacing: 1.98px; 
	display: inline-block; 
}

#trial .trial_box .trial_res:after {
	content: ""; 
	display: block; 
	width: 26px; 
	padding-top: 7px; 
	background-image: url(/assets/img/price/trial_arrow.svg); 
	background-size: cover; 
	position: absolute; 
	right: -31px; 
	top: 12px; 
	transition: all ease 0.3s; 
}

#trial .trial_box:hover {
	opacity: 0.8; 
}

#trial .trial_box:hover .trial_res:after {
	right: -40px; 
}

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

@media (max-width: 1440px) {

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

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

	/* #price ------------------------------------------------------------------------------------------*/

	#price {
		padding: min(calc(104/1440*100vw), 104px) 0 0; 
	}

	#price .cont_sub {
		text-align: center; 
		font-size: min(calc(22/1440*100vw), 22px); 
		letter-spacing: min(calc(2.2/1440*100vw), 2.2px); 
		margin-bottom: min(calc(50/1440*100vw), 50px); 
	}

	#price .price_itemWrap {
		padding-bottom: min(calc(96/1440*100vw), 96px); 
	}

	#price .price_itemWrap .price_list {
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
		width: 100%; 
		padding: 0 min(calc(130/1440*100vw), 130px); 
		margin: 0 auto min(calc(120/1440*100vw), 120px); 
		gap: min(calc(20/1440*100vw), 20px); 
	}

	#price .price_itemWrap .price_list li {
		width: min(calc(355/1440*100vw), 355px); 
		background-color: #F0ECED; 
		padding: min(calc(33/1440*100vw), 33px) 0 min(calc(24/1440*100vw), 24px); 
	}

	#price .price_itemWrap .price_list .title_wrap img {
		width: min(calc(66/1440*100vw), 66px); 
	}

	#price .price_itemWrap .price_list li:nth-of-type(5) .title_wrap img {
		width: min(calc(40/1440*100vw), 40px); 
	}

	#price .price_itemWrap .price_list .title_wrap .title_inner h3 {
		font-size: min(calc(48/1440*100vw), 48px); 
		font-weight: 400; 
		line-height: 1; 
		margin-bottom: min(calc(10/1440*100vw), 10px); 
	}

	#price .price_itemWrap .price_list .title_wrap .title_inner .title_sub {
		font-size: min(calc(18/1440*100vw), 18px); 
		letter-spacing: min(calc(1.8/1440*100vw), 1.8px); 
		margin-bottom: min(calc(10/1440*100vw), 10px); 
	}

	#price .price_itemWrap .price_list .price_wrap .price_sub {
		font-size: min(calc(18/1440*100vw), 18px); 
	}

	#price .price_itemWrap .price_list .price_wrap .price_main {
		font-size: min(calc(51/1440*100vw), 51px); 
		letter-spacing: min(calc(1.53/1440*100vw), 1.53px); 
	}

	#price .price_itemWrap .price_list .price_wrap .price_main span {
		font-size: min(calc(20/1440*100vw), 20px); 
		margin-top: min(calc(10/1440*100vw), 10px); 
	}

	#price .price_itemWrap .price_wrap .price_main.font_cor.price_limited .price_small {
		font-size: min(calc(38/1440*100vw), 38px); 
	}

	#price .price_itemWrap .price_time {
		font-size: min(calc(22/1440*100vw), 22px); 
	}

	#price .price_itemWrap .price_caution {
		font-size: min(calc(18/1440*100vw), 18px); 
	}

	/* #trial ------------------------------------------------------------------------------------------*/

	#trial {
		height: min(calc(560/1440*100vw), 560px); 
		background-image: url(/assets/img/price/trial_bg_pc.jpg); 
	}

	#trial .trial_box {
		padding: min(calc(54/1440*100vw), 54px) 0 min(calc(47/1440*100vw), 47px); 
		width: min(calc(717/1440*100vw), 717px); 
	}

	#trial .trial_box .trial_text {
		font-size: min(calc(18/1440*100vw), 18px); 
		letter-spacing: min(calc(1.98/1440*100vw), 1.98px); 
		margin-bottom: min(calc(33/1440*100vw), 33px); 
	}

	#trial .trial_box .trial_head.font_gar {
		font-size: min(calc(48/1440*100vw), 48px); 
		letter-spacing: min(calc(4.8/1440*100vw), 4.8px); 
		margin-bottom: min(calc(18/1440*100vw), 18px); 
	}

	#trial .trial_box .trial_res {
		font-size: min(calc(18/1440*100vw), 18px); 
		letter-spacing: min(calc(1.98/1440*100vw), 1.98px); 
	}

	#trial .trial_box .trial_res:after {
		content: ""; 
		display: block; 
		width: min(calc(26/1440*100vw), 26px); 
		padding-top: min(calc(7/1440*100vw), 7px); 
		right: min(calc(-31/1440*100vw), -31px); 
		top: min(calc(12/1440*100vw), 12px); 
	}

	#trial .trial_box:hover .trial_res:after {
		right: min(calc(-40/1440*100vw), -40px); 
	}
}

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

@media (max-width: 1000px) {

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

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

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

	/* #price ------------------------------------------------------------------------------------------*/

	#price {
		padding: min(calc(60/786*100vw), 60px) 0 0; 
	}

	#price .cont_head.font_gar {
		font-size: min(calc(80/786*100vw), 80px); 
	}

	#price .cont_sub {
		text-align: center; 
		font-size: min(calc(26/786*100vw), 26px); 
		letter-spacing: min(calc(0.65/786*100vw), 0.65px); 
		margin-bottom: min(calc(50/786*100vw), 50px); 
	}

	#price .price_itemWrap {
		padding: 0 min(calc(40/786*100vw), 40px) min(calc(60/786*100vw), 60px); 
	}

	#price .price_itemWrap .price_list {
		display: flex; 
		flex-wrap: wrap; 
		justify-content: space-between; 
		width: 100%; 
		margin: 0 auto min(calc(60/786*100vw), 60px); 
		gap: min(calc(30/786*100vw), 30px); 
		padding: 0; 
	}

	#price .price_itemWrap .price_list li {
		width: 100%; 
		padding: min(calc(22/786*100vw), 22px) min(calc(30/786*100vw), 30px) min(calc(24/786*100vw), 24px); 
		display: flex; 
		align-items: center; 
		justify-content: space-between; 
	}

	#price .price_itemWrap .price_list .title_wrap {
		display: flex; 
		flex-direction: row; 
		align-items: center; 
		justify-content: center; 
		align-items: center; 
	}

	#price .price_itemWrap .price_list .title_wrap img {
		width: min(calc(52/786*100vw), 52px); 
		margin-right: 8%; 
	}

	#price .price_itemWrap .price_list li:nth-of-type(5) .title_wrap img {
		width: min(calc(52/786*100vw), 52px); 
	}

	#price .price_itemWrap .price_list .title_wrap .title_inner {
		text-align: left; 
		white-space: nowrap; 
	}

	#price .price_itemWrap .price_list .title_wrap .title_inner h3 {
		font-size: min(calc(38/786*100vw), 38px); 
		margin-bottom: 5%; 
	}

	#price .price_itemWrap .price_list .title_wrap .title_inner .title_sub {
		font-size: min(calc(24/786*100vw), 24px); 
		letter-spacing: min(calc(1/786*100vw), 1px); 
		text-align: center; 
		margin-bottom: 0; 
	}

	#price .price_itemWrap .price_list .price_wrap {
		display: flex; 
		flex-direction: column; 
		align-items: flex-end; 
		justify-content: center; 
	}

	#price .price_itemWrap .price_list .price_wrap .price_sub {
		font-size: min(calc(20/786*100vw), 20px); 
		padding: 0 0.5em; 
	}

	#price .price_itemWrap .price_list .price_wrap .price_main {
		font-size: min(calc(60/786*100vw), 60px); 
		letter-spacing: min(calc(1/786*100vw), 1px); 
		line-height: 1; 
		margin-top: 2%; 
	}

	#price .price_itemWrap .price_list .price_wrap .price_main span {
		font-size: min(calc(28/786*100vw), 28px); 
	}

	#price .price_itemWrap .price_wrap .price_main.font_cor.price_limited .price_small {
		font-size: min(calc(34/786*100vw), 34px); 
	}

	#price .price_itemWrap .price_time {
		text-align: center; 
		font-size: min(calc(24/786*100vw), 24px); 
		margin-bottom: 1em; 
	}

	#price .price_itemWrap .price_caution {
		text-align: center; 
		font-size: min(calc(22/786*100vw), 22px); 
	}

	/* #trial ------------------------------------------------------------------------------------------*/

	#trial {
		height: min(calc(638/786*100vw), 638px); 
		background-image: url(/assets/img/price/trial_bg_sp.jpg); 
	}

	#trial .trial_box {
		padding: min(calc(50/786*100vw), 50px) 0; 
		width: min(calc(706/786*100vw), 706px); 
	}

	#trial .trial_box .trial_text {
		text-align: center; 
		font-size: min(calc(26/786*100vw), 26px); 
		letter-spacing: min(calc(2/786*100vw), 2px); 
		margin-bottom: min(calc(42/786*100vw), 42px); 
	}

	#trial .trial_box .trial_head.font_gar {
		font-size: min(calc(60/786*100vw), 60px); 
		letter-spacing: min(calc(5/786*100vw), 5px); 
		margin-bottom: min(calc(26/786*100vw), 26px); 
	}

	#trial .trial_box .trial_res {
		text-align: center; 
		position: relative; 
		font-size: min(calc(28/786*100vw), 28px); 
		letter-spacing: min(calc(3/786*100vw), 3px); 
		display: inline-block; 
	}

	#trial .trial_box .trial_res:after {
		content: ""; 
		display: block; 
		width: min(calc(40/786*100vw), 40px); 
		padding-top: min(calc(10/786*100vw), 10px); 
		background-image: url(/assets/img/price/trial_arrow.svg); 
		background-size: cover; 
		position: absolute; 
		right: min(calc(-40/786*100vw), -40px); 
		top: min(calc(15/786*100vw), 15px); 
		transition: all ease 0.3s; 
	}

	#trial .trial_box:hover {
		opacity: 0.8; 
	}

	#trial .trial_box:hover .trial_res:after {
		right: -40px; 
	}
}