@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/notosansjp.css');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url("https://use.typekit.net/wxy4qow.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");

@font-face {
    font-family: 'lulo-clean-w01-one-bold';
    src: url(fonts/lulo-clean-w01-one-bold.ttf);
}

/*-------------------------*/
/*  base
/*-------------------------*/
:root,
:host,
.spxThemeOverride {
    --color_0: 255, 255, 255;
    --color_44: 255, 255, 255;
    --color_22: 255, 50, 120;
    --color_1: 255, 255, 255;
    --color_2: 0, 0, 0;
    --color_3: 237, 28, 36;
    --color_4: 0, 136, 203;
    --color_5: 255, 203, 5;
    --color_6: 114, 114, 114;
    --color_7: 176, 176, 176;
    --color_8: 255, 255, 255;
    --color_23: 0, 80, 255;
    --color_9: 114, 114, 114;
    --font_0: normal normal normal 17px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --color_10: 176, 176, 176;
    --color_11: 255, 255, 255;
    --color_12: 230, 230, 230;
    --color_13: 160, 160, 159;
    --color_14: 96, 94, 94;
    --color_15: 0, 0, 0;
    --color_16: 186, 252, 255;
    --color_17: 116, 249, 255;
    --color_18: 87, 187, 191;
    --color_24: 234, 235, 244;
    --color_19: 58, 124, 128;
    --color_20: 29, 62, 64;
    --color_25: 245, 245, 250;
    --color_45: 0, 0, 0;
    --color_26: 244, 192, 175;
    --color_27: 233, 159, 134;
    --color_28: 222, 80, 33;
    --color_29: 148, 54, 22;
    --color_30: 74, 27, 11;
    --color_31: 244, 234, 177;
    --color_32: 233, 219, 137;
    --color_33: 222, 195, 40;
    --color_34: 148, 130, 27;
    --color_35: 74, 65, 13;
    --color_36: 255, 255, 255;
    --color_37: 0, 0, 0;
    --color_38: 204, 204, 204;
    --color_39: 160, 160, 159;
    --color_46: 0, 0, 0;
    --color_40: 96, 94, 94;
    --color_41: 87, 187, 191;
    --color_42: 0, 0, 0;
    --color_21: 30, 0, 100;
    --color_47: 204, 204, 204;
    --color_48: 87, 187, 191;
    --color_49: 87, 187, 191;
    --color_50: 255, 255, 255;
    --color_51: 255, 255, 255;
    --color_52: 87, 187, 191;
    --color_53: 87, 187, 191;
    --color_54: 160, 160, 159;
    --font_1: normal normal normal 16px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
    --color_55: 160, 160, 159;
    --color_56: 255, 255, 255;
    --color_57: 255, 255, 255;
    --color_58: 87, 187, 191;
    --color_59: 255, 255, 255;
    --color_60: 87, 187, 191;
    --color_61: 87, 187, 191;
    --color_62: 255, 255, 255;
    --color_63: 255, 255, 255;
    --color_64: 160, 160, 159;
    --color_774_blue: #1E0066;
    --color_774_bg_blue: #f5f5fa;
    --color_774_red: #FF0074;
    --font_2: normal normal bold 20px/1.4em 'ｍｓ ゴシック', 'ms gothic', 'ヒラギノ角ゴ pro w3', 'hiragino kaku gothic pro', osaka, sans-serif;
    --font_3: normal normal normal 110px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --font_4: normal normal normal 42px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --font_5: normal normal normal 23px/1.4em futura-lt-w01-book, futura-lt-w05-book, sans-serif;
    --font_6: normal normal normal 17px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --font_7: normal normal bold 42px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --font_8: normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496, avenir-lt-w05_35-light, sans-serif;
    --font_9: normal normal normal 14px/1.4em avenir-lt-w01_35-light1475496, avenir-lt-w05_35-light, sans-serif;
    --font_10: normal normal normal 12px/1.4em din-next-w01-light, din-next-w02-light, din-next-w10-light, sans-serif;
    --wix-ads-height: 0px;
    --wix-ads-top-height: 0px;
    --site-width: 980px;
    --above-all-z-index: 100000;
    --portals-z-index: 100001;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --minViewportSize: 320;
    --maxViewportSize: 1920;
    --theme-spx-ratio: 1px;
    --color_65: 160, 160, 159;
    --color_43: 160, 160, 159;
    --one-unit: 1vw;
    --top-offset: var(--header-height);
    --header-height: 84px;
    --pinned-layer-in-container: 52;
    --above-all-in-container: 49;
    --cookie-banner-primary-color: #fff;
    --cookie-banner-secondary-color: #000;
    --cookie-banner-font-family: HelveticaNeue, Helvetica Neue, helvetica, Sans-Serif;
    --cookie-banner-font-size: 14px;
    --bg-gradient: radial-gradient(circle at 0% 0%, rgba(255,50,120,0.5) 0%, 5.7%, rgba(255,50,120,0) 19%), radial-gradient(circle at 27.263997395833332% 83.99739583333333%, #0050FF 0%, 30%, rgba(0,80,255,0) 100%), radial-gradient(circle at 69.8095703125% 100%, #FF3278 0%, 12%, rgba(255,50,120,0) 40%), radial-gradient(circle at 21.3623046875% 0%, rgba(30,0,100,0.99) 0%, 50%, rgba(30,0,100,0) 100%), radial-gradient(circle at 94.25455729166666% 0%, #0050FF 0%, 46.2%, rgba(0,80,255,0) 70%), radial-gradient(circle at 73.65559895833333% 31.946614583333332%, #0050FF 0%, 42%, rgba(0,80,255,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #FFFFFF 0%, 100%, rgba(255,255,255,0) 100%);
    --bg-overlay-color: transparent;
}

#comp-head {
    --menuTotalBordersX: 0px;
    --menuTotalBordersY: 0px;
    --bgDrop: var(--color_11);
    --rd: 0px;
    --shd: none;
    --fnt: normal normal normal 10px/1.4em lulo-clean-w01-one-bold, lulo-clean-w05-one-bold, sans-serif;
    --sep: var(--color_21);
    --txt: var(--color_21);
    --alpha-txt: 1;
    --trans: color 0.4s ease 0s;
    --pad: 5px;
    --txth: var(--color_23);
    --alpha-txth: 1;
    --txts: var(--color_22);
    --alpha-txts: 1;
    --boxShadowToggleOn-shd: none;
    --alpha-bgDrop: 0;
    --alpha-sep: 0.5;
}

