@charset "UTF-8";

/* 1241px <= window_width */
@media (min-width: 1401px) {
	html {
		font-size: calc(1400 / 1240 * 1px);
	}
}
@media (min-width: 1201px) and (max-width: 1400px) {
	html {
        font-size: calc(100/1240*1vw);
	}
}
/* window_width <= 1200px */
@media (max-width: 1200px) {
	html {
		font-size: calc(1200 / 1240 * 1px);
	}
}
/* 共通部分に影響が出ないように */
html > * {
	font-size: 16px;
}
.wrap {
    min-width: 1200px;
    overflow: hidden;
    font-family: 'Noto Sans JP', sans-serif;
    background: #fff;
}

/* mv */
.mv {
    position: relative;
    overflow:hidden;
    height: 637rem;
    margin-top: -10px;
}
.mv::after {
    content:"";
    position:absolute;
    z-index: 1;
    bottom:0;
    left:0;
    width:100%;
    height:111rem;
    background: url(../img/pc/enjoy/mirai_star/men.png) no-repeat calc(50% + 10rem) 100% / 3089rem auto;
}
.mv_logo {
    position: relative;
    width: 408rem;
    height: auto;
    margin-inline: auto;
    display: block;
    margin-top: 35rem;
}
.mv_txt {
    font-size: 24rem;
    font-weight: 900;
    line-height: calc(42 / 24);
    text-align: center;
    margin-top: 0rem;
    margin-left: 12rem;
}
.mv_fukidashi {
    position: absolute;
    top: 40rem;
    left: calc(50% + 234rem);
    width: 289rem;
    height: auto;
}
.mv_chara {
    position: absolute;
    top: 40rem;
    left: calc(50% - 424rem);
    width: 200rem;
    height: auto;
}
.mv_talent_x {
    position: absolute;
    left: 50%;
    height:auto;
}
.mv_talent_1 {
    width: 168rem;
    bottom: 2rem;
    margin-left: -582rem;
}
.mv_talent_2 {
    width: 184rem;
    bottom: 61rem;
    margin-left: -439rem;
}
.mv_talent_3 {
    width: 158rem;
    bottom: -122rem;
    margin-left: -310rem;
}
.mv_talent_4 {
    width: 181rem;
    bottom: -59rem;
    margin-left: -173rem;
}
.mv_talent_5 {
    width: 157rem;
    bottom: -74rem;
    margin-left: -8rem;
}
.mv_talent_6 {
    width: 161rem;
    bottom: -72rem;
    margin-left: 142rem;
}
.mv_talent_7 {
    width: 211rem;
    bottom: 73rem;
    margin-left: 245rem;
}
.mv_talent_8 {
    width: 181rem;
    bottom: 5rem;
    margin-left: 378rem;
}
.mv_star_x {
    position: absolute;
    height: auto;
    left: 50%;
}
.mv_star_1 {
    top: 100rem;
    margin-left: -518rem;
    width: 52rem;
    rotate: 7deg;
}
.mv_star_2 {
    top: 104rem;
    margin-left: 573rem;
    width: 25rem;
    rotate: 6deg;
}
.mv_star_3 {
    top: 202rem;
    margin-left: 196rem;
    width: 34rem;
    rotate: -16deg;
}
.mv_star_4 {
    top: 450rem;
    margin-left: -636rem;
    width: 31rem;
    rotate: -20deg;
}
.mv_star_5 {
    top: 429rem;
    margin-left: 567rem;
    width: 44rem;
    rotate: 14deg;
}

