@charset "UTF-8";

/* #region base */
@media (min-width: 1441px) {
	html {
		font-size: 1px;
	}
}
@media (min-width: 1201px) and (max-width: 1440px) {
	html {
		font-size: calc(100 / 1440 * 1vw);
	}
}
@media (max-width: 1200px) {
	html {
		font-size: calc(1200 / 1440 * 1px);
	}
}
html > * {
	font-size: 16px;
}
/* #endregion */

/* #region common */
.wrap {
	background: url(../img/pc/product/chikara_2026/bg.jpg) repeat 50% 0 / 100px auto;
	color:#000;
	width: 100%;
	margin: -6px 0;
	min-width: 1200px;
	font-family: 'Noto Sans JP', sans-serif;
	overflow: clip;
}
.wrap img {
	vertical-align: bottom;
}
.section {
    padding-top: 1px;
}
.section_inner {
	position: relative;
    padding-top: 1px;
	box-sizing: border-box;
	width: 1440rem;
	margin: 0 auto;
}
.section_ttl {
	text-align: center;
	font-size: 0;
	margin-top: 106rem;
}
.section_ttl_txt {
	display:block;
	color: #6DA481;
	font-size: 18rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: calc(0.8/18*1em);
	margin-top: 40rem;
	& .txt_small {
		font-size: 16rem;
	}
}
.section_ttl_txt_jp {
	display:block;
	text-align: center;
	font-size: 24rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: calc(1.2/24*1em);
    margin-top: 30rem;
}
/* #endregion */

/* #region mv */
.mv {
	position: relative;
	z-index: 1;
	height: 800rem;
}
.mv_main {
	position: absolute;
    top: 83rem;
    left: 385rem;
    width: 1200rem;
    height: auto;
}
.mv_lead {
    position: relative;
    text-align: justify;
    font-size: 32rem;
    font-weight: 800;
    line-height: 2;
    letter-spacing: calc(1.6 / 32 * 1em);
    margin-top: 146rem;
    margin-left: 121rem;
}
.mv_txt_decoration {
    position: absolute;
    top: 509rem;
    left: 82rem;
    width: 546rem;
    height: auto;
}
.mv_txt {
	position: relative;
    width: 546rem;
    height: 273rem;
    margin-top: 170rem;
    margin-left: 82rem;
    font-size: 20rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: calc(1 / 20 * 1em);
    padding-top: 78rem;
    padding-left: 96rem;
    box-sizing: border-box;
}
.mv_chara {
    position: absolute;
    top: 372rem;
    left: 210rem;
    width: 167rem;
    height: auto;
}
.mv_decoration {
	position: absolute;
    top: 582rem;
    left: 1031rem;
    width: 836rem;
    height: auto;
}
.mv_text {
	position: absolute;
	top: 612rem;
    left: 562rem;
    width: 822rem;
    height: auto;
}
/* #endregion */

/* #region about */
.about {
	position: relative;
	& .section_ttl_dec {
		width: 120rem;
		height:auto;
        margin-right: 50rem;
	}
}
.about_decoration {
	position: absolute;
	height: auto;
}
.about_decoration_1 {
    top: 254rem;
    left: 412rem;
    width: 615rem;
}
.about_decoration_2 {
    top: 117rem;
    left: -83rem;
    width: 449rem;
}
.about_decoration_3 {
	top: 233rem;
    left: 1096rem;
    width: 368rem;
}
.about_decoration_4 {
    top: 562rem;
    left: 65rem;
    width: 300rem;
}
.about_chara {
    position: absolute;
    top: 539rem;
    left: 1045rem;
    width: 235rem;
    height: auto;
}
.about_txt_set {
	margin-top: 542rem;
	text-align: center;
	& > dt {
		font-size: 28rem;
		font-weight: 700;
		line-height: 1;
		letter-spacing: calc(1.4/28*1em);
	}
	& > dd {
        text-align: center;
        font-size: 18rem;
        font-weight: 500;
        line-height: 2.5;
        letter-spacing: calc(0.9 / 18 * 1em);
        margin-top: 31rem;
	}
}
/* #endregion */