footer {
    --bg: var(--color_21);
    --shd: none;
    --brwt: 0px;
    --brd: 160, 160, 159;
    --brwb: 0px;
    --bgctr: 47, 46, 46;
    --rd: 0px;
    --boxShadowToggleOn-shd: none;
    --alpha-brd: 1;
    --alpha-bgctr: 0;
    --alpha-bg: 1;
}

body {
    /* font-family: Helvetica, Arial, sans-serif; */
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 1.3;
    font-size: 16px;
    background: var(--color_774_bg_blue);
    color: var(--color_774_blue);
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

nav span,
nav a {
    color: rgb(var(--txt, var(--color_15)));
    display: inline-block;
    padding: 0 18.5px;
    transition: var(--trans, color .4s ease 0s);
    --display: inline-block;
    border-left: 1px solid rgba(var(--sep, var(--color_15)), var(--alpha-sep, 1));
    cursor: pointer;
    display: var(--display);
    font: var(--fnt, var(--font_1));
}

nav li:first-child a {
    border-left: none;
}

nav li a:hover {
    color: rgb(var(--txth, var(--color_14)));
    transition: var(--trans, color .4s ease 0s);
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s, visibility 0s;
}

.schedule_list_detail:hover {}

/*-------------------------*/
/*  common
/*-------------------------*/
.inner {
    margin-left: calc((100% - var(--site-width))/2);
    width: var(--site-width);
    box-sizing: border-box;
    position: relative;
    left: 9px;
}

main .inner {
    padding-left: 15px;
}

h1 {
    position: relative;
    padding: 62px 0px 2px;
    font: var(--font_7);
    color: var(--color_774_blue);
    font-size: 34px;
    line-height: 1.4em;
    letter-spacing: 0em;
    font-weight: normal;
    font-family: lulo-clean-w01-one-bold, sans-serif;
}

.sub_h1 {
    font-size: 17px;
    line-height: 1.4em;
    color: var(--color_774_blue);
    font-weight: 700;
    letter-spacing: 0.18em;
}

/*-------------------------*/
/*  header
/*-------------------------*/
header {
    box-sizing: border-box;
    background: #fff;
}

header .inner {
    display: flex;
    padding: 31px 8px 31px 11px;
}

#comp-head-title {
    width: 141px;
    height: 22px;
}