/* main_contnt */
.main_contnt {
    position: relative;
    background: #fff;
    margin-top: -1px;
    padding-top: 84rem;
}
.main_contnt_inner {
    position: relative;
    margin-inline: auto;
    width: 1100rem;
}
.pr_ttl_wrap {
    text-align: center;
}
.pr_ttl {
    position: relative;
    display: inline-block;
}
.pr_logo {
    display: block;
    position: relative;
    width: 428rem;
    height:auto;
    margin-inline:auto;
}
.pr_fukidashi {
    display: block;
    position: relative;
    width: 261rem;
    height:auto;
    margin-inline:auto;
    margin-top: 12rem;
    left: -6rem;
}
.pr_chara_1 {
    position: absolute;
    top: -1rem;
    left: calc(50% - 388rem);
    width: 185rem;
    height: auto;
}
.pr_chara_2 {
    position: absolute;
    top: -3rem;
    left: calc(50% + 274rem);
    width: 117rem;
    height: auto;
}
.pr_talent_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 52rem 40rem;
    margin-top: 16rem;
}
.pr_talent_list > li {
    width: 245rem;
}
.pr_talent_box {
    height: 234rem;
}
.pr_talent_box_inner {
    margin-top: -5rem;
    margin-inline: -5rem;
    width: calc(100% + 10rem);
    height: 100%;
    overflow:hidden;
}
.pr_talent_detail {
    margin-top: -1px;
    border: 8rem solid #000;
    border-radius: 8rem;
    box-shadow: 12rem 12rem 0px 0px #d5d5d5;
}
.pr_talent_detail > dt {
    background: #ffe100;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 8rem;
    border-bottom: 8rem solid #000;
}
.pr_talent_detail > dd {
    background: #fff;
}
.pr_talent_detail_name_cover {
    font-weight: 900;
}
.pr_talent_detail_name {
    font-size: 32rem;
    line-height: calc(42/32);
}
.pr_talent_detail_name_kesho {
    font-size: 20rem;
    line-height:calc(42/20);
}
.pr_talent_detail_sns_list {
    display: flex;
    justify-content: center;
    gap: 12rem;
    padding-block: 17rem 16rem;
}
.pr_talent_detail_sns_icon {
    width:38rem;
    height:38rem;
    object-fit: contain;
}
.pr_talent_1 {
    position: relative;
    top: -11rem;
    left: -20rem;
    width: auto;
    height: 401rem;
}
.pr_talent_2 {
    position: relative;
    top: -30rem;
    left: -20rem;
    width: auto;
    height: 401rem;
}
.pr_talent_3 {
    position: relative;
    top: -12rem;
    left: -19rem;
    width: auto;
    height: 401rem;
}
.pr_talent_4 {
    position: relative;
    top: -12rem;
    left: -18rem;
    width: auto;
    height: 401rem;
}
.pr_talent_5 {
    position: relative;
    top: -9rem;
    left: -20rem;
    width: auto;
    height: 401rem;
}
.pr_talent_6 {
    position: relative;
    top: -7rem;
    left: -19rem;
    width: auto;
    height: 401rem;
}
.pr_talent_7 {
    position: relative;
    top: -9rem;
    left: -19rem;
    width: auto;
    height: 401rem;
}
.pr_talent_8 {
    position: relative;
    top: -9rem;
    left: -20rem;
    width: auto;
    height: 401rem;
}

/* message */
.message {
    position: relative;
    margin-top: 100rem;
    padding-top: 68rem;
    padding-bottom: 150rem;
    background: url(../img/pc/enjoy/mirai_star/message_bg.png) no-repeat calc(50% + 80rem) 50% / 1262rem auto;
}
.message_chara {
    position: absolute;
    top: 74rem;
    left: calc(50% - 488rem);
    width: 178rem;
    height: auto;
}
.message_set {
    display: flex;
    justify-content: space-between;
    gap: 35rem;
}
.message_body {
    margin-left: 278rem;
}
.message_ttl {
    font-size: 28rem;
    font-weight: 900;
    line-height: calc(49/28);
}
.message_txt {
    font-size: 18rem;
    font-weight: 900;
    line-height: calc(31.5/18);
    margin-top: 23rem;
}
.pkg_list {
    display: flex;
    gap: 20rem;
    margin-top: 15rem;
}
.message_pkg_1 {
    width: 126rem;
    height: auto;
    display: block;
    margin-inline: auto;
}
.message_pkg_2 {
    width: 122rem;
    height: auto;
    display: block;
    margin-inline: auto;
}
.message_pkg_name {
    text-align: center;
    font-weight: 700;
    margin-top: 13rem;
    font-size: 16rem;
    line-height: calc(21/16);
    width: 110%;
    margin-left: -5%;
}
.message_pkg_name_year {
    font-size: 14rem;
    line-height: calc(21/14);
}

.main_contnt_star_x {
    position: absolute;
    height:auto;
    left:50%;
}
.main_contnt_star_1 {
    top: 190rem;
    margin-left: -543rem;
    width: 74rem;
    rotate: 7deg;
}
.main_contnt_star_2 {
    top: 162rem;
    margin-left: 468rem;
    width: 58rem;
    rotate: 13deg;
}
.main_contnt_star_3 {
    top: 364rem;
    margin-left: -287rem;
    width: 35rem;
    rotate: -22deg;
}
.main_contnt_star_4 {
    top: 425rem;
    margin-left: 274rem;
    width: 24rem;
    rotate: -20deg;
}
.main_contnt_star_5 {
    top: 347rem;
    margin-left: 603rem;
    width: 35rem;
    rotate: -15deg;
}
.main_contnt_star_6 {
    top: 825rem;
    margin-left: -633rem;
    width: 58rem;
    rotate: -28deg;
}
.main_contnt_star_7 {
    top: 838rem;
    margin-left: 6rem;
    width: 27rem;
    rotate: 12deg;
}
.main_contnt_star_8 {
    top: 930rem;
    margin-left: 568rem;
    width: 72rem;
    rotate: 0deg;
}
.main_contnt_star_9 {
    top: 1284rem;
    margin-left: -241rem;
    width: 50rem;
    rotate: -28deg;
}