@charset "UTF-8";

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'Noto Sans JP', "Helvetica Neue", "Hiragino Kaku Gothic ProN", sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    background-color: #000;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

section {
    position: relative;
}

/* mv */
.section_mv{
    overflow: hidden;
    position: relative;
    margin-top: 0px;
}
.top_line_l_slide,
.top_line_r_slide{
    width: 13.5%;
    height: 100%;
    position: absolute;
    top: 0;
}
.top_line_l_slide{
    left: 0;
}
.top_line_r_slide{
    right: 0
}
.section_mv .top_line_l_slide{
    background-color: #0062FF;
}
.section_mv .top_line_r_slide{
    background-color: #52FF00;
}
.section_sub .top_line_l_slide{
    background-color: #EB00FF;
}
.section_sub .top_line_r_slide{
    background-color: #FAFF00;
}
.top_line_l,
.top_line_r{
    display: block;
    height: auto !important;
}
.audience_01{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}


.fv_area,
.nfv_area{
    opacity: 1;
}

/* section_sub */
.section_sub{
    display: block;
    position: relative;
    width: 100%;
}
.sub_bg_01{
    display: block;
    width: 75%;
    margin: auto;
}

/* partner */
.section_partner{
    background-color: #FFF;
    padding-top: 17%;
    padding-bottom: 20%;
}

.partner_wrap{
    margin-top: 15%;
}

.partner_head{
    font-size: min(5.3vw, 42px);
    font-weight: 400;
    text-align: center;
}

.partner_item_inner{
    margin-top: 5%;
}

