.fix_bg {position: fixed;width: 100%;height: 100dvh;top: 0;left: 0;background: url(../images/bg/bg.webp) repeat center;background-size: 170px}
.fix_bg .text {position: absolute;content: "";background: url(../images/audition/frame_text.svg) no-repeat center;background-size: contain;width: 90px;aspect-ratio: 90/1675;}
.fix_bg .text:nth-of-type(1) {left: 0;}
.fix_bg .text:nth-of-type(2) {right: 0;rotate: 180deg;}
.fix_front {position: fixed;width: 100%;height: 100dvh;top: 0;left: 0;z-index: 10000;pointer-events: none;--corner_size: 42px;--frame_inner: 30px;--frame_line_w: 64px;}
.fix_front:before {position: absolute;content: "";border: 3px solid var(--c_theme_color);width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.fix_front span {display: block;position: absolute;background: url(../images/bg/frame_corner.svg) no-repeat center;background-size: contain;width: var(--corner_size);height: var(--corner_size)}
.fix_front span:nth-of-type(1) {top: 2px;right: 2px}
.fix_front span:nth-of-type(1):before {position: absolute;content: "";background: var(--c_theme_color);width: 1px;height: calc(100vh - var(--frame_line_w));top: var(--frame_inner);right: 4px}
.fix_front span:nth-of-type(2) {top: 2px;left: 2px;scale: -1 1}
.fix_front span:nth-of-type(2):before {position: absolute;content: "";background: var(--c_theme_color);width: calc(100vw - var(--frame_line_w));height: 1px;top: 4px;right: var(--frame_inner)}
.fix_front span:nth-of-type(3) {bottom: 2px;left: 2px;scale: -1 -1}
.fix_front span:nth-of-type(3):before {position: absolute;content: "";background: var(--c_theme_color);width: 1px;height: calc(100vh - var(--frame_line_w));top: var(--frame_inner);right: 4px}
.fix_front span:nth-of-type(4) {bottom: 2px;right: 2px;scale: 1 -1}
.fix_front span:nth-of-type(4):before {position: absolute;content: "";background: var(--c_theme_color);width: calc(100vw - var(--frame_line_w));height: 1px;top: 4px;right: var(--frame_inner)}
.fix_front .side {position: absolute;background: url(../images/bg/frame_side.svg) no-repeat center;background-size: contain;width: 13px;aspect-ratio: 13/542;max-height: 60vh;top: 50%;transform: translateY(-50%)}
.fix_front .side.left {left: 10px}
.fix_front .side.right {right: 10px;rotate: 180deg;transform-origin: top}
.box_frame {position: relative;--corner_size: 62px;--frame_inner: 30px;--frame_line_w: 64px;background: var(--c_bg_blue);padding: 60px 40px}
.box_frame span {display: block;position: absolute;background: url(../images/svg/frame.svg) no-repeat center;background-size: contain;width: var(--corner_size);height: var(--corner_size)}
.box_frame span:nth-of-type(1) {top: 2px;right: 2px;scale: -1 1}
.box_frame span:nth-of-type(1):before {position: absolute;content: "";background: var(--c_theme_color);width: 1px;height: calc(100% - var(--frame_line_w));top: var(--frame_inner);right: 4px}
.box_frame span:nth-of-type(2) {top: 2px;left: 2px}
.box_frame span:nth-of-type(2):before {position: absolute;content: "";background: var(--c_theme_color);width: calc(100% - var(--frame_line_w));height: 1px;top: 4px;right: var(--frame_inner)}
.box_frame span:nth-of-type(3) {bottom: 2px;left: 2px;scale: 1 -1}
.box_frame span:nth-of-type(3):before {position: absolute;content: "";background: var(--c_theme_color);width: 1px;height: calc(100% - var(--frame_line_w));top: var(--frame_inner);right: 4px}
.box_frame span:nth-of-type(4) {bottom: 2px;right: 2px;scale: -1 -1}
.box_frame span:nth-of-type(4):before {position: absolute;content: "";background: var(--c_theme_color);width: calc(100% - var(--frame_line_w));height: 1px;top: 4px;right: var(--frame_inner)}
.box_frame .side {position: absolute;background: url(../images/bg/frame_side.svg) no-repeat center;background-size: contain;width: 13px;aspect-ratio: 13/542;max-height: 60vh;top: 50%;transform: translateY(-50%)}
.box_frame .side.left {left: 10px}
.box_frame .side.right {right: 10px;rotate: 180deg;transform-origin: top}

@media screen and (max-width: 835px) {
	.fix_front {--corner_size: 28px;--frame_inner: 20px;--frame_line_w: 40px}
	.box_frame {padding: 40px 24px;--corner_size: 42px}
}

.section_wrap:not(:last-of-type) {margin-bottom: 160px}

@media screen and (max-width: 835px) {
	.section_wrap:not(:last-of-type) {margin-bottom: 90px}
}

.h_outer {text-align: center;margin-bottom: 80px}
.h_outer .sec_h {position: relative;font-size: 90px;line-height: 1.4em;font-weight: 600;display: inline-block;padding: 38px 0}
.h_outer .sec_h:before {position: absolute;content: "";background: url(../images/webp/hd_parts_top.webp) no-repeat center;background-size: contain;width: 195px;height: 49px;left: 50%;transform: translateX(-50%);top: 0}
.h_outer .sec_h:after {position: absolute;content: "";background: url(../images/webp/hd_parts_bottom.webp) no-repeat center;background-size: contain;width: 204px;height: 35px;left: 50%;transform: translateX(-50%);bottom: 0}
@media screen and (max-width: 835px) {.h_outer {margin-bottom: 48px}
  .h_outer .sec_h {font-size: 42px;line-height: 1.4em;padding: 34px 0 30px}
  .h_outer .sec_h:before {width: 90px}
  .h_outer .sec_h:after {width: 91px}}
#fv {padding-top: 80px;margin-bottom: 160px}
#fv .fv_inner {display: flex;justify-content: center;width: min(80%, 1500px);margin: 0 auto;align-items: center}
#fv .fv_inner .kv {mix-blend-mode: multiply;width: 52%}
#fv .fv_inner .text_block {width: 48%;transform: translateX(-4%)}

@media screen and (max-width: 835px) {
	#fv {padding-top: 68px;margin-bottom: 80px}
  #fv .fv_inner {flex-direction: column;gap: 20px;width: 84%}
  #fv .fv_inner .kv {width: 100%}
  #fv .fv_inner .text_block {width: 100%;transform: initial}
}

#story {padding: 120px 0 200px;position: relative;background: url(../images/bg/bg_story.webp) repeat center #eff8ff;background-size: 100px;border-bottom: 1px solid var(--c_theme_color)}
#story:before {position: absolute;content: "";background: var(--c_theme_color);width: 100%;height: 1px;bottom: 4px;left: 50%;transform: translateX(-50%)}
#story .sec_border {position: absolute;top: -30px;text-align: center;width: 100%}
#story .sec_border span {position: relative;display: inline-block}
#story .sec_border span:before {position: absolute;content: "";background: var(--c_theme_color);width: 50vw;height: 1px;bottom: 2px;left: 82%}
#story .sec_border span:after {position: absolute;content: "";background: var(--c_theme_color);width: 50vw;height: 1px;bottom: 2px;right: 82%}
#story .story_text {font-size: 21px;line-height: 2.2em;font-weight: 700}
#story .story_text .catch {font-size: 34px;line-height: 2em;display: flex;flex-direction: column;align-items: center}
#story .story_text .catch .label {display: inline-block;position: relative;padding-inline: 30px}
#story .story_text .catch .label:before {position: absolute;content: "";width: 100%;height: 1px;border-bottom: 1px dotted var(--c_theme_color);left: 50%;transform: translateX(-50%);bottom: 0}

@media screen and (max-width: 835px) {
	#story {padding: 60px 0 100px;background-size: 50px}
	#story .sec_border {top: -20px}
	#story .sec_border span {width: 48px}
	#story .story_text {font-size: 15px;line-height: 2.2em}
	#story .story_text .catch {font-size: 19px;line-height: 2em}
	#story .story_text .catch .label {padding-inline: 4px}
}

#cast .main {width: 60%;margin: 0 auto}
#cast .sec_border {max-width: 500px;width: 80%;margin: 100px auto}
#cast .cast img {width: 100%}
#cast .cast .cast_img {margin-bottom: 18px}
#cast .cast .name_block .part {font-size: 16px;line-height: 1.3em;color: var(--c_darkblue);font-weight: bold}
#cast .cast .name_block .name {font-weight: bold;font-size: 30px;line-height: 1.7em}
#cast .cast .name_block .name span {display: block;font-size: 14px;line-height: 1.8em}
#cast .cast.sub .name_block .name {font-size: 26px;line-height: 1.7em}
#cast .cast.sub .name_block .name span {font-size: 12px;line-height: 1.7em}
#cast .mod_flex_box_02 {--base_gap: clamp(30px, 4vw, 70px)}
#cast .andmore {font-size: 30px;font-weight: 800;line-height: 1.3em}
#cast .ensemble .tit {font-size: 16px;line-height: 1.3em;color: var(--c_darkblue);font-weight: bold;margin-bottom: .6em}
#cast .ensemble ul li {font-weight: bold;font-size: 26px;line-height: 1.7em}
#cast .ensemble ul li span {display: inline-block;font-size: 16px;line-height: 1.8em}
#cast .ensemble ul.sub_list {display: flex;flex-wrap: wrap;gap: 2em;justify-content: center;row-gap: 1em;align-items: baseline}
#cast .ensemble ul.sub_list li {display: inline-block;font-size: clamp(14px, 1.6vw, 18px);line-height: 1.4em}
#cast .ensemble ul .min {font-size: .8em;line-height: 1.2em}

@media screen and (max-width: 835px) {
	#cast .main {width: 80%}
  #cast .sec_border {margin: 60px auto}
  #cast .mod_flex_box_02 .cast {width: 84%;margin: 0 auto}
  #cast .cast .cast_img {margin-bottom: 10px}
  #cast .cast .name_block .name {font-size: 28px;line-height: 1.7em}
  #cast .cast .name_block .name span {font-size: 12px;line-height: 1.2em}
  #cast .cast.sub .name_block .part {font-size: 14px;line-height: 1.3em}
  #cast .cast.sub .name_block .name {font-size: 22px;line-height: 1.7em}
  #cast .cast.sub .name_block .name span {font-size: 10px;line-height: 1.4em}
  #cast .andmore {font-size: 22px;line-height: 1.2em}
  #cast .ensemble ul li {font-size: 22px;line-height: 1.7em}
  #cast .ensemble ul li span {font-size: 12px;line-height: 1.3em}
}

.wrap_tit {font-size: 50px;line-height: 1.3em;font-weight: 600;margin-bottom: 50px}
.wrap_tit span {display: inline-block;position: relative;padding: 0px 60px}
.wrap_tit span:before {position: absolute;content: "";background: url(../images/webp/sub_hd_parts.webp) no-repeat center;background-size: contain;width: 53px;height: 30px;bottom: 0;left: 0}
.wrap_tit span:after {position: absolute;content: "";background: url(../images/webp/sub_hd_parts.webp) no-repeat center;background-size: contain;width: 53px;height: 30px;bottom: 0;right: 0;scale: -1 1}

@media screen and (max-width: 835px) {
	.wrap_tit {font-size: 35px;line-height: 1.4em}
  .wrap_tit span {padding: 0 40px}
  .wrap_tit span:before {width: 40px}
  .wrap_tit span:after {width: 40px}
}

.staff_wrap ul li {font-size: 20px;font-weight: 600;line-height: 1.4em}
.staff_wrap ul li:not(:last-of-type) {margin-bottom: .8em}
.staff_wrap ul li span {font-size: 15px;line-height: 1.3em}
.staff_wrap ul:not(:last-of-type) {margin-bottom: 3em}

@media screen and (max-width: 835px) {
	.staff_wrap ul li {font-size: 13px;line-height: 1.8em}
  .staff_wrap ul li:not(:last-of-type) {margin-bottom: .4em}
  .staff_wrap ul li span {font-size: 11px;line-height: 1.5em}
}

#audition {text-align: center}
#audition .mid_text {font-size: 30px;font-weight: 600;line-height: 1.4em;margin-bottom: 50px}
#audition .text_block {text-align: center}
#audition .text_block .tit {display: inline-block;font-size: 24px;line-height: 1.4em;font-weight: bold;border-bottom: 2px dotted var(--c_theme_color);padding-bottom: 6px;padding-inline: 10px;margin-bottom: 20px}
#audition .text_block .text {font-size: 18px;line-height: 1.6em;font-weight: 500}
#audition .text_block .note a {text-decoration: underline;color: var(--c_darkblue)}

@media screen and (max-width: 835px) {
	#audition .h_outer {margin-bottom: 20px}
  #audition .mid_text {font-size: 20px;line-height: 1.3em;margin-bottom: 30px}
  #audition .btn {width: 80%;margin: 0 auto}
  #audition .text_block .tit {font-size: 20px;line-height: 1.3em}
  #audition .text_block .text {font-size: 15px;line-height: 1.6em}
}

.tk_block .block_tit {text-align: center;font-weight: bold;font-size: clamp(22px, 2vw, 26px);line-height: 1.4em;margin-bottom: 1em}
.tk_block .tk_list dl {display: flex;padding: clamp(16px, 3vw, 24px) 0;justify-content: space-between;align-items: center;font-size: clamp(20px, 3vw, 28px);line-height: 1.4em;font-family: var(--f_noto);border-top: 1px solid var(--c_theme_color);font-weight: 600}
.tk_block .tk_list dl:last-of-type {border-bottom: 1px solid var(--c_theme_color)}
.tk_block .tk_list dl dt {text-align: left}
.tk_block .tk_list dl dt span {font-size: clamp(12px, 1.1vw, 14px);line-height: 1.6em;display: block}
.tk_block .tk_list dl dd .tax {font-size: clamp(13px, 1.2vw, 15px);line-height: 1em}
.tk_block:not(:last-of-type) {margin-bottom: 80px}
.tk_block .schedule {border: 1px solid var(--c_lightblue);padding: clamp(20px, 3vw, 40px) clamp(6px, 2.4vw, 30px);background: rgba(255, 255, 255, .4901960784)}
.tk_block .schedule:not(:last-of-type) {margin-bottom: 20px}
.tk_block .schedule .tit {font-size: clamp(17px, 1.6vw, 22px);line-height: 1.4em;font-weight: bold;margin-bottom: .5em}
.tk_block .schedule .text {font-size: clamp(15px, 1.3vw, 18px);line-height: 1.5em;margin-bottom: 20px}
.tk_block .schedule .text p:not(:last-of-type) {margin-bottom: 1em}
.tk_block .schedule .text .min {font-size: clamp(12px, 1.1vw, 14px);line-height: 1.4em}

.bunkachou{ border: 5px solid var(--c_blue); background-color: rgba(255, 255, 255, .4901960784); padding: 5%; text-align: left;}
.bstit{ font-size: 30px; line-height: 1.5em; margin-bottom: 1em; font-weight: bold; color: var(--c_darkblue); text-align: center;}
.b_img{ width: 70%; max-width: 300px; margin: 0 auto 1em;}
.b_ticket{ background-color: #f1f1f1; padding: 3%; margin-bottom: 1em; }
.b_ticket strong{ font-size: 20px; line-height: 1.7em;}
.b_btn a{ display: block; text-align: center; padding: 1em 0; background-color: var(--c_lightblue);box-shadow: 5px 5px 0 0 var(--c_theme_color); font-size: 20px; font-weight: bold;}

#auditionLead {margin-bottom: 90px}
#auditionLead .lead_text {text-align: center}
#auditionLead .lead_text .tit {font-size: 46px;line-height: 1.3em;font-weight: 700;color: var(--c_darkblue);margin-bottom: 20px}
#auditionLead .lead_text .text {font-size: 24px;line-height: 1.8em;font-weight: bold}

@media screen and (max-width: 835px) {
	#auditionLead {margin-bottom: 60px}
  #auditionLead .lead_text .tit {font-size: 22px;line-height: 1.4em}
  #auditionLead .lead_text .text {font-size: 16px;line-height: 1.8em}
	
	.bunkachou{}
	.bstit{ font-size: 18px; }
	.b_img{ }
	.b_ticket{ padding: 5%; }
	.b_ticket strong{ font-size: 16px; }
	.b_btn a{box-shadow: 3px 3px 0 0 var(--c_theme_color); font-size: 18px; }

}

#auditionAbout {margin-bottom: 150px}
#auditionAbout .tit {margin-bottom: 0px;font-size: 22px;line-height: 1.6em;text-align: center;background: var(--c_lightblue);font-weight: bold;padding: 14px;margin: 0 30px 30px;position: relative}
#auditionAbout .tit:before {position: absolute;content: "";background: url(../images/webp/audition_midashi_parts.png) no-repeat center;background-size: contain;aspect-ratio: 95/128;height: 100%;top: 50%;transform: translateY(-50%);left: -46px}
#auditionAbout .tit:after {position: absolute;content: "";background: url(../images/webp/audition_midashi_parts.png) no-repeat center;background-size: contain;aspect-ratio: 95/128;height: 100%;top: 50%;transform: translateY(-50%) scale(-1, 1);right: -46px}
#auditionAbout .text {font-size: 20px;line-height: 2.2em;font-weight: 600}
#auditionAbout .text p:not(:last-of-type) {margin-bottom: 2em}
#auditionAbout .text p strong {color: var(--c_darkblue);font-size: 24px;line-height: 1.3em}

@media screen and (max-width: 835px) {
	#auditionAbout {margin-bottom: 60px}
  #auditionAbout .tit {font-size: 18px;line-height: 1.5em;padding: 8px 0}
  #auditionAbout .text {font-size: 14px;line-height: 2em}
  #auditionAbout .text p strong {font-size: 16px;line-height: 1.4em}
}

.border_wrap {border: 1px solid var(--c_lightblue);padding: 70px 50px;background: #fff}

@media screen and (max-width: 835px) {
	.border_wrap {padding: 30px 10px}
}

.content_wrap:not(:last-of-type) {margin-bottom: 70px}
.outline_wrap .block:not(:last-of-type) {margin-bottom: 76px}
.outline_wrap .block .tit {text-align: center;background: var(--c_lightblue);font-size: 22px;line-height: 1.6em;padding: 12px;margin-bottom: 30px;font-weight: bold}
.outline_wrap .block .text {font-size: 18px;line-height: 2em}
.outline_wrap .block .text strong {font-size: 20px;line-height: 1.6em}
.outline_wrap .block .text p:not(:last-of-type) {margin-bottom: 24px}
.outline_wrap .block .text p span {font-size: 16px;line-height: 1em}
.outline_wrap .block .text .catch {font-size: 23px;display: inline-block;line-height: 1.5em;position: relative;padding-bottom: 10px;font-weight: bold}
.outline_wrap .block .text .catch:before {position: absolute;content: "";background: var(--c_theme_color);width: 100%;height: 1px;left: 0;bottom: 0}
.outline_wrap .block .text dl {display: flex;font-weight: bold}
.outline_wrap .block .text dl dt {width: 20%}
.outline_wrap .block .text dl dd {width: 80%}
.outline_wrap .block .text dl dd span {font-size: 18px;line-height: 1em;font-weight: normal}

@media screen and (max-width: 835px) {
	.outline_wrap .block:not(:last-of-type) {margin-bottom: 50px}
  .outline_wrap .block .tit {font-size: 18px;line-height: 1.3em;margin-bottom: 14px}
  .outline_wrap .block .text {font-size: 13px;line-height: 1.8em}
  .outline_wrap .block .text strong {font-size: 14px;line-height: 1.6em}
  .outline_wrap .block .text p:not(:last-of-type) {margin-bottom: 16px}
  .outline_wrap .block .text p span {font-size: 12px;line-height: 1.7em;display: block}
  .outline_wrap .block .text .catch {font-size: 16px;line-height: 1.2em}
  .outline_wrap .block .text .catch:not(:last-of-type) {margin-bottom: 6px}
  .outline_wrap .block .text dl dt {width: 40%}
  .outline_wrap .block .text dl dd {width: 60%}
  .outline_wrap .block .text dl dd span {font-size: 11px;line-height: 1.4em;display: block}
}

.message_wrap .block:not(:last-of-type) {margin-bottom: 70px}
.message_wrap .block .tit {font-size: 26px;line-height: 1.6em;color: var(--c_darkblue);position: relative;display: inline-block;padding-bottom: 6px;margin-bottom: 20px;font-weight: bold}
.message_wrap .block .tit:before {position: absolute;content: "";background: var(--c_theme_color);bottom: 0;left: 0;width: 100%;height: 1px}
.message_wrap .block .text {font-size: 20px;line-height: 2em;font-weight: 600}
.message_wrap .block .text p:not(:last-of-type) {margin-bottom: 24px}
.message_wrap .block .lead_text {font-size: 32px;line-height: 1.5em;display: flex;flex-direction: column;font-weight: 800;align-items: flex-start}
.message_wrap .block .lead_text .label {position: relative;display: inline-block}
.message_wrap .block .lead_text .label .txt {position: relative;z-index: 2;display: block}
.message_wrap .block .lead_text .label:before {position: absolute;content: "";background: var(--c_lightblue);width: 100%;height: 10px;left: 0;bottom: 0;z-index: 0}

@media screen and (max-width: 835px) {
	.message_wrap .block:not(:last-of-type) {margin-bottom: 50px}
  .message_wrap .block .tit {font-size: 18px;line-height: 1.5em;margin-bottom: 10px}
  .message_wrap .block .text {font-size: 14px;line-height: 2em}
  .message_wrap .block .lead_text {font-size: 18px;line-height: 1.4em;text-align: center}
}

.guide_block {text-align: left}
.guide_block .block:not(:last-of-type) {padding-bottom: clamp(28px, 4vw, 40px);border-bottom: 1px solid var(--c_lightblue);margin-bottom: clamp(28px, 4vw, 40px)}
.guide_block .block h3 {font-weight: bold;font-size: clamp(18px, 1.8vw, 22px);line-height: 1.4em;margin-bottom: .8em}
.guide_block .block a {text-decoration: underline}
/*# sourceMappingURL=pages.min.css.map */