nav {
    width: calc(100% - 142px);
    display: flex;
    justify-content: flex-end;
    /* column-gap: 32px; */
    align-items: center;
    list-style: none;
}

nav ul {
    display: flex;
    /* column-gap: 32px; */
    align-items: center;
    justify-content: flex-end;
    justify-content: flex-start;
    list-style: none;
}

/*-------------------------*/
/*  section
/*-------------------------*/
main {
    position: relative;
    min-height: 500px;
}

article {}

section {
    position: relative;
}

/*-------- nav_icon_wrap --------*/
#nav_icon_wrap {
    position: absolute;
    top: 73px;
    right: 0;
}

#nav_icon_wrap li {
    width: 36px;
    height: 36px;
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

/*-------- schedule_list --------*/
#schedule_wrap {
    margin-top: 60px;
    margin-bottom: 60px;
}

.schedule_list {
    margin: 140px auto 120px;
}

.schedule_list a {
    display: block;
    color: var(--color_774_blue);
    padding: 22px 20px 12px;
    box-sizing: border-box;
}

.schedule_list_date {
    font-size: 32px;
    letter-spacing: 0.07em;
    margin-bottom: 50px;
    position: relative;
}

.schedule_list_date_text {
    font-family: futura-pt-bold;
    font-weight: bold;
    padding-bottom: 20px;
}

.schedule_list_date_line {
    font-family: futura-pt;
    font-weight: 600;
    width: calc(100% - 12px);
    background-color: var(--color_774_blue);
    position: relative;
    height: 2px;
    margin: 0 auto;
}

.schedule_list_date_line::after,
.schedule_list_date_line:before {
    content: "";
    display: block;
    background: url(../images/line_sq.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: -5px;
    font-size: 12px;
}

.schedule_list_date_line:before {
    left: -6px;
}

.schedule_list_date_line::after {
    right: -6px;
}

.schedule_list_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 30px;
}

.schedule_list .schedule_list_detail {
    border: 1px solid var(--color_774_blue);
    border-radius: 5px;
    position: relative;
    transition: all 0.4s ease-in-out 0s, visibility 0s;
}

.schedule_list .schedule_list_detail.is-blank {
    opacity: 0;
}

.schedule_list_detail_date {
    position: absolute;
    width: 50%;
    top: -12px;
    left: 50%;
    transform: translate(-50%, 0);
    font-size: 14px;
    padding: 4px 10px 4px 25px;
    text-align: center;
    background: var(--color_774_bg_blue);
    border: 1px solid var(--color_774_blue);
    border-radius: 20px;
    letter-spacing: 0.07em;
    font-family: futura-pt;
    font-weight: 600;
    transition: all 0.4s ease-in-out 0s, visibility 0s;
}

.schedule_list_detail_date:before {
    content: "";
    display: block;
    position: absolute;
    background: url(../images/icon_sr.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
    top: 50%;
    left: 6px;
    transition: all 0.4s ease-in-out 0s, visibility 0s;
    transform: translate(0, -50%);
}

.schedule_list_detail_talent {
    margin-bottom: 9px;
}

.schedule_list_detail_icon {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 5px;
    box-shadow: 0px 0px 4px 0px rgba(30, 0, 102, 0.5);
}

.schedule_list_detail_name {
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(0, -55%);
}

.schedule_list_detail_thumb {
    margin-bottom: 11px;
    box-shadow: 0px 0px 4px 0px rgba(30, 0, 102, 0.5);
}

.schedule_list_detail_thumb img {
    display: block;
}

.schedule_list_detail_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.3;
    text-indent: -0.5em;
}