.partner_item{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.partner_item:nth-child(n+2){
    margin-top: 10%;
}
.partner_item[data-client="MusicBoost"]{
    width: 52%;
}
.partner_item[data-client="Tv Asahi Music"]{
    width: 63%;
}
.partner_item[data-client="株式会社エクシング"]{
    width: 30%;
}
.partner_item[data-client="株式会社インクス トゥエンター"]{
    width: 48.5%;
}
.partner_item[data-client="CK CREATIVE"]{
    width: 34.2%;
}
.partner_item[data-client="EntNet Agency"]{
    width: 16%;
}
.partner_item[data-client="HOVERBOARD,Inc"]{
    width: 49.8%;
}
.partner_item[data-client="Sound Bahn"]{
    width: 10%;
}

.section_ippo_container{
    display: block;
    position: relative;
    width: 100%;
    background: #000;
    padding-top: 4%;
    overflow: hidden;
}
.ippo_title_img{
    display: block;
    width: 75%;
    margin: auto;
}
.saisyo_point_container{
    position: relative;
    z-index: 1;
}
.saisyo_point_area{
    width: 84%;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.saisyo_point_area:nth-child(n+2){
    margin-top: 2%;
}
.saisyo_point_text{
    position: absolute;
    top: 50%;
    left: 17%;
    transform: translateY(-50%);
    font-size: min(5.3vw, 42px);
    font-weight: 700;
    line-height: 1.3;
}
.saisyo_logoimg{
    display: block;
    margin-top: 6%;
}
.saisyo_line_l_slide,
.saisyo_line_r_slide{
    position: absolute;
    top: 0;
    width: 12%;
}
.saisyo_line_l_slide{
    left: 0;
}
.saisyo_line_r_slide{
    right: 0;
}
.cta_container{
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.cta_copy{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 82%;
}
.cta_btn{
    display: block;
    margin-top: 2%;
    width: 100%;
}

/* PICKUP */
.pickup_section{
    background: #b9b9b9;
    display: block;
    height: 100%;
    overflow: hidden;
    padding-bottom: 20%;
    position: relative;
    width: 100%;
}
.pickup_video_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: -18%;
    width: 90%;
    position: relative;
}
.pickup_video_wrap video{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.pickup_section_akisawa .pickup_video_wrap,
.pickup_section_ryo .pickup_video_wrap{
    margin-top: -14%;
}
.pickup_shudaika{
    display: block;
    margin-top: 14px;
}
.pe_none{
    pointer-events: none;
}

/* PICK UP */
.pickup_sosyoku01{
    position: absolute;
    top: 4%;
    left: -5%;
    width: 110%;
}
.pickup_text{
    display: block;
    margin-top: 5%;
}
.pickup_sosyoku02{
    position: absolute;
    top: 11%;
    left: -5%;
    width: 110%;
    pointer-events: none;
}
.pickup_sosyoku03{
    position: absolute;
    top: 16%;
    left: -4%;
    width: 110%;
    pointer-events: none;
}

.pickup_section_akisawa{
    background: #aad8f1;
}
.pickup_sosyoku01_akisawa{
    top: -5%;
}

.pickup_section_sayaka{
    background-color: #fddcdc;
}

.pickup_section_ryo{
    background: #000;
}
.pickup_section_ryo .pickup_sosyoku01{
    top: -11%;
}
.pickup_slide_wrap{
    overflow: hidden;
    background: #000;
    position: relative;
}

.splide_pick .splide__arrow{
    aspect-ratio: 1 / 1;
    background-color: rgba(255, 255, 255, .7);
    border-radius: 50%;
    width: 7%;
    position: absolute;
    top: 24%;
    z-index: 1;
}
.splide_pick .splide__arrow--prev{
    left: 10px;
    transform: rotate(-180deg);
}
.splide_pick .splide__arrow--next{
    right: 10px;
}
.splide_pick .splide__arrow svg{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    height: auto;
}

.splide_pick .splide__pagination{
    width: 100%;
    position: absolute;
    bottom: 4%;
}
.splide_pick .splide__pagination li{
    margin-left: 2%;
    margin-right: 2%;
    width: 2.5%;
}
.splide_pick .splide__pagination li .splide__pagination__page{
    aspect-ratio: 1 / 1;
    background-color: #fff;
    border-radius: 50%;
    opacity: .2;
    width: 100%;
}
.splide_pick .splide__pagination li .splide__pagination__page.is-active{
    opacity: 1;
}

.splide_pick button{
    padding: 0;
}

/* 天歌一武道会 */
.tenka_countainer{
    background-image: url("https://musicboost.hypr.jp/lp03/images/tenka_bg.jpg");
    background-size: cover;
    background-position: top center;
    padding-top: 13%;
    padding-bottom: 32%;
}
.tenka_title{
    width: 75%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.tenka_syusaiimg{
    width: 67%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12%;
}
.tenka_syusai_area_text{
    text-align: center;
    color: #fff;
    font-size: min(3.2vw, 26px);
    line-height: 2;
    margin-top: 7%;
}
.tenka_shinsa_area{
    margin-top: 16%;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
}
.tenka_shinsa_area_menber{
    display: flex;
    color: #fff;
    width: 100%;
    flex-wrap: wrap;
    font-weight: bold;
    justify-content: space-between;
    text-align: center;
    margin-top: -17%;
    margin-bottom: 11%;
}
.tenka_shinsa_area_menber_box{
    width: 45%;
    border-left: #fff solid 1px;
    border-bottom: #fff solid 1px;
    padding-top: 3%;
    padding-bottom: 5%;
    font-size: min(7.4vw, 58px);
}
.tenka_shinsa_area_menber_box:nth-child(n+3){
    margin-top: 5%;
}
.tenka_shinsa_area_menber_box:first-child{
    border: none;
}
.tenka_shinsa_area_menber_box:nth-child(5){
    padding-top: 0;
    padding-bottom: 3%;
}
.tenka_shinsa_area_menber_box span{
    display: block;
    font-size: min(3.7vw, 30px);
    letter-spacing: 0.1em;
    font-weight: normal;
    margin-top: 6%;
}
.tenka_audi_title{
    display: block;
    margin-top: 14%;
    margin-bottom: 11%;
}
.tenka_audi_movie_area{
    --widht: 95vw;
    --max-widht: 750px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 12%;
    width: min(var(--widht), var(--max-widht));
    margin-left: calc(50% - min(var(--widht), var(--max-widht)) / 2);
}
.tenka_audi_movie_area .video_list_wrap {
    position: relative;
    overflow: hidden;
    width: 48%;
}
.tenka_audi_movie_area .video_list_wrap video{
    opacity: 0.7;
    width: 100%;
}
.video_list_wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.video_list_wrap:nth-child(n+3){
    margin-top: 5%;
}
.video_list_wrap video{
    opacity: 1;
    width: 100%;
}
.vimeo_list_start {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 11%;
    cursor: pointer;
    opacity: 0.8;
    z-index: 1;
}

.pickup_start_btn{
    width: 50%;
}

/* about */
.section_about{
    display: block;
    position: relative;
    width: 100%;
    background-image: url("https://musicboost.hypr.jp/lp03/images/about_bg.jpg");
    background-size: cover;
    background-position: bottom center;
    padding-top: 12%;
    padding-bottom: 78%;
}
.about_title{
    width: 71%;
    display: block;
    margin: auto;
}
.about_text{
    display: block;
    margin-top: 9%;
    text-align: center;
    line-height: 2;
    font-feature-settings: "palt";
    font-size: min(3.2vw, 26px);
    font-weight: bold;
}
.about_text .bold{
    font-size: min(4.6vw, 37px);
}
.about_sousyoku{
    position: absolute;
    top: 12%;
    left: 50%;
    width: 84%;
    transform: translateX(-50%);
}

/* program */
.section_program{
    position: relative;
    padding-top: 16%;
    padding-bottom: 11%;
    background-image: url("https://musicboost.hypr.jp/lp03/images/program_bg.png");
    background-size: cover;
    overflow: hidden;
    margin-top: -5px;
}
.program_title{
    width: 71%;
    display: block;
    margin: auto;
}
.program_mark{
    width: 85%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
}
.program_six_area{
    margin-top: -27%;
    margin-left: auto;
    margin-right: auto;
    width: 84%;
}
.program_six_box{
    position: relative;
    display: block;
    width: 100%;
}
.program_six_box:nth-child(n+2){
    margin-top: 3%;
}
.program_six_box_contents{
    position: absolute;
    top: 10%;
    left: 50%;
    width: 87%;
    transform: translateX(-50%);
}
.program_six_box_title{
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.program_six_num{
    font-size: min(10.6vw, 82px);
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    margin-right: 7%;
}
.program_six_txt{
    font-size: min(6.6vw, 52px);
    font-weight: bold;
    margin-top: 2%;
    font-feature-settings: "palt";
}
.program_six_box_text{
    margin-top: 24%;
    color: #fff;
    font-size: min(3.3vw, 26px);
    line-height: 1.5;
    font-feature-settings: "palt";
    text-align: justify;
}
.program_six_box:nth-child(1) .program_six_box_text{
    margin-top: 10%;
}

/* video */
.section_video{
    position: relative;
    background-image: url("https://musicboost.hypr.jp/lp03/images/video_bg.png");
    background-size: cover;
    padding-top: 8%;
}
.video_additional_text{
    background-color: #FAFF00;
    color: #000;
    font-size: min(12vw, 92px);
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;
    width: 54%;
    position: absolute;
    top: -2%;
    left: 50%;
    transform: translateX(-50%) rotate(8deg);
    z-index: 1;
}
.video_title{
    width: 71%;
    display: block;
    margin: auto;
}
.video_text{
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
}

.sv_video_list_container{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    padding-bottom: 7%;
    width: 92%;
}
.sv_video_list_wrap{
    position: relative;
    overflow: hidden;
    width: 100%;
}
.sv_video_list_wrap:nth-child(n+2){
    margin-top: 3%;
}
.sv_video_list_wrap video {
    width: 100%;
    vertical-align: top;
}
.sv_video_list_start {
    cursor: pointer;
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 11%;
}

.video_info_container{
    background-image: url("https://musicboost.hypr.jp/lp03/images/video_bg03.png");
    background-size: cover;
    padding-top: min(13vw, 105px);
    padding-bottom: min(18vw, 140px);
}

.video_info_copy{
    display: block;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10%;
    width: 45%;
}
.video_info_copy_txt{
    color: #fff;
    text-align: center;
    line-height: 1.8em;
    font-style: italic;
    font-feature-settings: "palt";
    font-size: clamp(1.4rem, 0.36rem + 2.773vw, 3.2rem);
}
.video_info_copy_txt .bold{
    font-size: min(4.2vw, 34px);
    font-weight: bold;
}

/* studio */
.section_studio{
    background-image: url("https://musicboost.hypr.jp/lp03/images/studio_bg.jpg");
    background-size: cover;
    padding-top: min(10vw, 80px);
}

.studio_title{
    --clip-path: inset(0 100% 0 0);
    display: block;
    margin-left: 6%;
    width: 90%;
}
.studio_title::after{
    content: "";
    aspect-ratio: 78 / 1;
    background-color: #fff;
    clip-path: var(--clip-path);
    display: block;
    margin-left: max(-6vw, -48px);
    width: min(78vw, 625px);
}
.studio_title_text{
    color: #fff;
    font-family: 'League Spartan', sans-serif;
    font-size: min(13.8vw, 110px);
    font-style: italic;
    letter-spacing: -1px;
}

.studio_img_slide_wrap{
    margin-top: min(5vw, 40px);
}

.swiper-pagination-bullet {
    background-color: #fff
}

/* info */
.section_info{
    background-image: url("https://musicboost.hypr.jp/lp03/images/faq_bg.webp");
    background-size: cover;
    padding-top: min(6vw, 50px);
    padding-bottom: min(13vw, 100px);
    background-position: bottom;
}
.info_container{
    margin-top: min(11vw, 90px);
}

.info_title{
    --clip-path: inset(0 100% 0 0);
    display: block;
    margin-left: 6%;
    width: 80%;
}
.info_title::after{
    content: "";
    aspect-ratio: 78 / 1;
    background-color: #fff;
    clip-path: var(--clip-path);
    display: block;
    margin-left: max(-6vw, -48px);
    width: min(78vw, 625px);
}
.info_title_text{
    color: #fff;
    font-family: 'League Spartan', sans-serif;
    font-size: min(13.8vw, 110px);
    font-style: italic;
}

.info_head{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: min(4vw, 30px);
    width: 29%;
}

.info_img_box{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: min(8vw, 60px);
    width: 88%;
}
.info_img_area{
    font-size: clamp(1.05rem, 0.3rem + 1.5vw, 1.8rem);
    color: #fff;
    display: flex;
    border-bottom: 1px solid #FFF;
    padding: 10px 0;
    align-items: center;
}
.info_img_title{
    width: 25%;
}
.info_img_text{
    width: 75%;
    line-height: 1.7em;
    text-align: justify;
    font-feature-settings: 'palt';
}

/* outro */
.section_outro{
    background-image: url("https://musicboost.hypr.jp/lp03/images/outro_bg.jpg");
    background-size: cover;
    padding-top: min(16vw, 130px);
    padding-bottom: min(16vw, 130px);
}

.outro_img_box{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 71%;
}


/* flow */
.section_flow{
    background-image: url("https://musicboost.hypr.jp/lp03/images/studio_bg.jpg");
    background-size: cover;
    padding-top: 5px;
    padding-bottom: min(10vw, 80px);
}

.flow_container{
    margin-top: min(11vw, 90px);
}

.flow_title{
    --clip-path: inset(0 100% 0 0);
    display: block;
    margin-left: 6%;
    width: 80%;
}
.flow_title::after{
    content: "";
    aspect-ratio: 78 / 1;
    background-color: #fff;
    clip-path: var(--clip-path);
    display: block;
    margin-left: max(-6vw, -48px);
    width: min(78vw, 625px);
}
.flow_title_text{
    color: #fff;
    font-family: 'League Spartan', sans-serif;
    font-size: min(13.8vw, 110px);
    font-style: italic;
}

.flow_img_box{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: min(5vw, 60px);
    width: 88%;
}

/* faq */
.section_faq{
    background-image: url("https://musicboost.hypr.jp/lp03/images/faq_bg.webp");
    background-size: cover;
    padding-top: min(6vw, 50px);
    padding-bottom: min(13vw, 100px);
    background-position: bottom;
}

.faq_title{
    --clip-path: inset(0 100% 0 0);
    display: block;
    margin-left: 6%;
    width: 32%;
}
.faq_title::after{
    content: "";
    aspect-ratio: 78 / 1;
    background-color: #fff;
    clip-path: var(--clip-path);
    display: block;
    margin-left: max(-6vw, -48px);
    width: min(78vw, 625px);
}
.faq_title_text{
    color: #fff;
    font-family: 'League Spartan', sans-serif;
    font-size: min(13.8vw, 110px);
    font-style: italic;
}

.faq_head{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: min(4vw, 30px);
    width: 36%;
}

.faq_img_box{
    display: block;
    margin: min(4vw, 30px) auto;
    width: 88%;
    background: rgba(255, 255, 255, .8);
    padding-bottom: 10px;
}
.faq_img_area{
    font-size: clamp(1.05rem, 0.3rem + 1.5vw, 1.8rem);
    padding: 10px;
}
.faq_img_q{
    background: #dbdbdb;
    padding: 5px;
    font-weight: bold;
}
.faq_img_a{
    margin-top: 10px;
    text-align: justify;
    font-feature-settings: "palt";
    line-height: 1.7em;
}
.faq_box{
    display: block;
    line-height: 1.7em;
    margin: 5px 0;
}

/* contact */
.section_contact{
    padding-bottom:0;
}

.contact_title_wrap{
    background-color: #fe4e5c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: min(7vw, 60px);
    padding-bottom: min(7vw, 60px);
}

.contact_title{
    color: #fff;
    font-size: min(5vw, 40px);
    font-weight: bold;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.6));
}

/* footer */
.footer_container{
    background-color: #282828;
}

.footer_menu_wrap{
    padding-top: min(9vw, 75px);
    padding-bottom: min(9vw, 75px);
}

.footer_menu_text{
    color: #fff;
    font-size: clamp(1.3rem, 0.8rem + 1.333vw, 2.4rem);
    font-style: italic;
    line-height: 1.5;
    text-align: center;
}

.footer_menu_inner{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: min(5vw, 40px);
}

.footer_menu_link{
    color: #fff;
    font-size: clamp(1.1rem, 0.6rem + 1.333vw, 2.2rem);
    font-style: italic;
}

.footer_menu_copyright{
    color: #fff;
    font-size: min(3vw, 24px);
    font-style: italic;
    margin-top: min(6vw, 50px);
    text-align: center;
}

/* 24.01.09 A追加 */
/* ----------------------- */
/* form style              */
/* ----------------------- */

.form_container{
    width: 80%;
    margin: auto;
}
.form_area{
    width: 100%;
}
.form_area label{
    display: inline-block;
    color: #fff;
}
.form_area span{
    display: inline-block;
    color: #fff;
}
.form_area .hissu_box{
    display: inline-block;
    color: #fff;
    font-size: 11px;
    width: 10%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: rgb(255, 77, 122);
    border-radius: 5px;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.form_area .at_txt{
    display: block;
    opacity: 0.5;
    font-size: 12px;
    margin-top: 5px;
}
.input_form{
    display: block;
    color: rgb(0, 0, 0);
    border-color: rgb(217, 217, 217);
    font-weight: 400;
    height: 43px;
    line-height: 33px;
    font-size: 16px;
    width: 100%;
    padding: 0.5rem 0.75rem;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    overflow: hidden;
    border-radius: 7px;
    margin: 5px 0 20px;
    box-sizing: border-box;
    -webkit-appearance: auto;
    appearance: auto;
}
select.input_form {
    -webkit-appearance: auto;
    appearance: auto;
}
.submit_btn {
    width: 100%;
    height: 60px;
    border-radius: 10px;
    margin: 30px 0 100px;
    border-color: rgb(0, 185, 0);
    background-color: rgb(0, 185, 0);
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 700;
    animation: anime1 1.5s steps(1) infinite;
    transform-origin: center;
}

.line_area{
    display: block;
    position: relative;
    margin-top: -9%;
    width: 122%;
    left: -12%;
}
#oder{
    background: #000;
    padding: min(11vw,90px) 0;
}

/* フローティング */
.floating_bottom_area{
    width: 100%;
    max-width: 800px;
    position: fixed;
    bottom: 0;
    z-index: 10000;
}
.floating_bottom_area img{
    display: block;
    width: 100%;
}

/* FVロゴ */
.logo{
    text-align: left;
    width: 35%;
    padding: 2%;
    display: flex;
}