/* #region lineup */
.lineup {
    position: relative;
    padding-top: 1px;
    margin-top: -10rem;
	& .section_ttl_dec {
        width: 109rem;
        height: auto;
        margin-right: -42rem;
	}
}
.lineup_list {
	margin-top: 80rem;
    padding-inline: 120rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50rem 40rem;
	& > li {
		width: 270rem;
		text-align: center;
		& a {
			text-decoration: none;
			color:inherit;
		}
	}
}
.lineup_item_img_wrap {
	width: 270rem;
	height: 270rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 24rem;
	background:#fff;
}
.lineup_item_name {
	margin-top: 26rem;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-size: 16rem;
	font-weight: 400;
	line-height: 2;
	letter-spacing: calc(0.8/16*1em);
}
/* #endregion */

/* #region news */
.news {
	position: relative;
	& .section_ttl_dec {
        width: 117rem;
        height: auto;
        margin-right: -5rem;
        margin-top: 120rem;
	}
	& .section_ttl_txt {
		width: 100rem;
	}
	& .section_ttl_txt_jp {
        width: 102rem;
	}
}
.news_set {
	display: flex;
	gap: 30rem;
    width: 1200rem;
	margin-inline:auto;

}
.news_set_ttl_wrap {
	width: 145rem;
}
.news_set_main_wrap {
	flex:1;
}
.news_main {
    padding-top: 1px;
	width: 1021rem;
	height: 589rem;
	background: url(../img/pc/product/chikara_2026/news_bg.svg) no-repeat 0rem 0 / contain;
    margin-top: 100rem;
}
.news_main_inner {
    width: 792rem;
    height: 260rem;
    margin-top: 190rem;
    margin-left: 135rem;
    overflow: auto;
}
.news_main_item_set {
	display: flex;
	gap: 30rem;
	& > dt {
		color: #6DA481;
		leading-trim: both;
		text-edge: cap;
		font-size: 16rem;
		font-weight: 400;
		line-height: 2;
		letter-spacing: calc(0.8/16*1em);
	}
	& > dd {
		flex:1;
		font-size: 16rem;
		font-weight: 400;
		line-height: 2;
		letter-spacing: calc(0.8/16*1em);
	}
	& + .news_main_item_set {
        margin-top: 22rem;
	}
}
.news_main_item_set_wrap {
    padding-block: 12rem;
    padding-right: 30rem;
}
/* #endregion */

/* #region point */
.point {
    position: relative;
    padding-block: 140rem;
    height: 952rem;
}
.point_bg {
    position: absolute;
    top: 22rem;
    left: -188rem;
    width: 1120rem;
    height: auto;
}
.point_decoration {
    position: absolute;
    top: 32rem;
    left: 681rem;
    width: 976rem;
    height: auto;
}
.point_set {
    position: relative;
    margin-top: 260rem;
    margin-left: 162rem;
	& > dt {
		font-size: 24rem;
		font-weight: 700;
		line-height: 2;
		letter-spacing: calc(1.2/24*1em);
	}
	& > dd {
        font-size: 16rem;
        font-weight: 500;
        line-height: 2.5;
        letter-spacing: calc(0.8 / 16 * 1em);
        margin-top: 40rem;
        margin-left: -6rem;
	}
}
.point_text {
    position: absolute;
    top: -42rem;
    left: 308rem;
    width: 822rem;
    height: auto;
}
.point_chara {
    position: absolute;
    top: 698rem;
    left: 298rem;
    width: 235rem;
    height: auto;
}
/* #endregion */

/* #region simplebar */
/* トラック（レール）部分 */
.simplebar-track.simplebar-vertical {
    width: 8px;
    background-color: #eee; /* トラックの色 */
    border-radius: 4px;
}
.simplebar-track.simplebar-horizontal {
    height: 8px;
    background-color: #eee;
    border-radius: 4px;
}
/* つまみ（サム）部分 */
.simplebar-scrollbar::before {
    background-color: rgba(109, 164, 129, 1); /* つまみの色 */
    border-radius: 4px;
    opacity: 1 !important; /* 常時表示 */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* hoverで色変化 */
.simplebar-track:hover .simplebar-scrollbar::before {
    background-color: #555;
}
/* #endregion */