.schedule_list_detail_title.noindent {
    text-indent: 0em;
}

.schedule_list_detail_title p {
    font-weight: 600;
    word-break: break-word;
}

/*-------- is-live --------*/
.is-live.schedule_list_detail {
    color: var(--color_774_red);
    border: 1px solid var(--color_774_red);
}

.schedule_list .is-live a {
    color: var(--color_774_red);
}

.is-live .schedule_list_detail_date {
    border: 1px solid var(--color_774_red);
    padding: 4px 10px 4px 55px;
}

.is-live .schedule_list_detail_date:before {
    content: "LIVE";
    display: block;
    height: 100%;
    padding: 5px 10px 5px;
    line-height: 1;
    box-sizing: border-box;
    position: absolute;
    font-size: 12px;
    width: auto;
    top: 50%;
    left: 0px;
    transform: translate(0, -50%);
    font-size: 12px;
    color: #fff;
    background: var(--color_774_red);
    border-radius: 20px;
    font-family: futura-pt-bold;
    font-weight: 700;
}

.is-live .schedule_list_detail_icon,
.is-live .schedule_list_detail_thumb {
    box-shadow: 0px 0px 4px 0px rgba(255, 0, 116, 0.5);
}

/*-------- is-none --------*/
.is-none.schedule_list .schedule_list_grid {
    display: block;
}

.is-none.schedule_list .schedule_list_detail {
    border: none !important;
    box-shadow: none !important;
}

.is-none .schedule_list_detail_none {
    font-size: 16px;
    padding: 40px 0 0;
    text-align: center;
    background: var(--color_774_bg_blue) !important;
}

/*-------- hover --------*/
.schedule_list_detail:hover {
    box-shadow: 0px 0px 4px 0px rgba(30, 0, 102, 0.5);
    background-color: #fff;
}

.schedule_list_detail:hover .schedule_list_detail_date {
    color: #fff;
    background-color: var(--color_774_blue);
}

.schedule_list_detail:hover .schedule_list_detail_date:before {
    background: url(../images/icon_sr_w.svg);
    background-size: cover;
}

.is-live.schedule_list_detail:hover .schedule_list_detail_date {
    color: #fff;
    background-color: var(--color_774_red);
}

.is-live.schedule_list_detail:hover .schedule_list_detail_date:before {
    color: var(--color_774_red);
    background-color: #fff;
    background-size: auto;
}


/*-------- slide_button --------*/
#slide_button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;

}

.slide_button_wrap {
    width: 100%;
    height: 100%;
}

.slide_button_inner {
    font-size: 16px;
    letter-spacing: 0.07em;
    position: absolute;
    top: 25%;
    /* top: calc(50% + 35px); */
    transform: translate(0, -55%);
    transform: rotate(90deg);
    cursor: pointer;
    font-family: 'Didact Gothic', sans-serif;
    transition: all 0.4s ease-in-out 0s, visibility 0s;
}

.slide_button_inner {
    color: var(--color_774_blue);
    stroke: var(--color_774_blue);
}

.slide_button_inner:hover {
    color: var(--color_774_red);
    stroke: var(--color_774_red);
}

.slide_button_inner.is-before {
    left: -115px;
}

.slide_button_inner.is-after {
    right: -115px;
}

.slide_button_date {
    font-family: futura-pt;
    font-weight: 600;
    margin-right: 20px;
}

.slide_button_arrow svg {
    width: 19px;
    position: relative;
    bottom: -4px;
}

.slide_button_text {
    font-family: futura-pt;
    font-weight: 600;
    margin-left: 20px;
}

#slide_button_before,
#slide_button_after {
    display: none;
}

