@charset "utf-8";

/*  ===============================
			global
===============================  */

/* header
===============================
*/

/* navigation
===============================
*/

/* floating
===============================
*/

/* btn
===============================
*/

.btn {
	max-width: initial;
	padding: 1.2em;
	font-size: 14px;
}

.btn--product {
	padding: 8px 0;
}

/* bgFixed
===============================
*/

.fixedBg_item {
	width: calc(100% / var(--fixedBg-sp-columns, 3));
}

/* infinite slider
===============================
*/

.infiniteSlider_slide {
	width: calc(100vw / 3) !important;
}

/* Gfter
===============================
*/

.Gftr {
	padding: 60px 0 20px;
}

.Gftr_anchor {
	font-size: 14px;
}

.Gftr_copy {
	font-size: 15px;
}

.Gftr_link {
	--verticalPadding: 3em;
	font-size: initial;
}

/* Gmain
===============================
*/

/* sec , subSec
===============================
*/

/*  ===============================
		  component
===============================*/

/* slider
===============================
*/

/* hamburger
===============================
*/

/*  ===============================
		  project
===============================*/

/* hero
===============================
*/

.pop_ttl--02 {
	padding-bottom: 170px;
}

/* intro
===============================
*/

.sec--intro {
	background: #0f0d0d url(../images/intro_sp.jpg) no-repeat center / cover;
	padding-top: 80px;
	padding-bottom: 84px;
}

/* .sec_inr--intro{
	padding-left: 16px;
	padding-right: 16px;
} */

.sec_body--intro {
	font-size: 12px;
	line-height: 23px;
	font-weight: 500;
}

.sec_body {
	letter-spacing: 0.4px;
}

.intro_block:not(:last-child) {
	margin-bottom: 24px;
}

/* release
===============================
*/

.sec_inr--release,
.sec_inr--songs,
.sec_inr--benefits {
	width: 85%;
	background: url(../images/sec_inr--bg_sp.png) repeat;
	padding-left: 20px;
	padding-right: 20px;
}

.topic_ttl {
	font-size: 16px;
}

.sec_inr--release {
	padding-top: 38px;
	margin-bottom: 50px;
}

.product_list {
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.product_names {
	line-height: 0.7lh;
	margin-bottom: 17px;
}

.product_notes {
	margin-bottom: 24px;
}

/* songs
===============================
*/

.sec_inr--songs {
	padding-top: 36px;
	padding-bottom: 52px;
	margin-bottom: 76px;
}

.topic_ttl--songs {
	margin-bottom: 26px;
}

.song_ttl--sp {
	display: block;
	font-size: 11px;
}

.song {
	padding-right: 0px;
}

.song_ttl {
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 15px;
	line-height: 1lh;
}

.song_subTtl {
	padding-top: 20px;
}

.song_list {
	font-size: 12px;
	line-height: 1.3lh;
}

/* benefits
===============================
*/

.sec_inr--benefits {
	padding-top: 50px;
	padding-bottom: 50px;
}

.sec_hdr--benefits {
	padding-bottom: 55px;
}

.eager {
	margin-bottom: 84px;
}

.topic_ttl--eager {
	margin-bottom: 20px;
	min-width: initial;
	width: 100%;
}

.eager_ttl {
	font-size: 16px;
	margin-bottom: 8px;
}

.eager_texts {
	font-size: 12px;
	margin-bottom: 20px;
}

/*shop*/

.topic_ttl--shop {
	margin-bottom: 36px;
}

.shop_list {
	grid-template: auto / 1fr 1fr;
	gap: 46px 20px;
}

.shop_names {
	font-size: 12px;
	line-height: 1lh;
	/*nowrapで画像がズレ落ち対策*/
	min-width: 0;
	align-items: flex-end;
	/* margin-top: 8px; */
}

.shop_notes {
	margin-bottom: 54px;
	line-height: 1lh;
	text-align: left;
}

/* achievement
===============================
*/

/* comparison
===============================
*/
/* about
===============================
*/

/* company
===============================
*/
/* contact
===============================
*/

/* tab switch */

/* form confirm */

/* init */

/* validation */

/* confirm_text */

/* finish */