@charset "utf-8";

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

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

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

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

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

/* footer
===============================
*/
.Gftr {
	padding: 48px 0 20px;
}

.Gftr_copy {
	font-size: 10px;
	font-weight: 400;
}

/* sns_list
===============================
*/

.sns_list {
	gap: 18%;
	margin-bottom: 54px;
}

/* .sns_item {
	width: 3rem;
	height: 3rem;
} */

.official-link {
	text-align: center;
	margin-bottom: 7.3rem;
}

.official-link_anchor {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.12em;
}

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

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

/* .sec_hdr{
	position: relative;
	text-align: center;
	display: inline-block;
}

.sec_subTtl{
	z-index: 1	;
	position: absolute;
	top: 50%;
	left: 50%;
	translate: -50% -35%;
} */

.topic_ttl {
	font-size: 12px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

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

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

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

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

/* hero
===============================
*/
.hero_body {
	width: 100vw;
	height: 100svh;
	padding-top: 40px;
}

.hero_img {
	object-fit: cover;
	/* height: 100%; */
	width: 100%;
}

.hero_texts {
	display: block;
	height: 100%;
	width: 100%; /* 幅を広げて左右に動かせる遊びを作る */
	top: 9px;
	right: 1px;
	bottom: 10%;
	font-size: 11px;
	writing-mode: horizontal-tb; /* レイアウト計算を一度水平に戻す */
	z-index: 10;
}

.pop_ttls {
	/* position: absolute; */
	bottom: 6.4rem;
	transform: translateX(-50%);
	left: 50%;
	gap: 1.2rem;
}

.hero_texts--specials {
	display: flex;
	flex-direction: column; /* 縦に並べる */
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	justify-content: space-between;
}

.hero_texts--special {
	/* 各要素を縦書きのままにするならここで指定（画像ならそのままでOK） */
	writing-mode: vertical-rl;
}

.hero_texts--special01 {
	align-self: flex-end;
}

.hero_texts--special02 {
	align-self: flex-start;
	padding-bottom: 3.2rem;
	padding-left: 2rem;
}

.hero_texts--scroll {
	display: none;
}

/* information
===============================
*/

.sec--information {
	padding-top: 210px;
}

.sec--information:before {
	z-index: 3;
}

.sec_ttl--information {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 2.6rem;
	letter-spacing: 0.1px;
}

.ttl_sub--information {
	font-size: 18px;
	padding-bottom: 1.3rem;
}

.theme_texts {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 4.5rem;
	line-height: 2lh;
}

.theme_pic,
.theme_video {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}

.theme_pic {
	margin-bottom: 6rem;
}

.theme_video {
	margin-bottom: 2rem;
}

.theme_copy {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

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

.indent {
	margin-left: 0;
	display: inline-block;
}

/*shop--店舗特典*/

/* .topic_ttl--shop{
	margin-bottom: 27px;
}

.brPc{
	display: initial;
}

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

.shop_item {
	--verticalSpacer: 12px;
}

.shop_name {
	font-size: 12px;
	font-weight: 700;
} */

/* 上記オリジナル特典対象店舗は対象外となります。　など*/
/* .shop_attention {
	margin-top: 16px;
	font-size: 10px;
	font-weight: 300;
	padding-left: 16px;
	line-height: 1.2lh;
	letter-spacing: 0;
}

.shop_desc {
	width: 100%;
	margin-top: 12px;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4lh;
	font-size: clamp(11px, 3.3vw, 12px);
}

.shop_thumb {
	margin-top: 16px;
}

.shop_img {
	width: 100%;
}

.shop_btns {
	margin-top: 30px;
}

.shop_ftr {
	margin-top: 36px;
}

.shop_notes{
	font-size: clamp(9px, 2.6vw, 13px);
	font-weight: 300;
}	 */

/* grade
===============================
*/

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

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

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

/* tab switch */

/* form confirm */

/* init */

/* validation */

/* confirm_text */

/* finish */