/*-------- talent_button_wrap --------*/
.talent_button_wrap {
    display: none;
    background: var(--color_774_blue);
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 0; */
    overflow: hidden;
    transition: var(--trans, color .4s ease 0s);
}

.talent_button_wrap h1,
.talent_button_wrap .sub_h1 {
    color: #fff;
}

.talent_button_wrap .talent_button_list {
    margin-top: 60px;
    margin-bottom: 60px;
}

.talent_button_wrap .talent_button_list li {
    display: inline-block;
    padding: 8px 13px;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 20px;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 20px;
    cursor: pointer;
}

.talent_button_wrap .talent_button_list li.active {
    background: #fff;
    color: var(--color_774_blue);
}

/*-------------------------*/
/*  onlist  talent_wrap
/*-------------------------*/
.onlist .talent_button_wrap {
    display: none;
    margin-bottom: 60px;
    /* height: auto; */
}

#talent_wrap {
    display: none;
}

/* .onlist #schedule_wrap,  */
#talent_wrap {
    margin-top: 435px;
}

/*-------------------------*/
/*  talent_wrap  
/*-------------------------*/
#talent_wrap .schedule_list {
    width: 961px;
    margin: 100px auto;
    display: none;
}

#talent_wrap .schedule_list_date {
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 20px;
}

#talent_wrap .schedule_list_date #talent_name {
    padding-left: 38px;
    position: relative;
    font-weight: 600;
}

#talent_wrap .schedule_list_date #talent_name:before {
    display: block;
    content: "";
    width: 22px;
    height: 22px;
    background: url(../images/icon_talent_name.svg);
    background-size: cover;
    position: absolute;
    left: 0;
    top: 53%;
    transform: translate(0, -50%);
}

#talent_wrap .schedule_list_date span#talent_date {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 2px;
    letter-spacing: 0.07em;
    font-family: 'Didact Gothic', sans-serif;
    font-weight: 600;
}

#talent_wrap .schedule_list_date_line {
    margin-bottom: 50px;
}

/*-------------------------*/
/*  schedule_slide  
/*-------------------------*/
.schedule_slide {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}

.schedule_slide_inner {
    width: calc(1020px * 3);
    position: relative;
    left: -1032px;
}

.schedule_slide_inner .schedule_list {
    /* 965 */
    width: 961px;
    display: inline-block;
    margin: 0px;
    padding: 0px 27px 0px;
    box-sizing: border-box;
}

/*-------------------------*/
/*  totop  
/*-------------------------*/
#totop {
    display: none;
    position: fixed;
    right: 35px;
    bottom: 20px;
    cursor: pointer;
    z-index: 10;
}

/*-------------------------*/
/*  footer  
/*-------------------------*/
footer {
    width: 100%;
    background-color: var(--screenwidth-corvid-background-color, rgba(var(--bg, var(--color_11)), var(--alpha-bg, 1)));
}

footer .inner {
    min-width: 980px;
}

footer .inner .f_wrap {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 132px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    font-size: 13px;
    color: #fff;
}

footer .inner .f_wrap .cw {
    --min-height: 20px;
    height: auto;
    position: relative;
    margin: 34px 0px 10px calc((100% - 980px) * 0.5);
    left: 20px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
}

footer .inner .f_wrap .pp {
    width: 148px;
    height: auto;
    position: relative;
    margin: 35px 0px 10px calc((100% - 980px) * 0.5);
    left: 800px;
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
    align-self: start;
}

/*-------------------------/*-------------------------*/
/*  #slidesample
    /*-------------------------/*-------------------------*/
#slidesample {
    display: block;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -9999;
    margin: 0;
}

/*-------------------------/*-------------------------*/
/*  tab          
/*-------------------------/*-------------------------*/
@media (max-width: 1365px) {}

@media (max-width: 998px) {
    .inner {
        margin-left: 0;
        width: var(--site-width);
        left: 0px;
    }

    header .inner {
        padding: 31px 0px 31px 20px;
    }

    main .inner {
        padding-left: 24px;
    }
}

/*-------------------------/*-------------------------*/
/*  2023.12.21          
/*-------------------------/*-------------------------*/
footer .inner .f_wrap .cw {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 3px;
    row-gap: 3px;
    grid-auto-flow: column;
    direction: rtl;
    grid-area: 1 / 1;
    justify-self: start;
    align-self: start;
}

footer .inner .f_wrap .cw p {
    padding: 10px;
    direction: ltr;
}

footer .inner .f_wrap .cw ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    direction: ltr;
    column-gap: 3px;
    row-gap: 3px;
}

footer .inner .f_wrap .cw ul li.x-icon {
    position: relative;
    left: -15px;
}

.navinnter li {
    position: relative;
}

.subnav {
    background: #fff;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.on .subnav {
    display: block;
}

.subnav li {
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    background: #fff;
    display: block;
    width: 160px;
    border-bottom: 1px solid var(--color_774_blue);
}

.subnav li:last-child {
    border-bottom: none;
}

.subnav li a {
    display: block;
    width: 100%;
    border: none;
    box-sizing: border-box;
}

/*-------------------------/*-------------------------*/
/*  audition LP 202407
/*-------------------------/*-------------------------*/
.bg_gradient {
    background-color: var(--bg-overlay-color);
    background-image: var(--bg-gradient);
}

#main_visual {
    width: 100%;
    height: 100svh;
    background: url(../images/mv_min.png) no-repeat center center;
    background-size: cover;
}

#main_visual>* {
    display: none;
}

#catch {
    text-align: center;
}

#catch .inner {
    color: #fff;
    font-weight: bold;
    padding: 8em 0;
}

#catch .icon {
    margin: 0 auto;
    max-width: 56px;
}

#catch h3 {
    font-size: 30px;
    font-weight: bold;
    font-style: italic;
    margin: 2em 0;
}
#catch h3 img {
    max-width: 80%;
}

#catch .text {
    font-size: 16px;
    font-style: italic;
    line-height: 1.8;
    letter-spacing: 0.2em;
}

@media (max-width: 1200px) {
    #main_visual {
        width: 100%;
        height: auto;
        padding-top: 77%;
        background: url(../images/mv_min.png) no-repeat center center;
        background-size: cover;
    }
}

#catch {
    min-height: 80svh;
    background: url(../images/catch_bg.png) no-repeat center center;
    background-size: cover;
}

#requirements,
#flow {
    padding: 6em 0 0;
    margin: 0 auto;
    max-width: 1000px;
}

#requirements {
    padding: 8em 0 0;
}

#precautions {
    color: #fff;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.7);
}

#precautions .inner {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    padding: 6em;
}

#precautions .inner h2 {
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.5em;
    font-size: 26px;
    position: relative;
}

#precautions .inner h2 span {
    display: block;
    font-size: 14px;
    opacity: .5;
    margin-top: 14px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

#precautions .inner h2:after {
    content: "";
    display: block;
    position: relative;
    width: 168px;
    height: 3px;
    background: url(../images/lines.png) no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 49%;
    transform: translate(-50%, 0);
}

#precautions .inner ul {
    position: relative;
}

#precautions .inner ul li {
    line-height: 1.5;
    list-style-type: circle;
    margin-top: 0.3em;
}

#entry {
    margin: 0 auto;
    padding: 6em 0;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.entry_btn a {
    display: block;
    margin: 0 auto;
    max-width: 340px;
}

.entry_btn a:hover {
    opacity: 0.5;
}

footer .inner .f_wrap .cw {
    direction: ltr;
}

@media (max-width: 750px) {
    #catch {
        min-height: 64svh;
    }

    #catch .inner {
        padding: 5em 0;
    }

    #catch h3 {
        font-size: 26px;
    }

    #catch .text {
        font-size: 16px;
    }

    #requirements,
    #flow {
        padding: 4em 0 0;
    }

    #precautions .inner h2 {
        letter-spacing: 0.3em;
    }

    #precautions .inner {
        padding: 6em 3em;
    }


    .entry_btn a {
        max-width: 280px;
    }

}