@charset "UTF-8";
/* @use 'variables' as *; */
:root {
  --base_distance: min(110px , 11vw);
  --base_gap: clamp(12px , 2vw , 20px);
  --base_wrap_width: 94%;
  --base_font_size: 16px;
  --base_line_height: 1.7em;
}

:root {
  --c_theme_color:#28a6e7;
  --c_theme_color_orange:#F5A900;
  --c_theme_color_red: #e60012;
  --c_theme_color_green: #1bab04;
  --c_theme_color_green_dark: #777e41;
  --c_theme_color_black: #424252;
  --c_bg_color:#fff;
  --c_txt_color:#113448;
  --c_border_color:#c7d9e4;
  --c_font_color:var(--c_txt_color);
  --c_link_color:#36ABE8;
  --c_white_l: rgba(255, 255, 255, 0.800);
  --c_white:#fff;
  --c_brown:#f1c26633;
  --c_lightgray:#e7e7e7;
  --c_gray:#9B9B9B;
  --c_darkgray: #707070;
  --c_black:#191919;
  --c_black_d:#000;
  --c_yellow:#ffdc37;
}

:root {
  --font_base_setting: "Noto Sans JP", "Noto Sans", "メイリオ","Meiryo","MS PGothic",sans-serif;
  --f_noto: "Noto Sans JP", "Noto Sans", "メイリオ","Meiryo","MS PGothic",sans-serif;
  --f_hiragino: "Helvetica Neue", Arial , "Hiragino Kaku Gothic ProN","Hiragino Sans" , Meiryo , sans-serif;
  --font-en: "Fjalla One", "Noto Sans JP", sans-serif;
  --font-en2:"Bungee","Noto Sans JP", sans-serif;
}

:root {
  --z_loading:20000;
  --z_page_fade:15000;
  --z_modal:11000;
  --z_nav_trigger: 9999;
  --z_header_logo: 9999;
  --z_nav:9998;
  --z_sub_nav: 9997;
  --z_index_btn: 9997;
  --z_frame: 9996;
}

:root {
  --easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);
  --easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
  --easeOutSuperQuint: cubic-bezier(0, 1.04, 0.14, 1);
  --easeOutCirc: cubic-bezier(0, 0.55, 0.45, 1);
  --easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);
  --easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
  --easeInCirc: cubic-bezier(0.55, 0, 1, 0.45);
  --easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);
  --easeInOutCirc: cubic-bezier(0.85, 0, 0.15, 1);
  --easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
  --easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

/*----------------------------------------
	base
------------------------------------------*/
html.html_reset {margin: 0 !important;padding: 0 !important;}
body {position: relative;height: 100%;overflow-y: scroll;overflow-x: hidden;background-color: var(--c_bg_color);color: var(--c_font_color);font-family: var(--font_base_setting);font-size: var(--base_font_size);font-optical-sizing: auto;font-weight: 400;line-height: var(--base_line_height);word-break: break-word;}
main {position: relative;overflow: clip;z-index: 3;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
p {margin: 0;}
a {color: var(--c_link_color);}
img {max-width: 100%;height: auto;}

@media only screen and (max-width: 835px) {
  body {overflow: hidden;min-height: 100%;}
  body.scroll_on {overflow-y: scroll;overflow-x: hidden;pointer-events: auto;}
}
/*----------------------------------------
	module
------------------------------------------*/
.pc_only {display: block;}
.sp_only {display: none !important;}

@media only screen and (max-width: 835px) {
  .pc_only {  display: none !important;}
  .sp_only {  display: block !important;}
}
.anchor-clear {scroll-margin-top: 130px;}
@media screen and (max-width: 768px) {
  .anchor-clear {scroll-margin-top: 80px;}
}
.mod_mb_0p5distance {margin-bottom: calc(var(--base_distance) * 0.5);}
.mod_mb_1p0distance {margin-bottom: calc(var(--base_distance) * 1);}
.mod_mb_1p5distance {margin-bottom: calc(var(--base_distance) * 1.5);}
.mod_mb_2p0distance {margin-bottom: calc(var(--base_distance) * 2);}
.mod_mb_0p5gap {margin-bottom: calc(var(--base_gap) * 0.5);}
.mod_mb_1p0gap {margin-bottom: calc(var(--base_gap) * 1);}
.mod_mb_1p5gap {margin-bottom: calc(var(--base_gap) * 1.5);}
.mod_mb_2p0gap {margin-bottom: calc(var(--base_gap) * 2);}
.mod_text_bold {font-weight: bold;}
.mod_text_center {text-align: center;}
.mod_text_left {text-align: left;}
.mod_text_right {text-align: right;}
.mod_text_base {font-size: var(--base_font_size);line-height: var(--base_line_height);}
.mod_text_small {font-size: 0.6em;line-height: 1em;}
.mod_mb_0p5em {margin-bottom: 0.5em!important;}
.mod_mb_1p0em {margin-bottom: 1em!important;}
.mod_mb_1p5em {margin-bottom: 1.5em!important;}
.mod_mb_2p0em {margin-bottom: 2em!important;}
.mod_text_underline {text-decoration: underline;}
.mod_flex_box_01, .mod_flex_box_02, .mod_flex_box_03, .mod_flex_box_04 {display: flex;flex-wrap: wrap;gap: var(--base_gap);}
.mod_flex_box_01.jst_between, .mod_flex_box_02.jst_between, .mod_flex_box_03.jst_between, .mod_flex_box_04.jst_between {justify-content: space-between;}
.mod_flex_box_01.jst_center, .mod_flex_box_02.jst_center, .mod_flex_box_03.jst_center, .mod_flex_box_04.jst_center {justify-content: center;}
.mod_flex_box_01.ali_center, .mod_flex_box_02.ali_center, .mod_flex_box_03.ali_center, .mod_flex_box_04.ali_center {align-items: center;}
.mod_flex_box_01 > div, .mod_flex_box_01 > li {width: 100%;}
.mod_flex_box_02 > div, .mod_flex_box_02 > li {width: calc((100% - var(--base_gap) * 1) / 2);}
.mod_flex_box_03 > div, .mod_flex_box_03 > li {width: calc((100% - var(--base_gap) * 2) / 3);}
.mod_flex_box_04 > div, .mod_flex_box_04 > li {width: calc((100% - var(--base_gap) * 3) / 4);}
@media only screen and (max-width: 835px) {
  .mod_flex_box_01 > div, .mod_flex_box_01 > li, .mod_flex_box_02 > div, .mod_flex_box_02 > li {width: 100%;}
  .mod_flex_box_03 > div, .mod_flex_box_03 > li, .mod_flex_box_04 > div, .mod_flex_box_04 > li {width: calc((100% - var(--base_gap) * 1) / 2);}
}

.mod_text_slide_anim_box {display: flex;height: 100px;}
.mod_text_slide_anim_box img {display: block;width: auto;max-width: initial;height: 100%;-webkit-animation: hor_move_l 40s linear infinite;        animation: hor_move_l 40s linear infinite;}
.mod_text_slide_anim_box.reverse {-webkit-animation: hor_move_r 40s linear infinite;        animation: hor_move_r 40s linear infinite;}
.mod_youtube_iframe_size {position: relative;display: block;width: 100%;height: auto;aspect-ratio: 16/9;}
.mod_disactive {pointer-events: none;}
.mod_scroll_bar_delete {-ms-overflow-style: none;scrollbar-width: none;}
.mod_scroll_bar_delete::-webkit-scrollbar {display: none;}
/* wrap settings
-------------------------------*/
.wrap_100px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 100px;}
.wrap_200px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 200px;}
.wrap_300px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 300px;}
.wrap_400px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 400px;}
.wrap_500px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 500px;}
.wrap_600px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 600px;}
.wrap_700px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 700px;}
.wrap_800px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 800px;}
.wrap_900px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 900px;}
.wrap_1000px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1000px;}
.wrap_1100px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1100px;}
.wrap_1200px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1200px;}
.wrap_1300px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1300px;}
.wrap_1400px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1400px;}
.wrap_1500px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1500px;}
.wrap_1600px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1600px;}
.wrap_1700px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1700px;}
.wrap_1800px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1800px;}
.wrap_1900px {position: relative;margin: 0 auto;width: var(--base_wrap_width);max-width: 1900px;}
.wrap_100px.w_100, .wrap_200px.w_100, .wrap_300px.w_100, .wrap_400px.w_100, .wrap_500px.w_100, .wrap_600px.w_100, .wrap_700px.w_100, .wrap_800px.w_100, .wrap_900px.w_100, .wrap_1000px.w_100, .wrap_1100px.w_100, .wrap_1200px.w_100, .wrap_1300px.w_100, .wrap_1400px.w_100, .wrap_1500px.w_100, .wrap_1600px.w_100, .wrap_1700px.w_100, .wrap_1800px.w_100, .wrap_1900px.w_100 {width: 100%;}
/*----------------------------------------
	loading / opening animation
------------------------------------------*/
#loading {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;height: 100svh;background-color: var(--c_bg_color);z-index: var(--z_loading);}
#loading.is_loaded {display: none;}
#loading.load_open {-webkit-animaion: fade_out 1.4s forwards; animation: fade_out 1.4s forwards;pointer-events: none;}
#loading .logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: min(300px, 50%);}
#loading .logo img {width: 100%;}
/*----------------------------------------
	common class
------------------------------------------*/
/* common parts
-------------------------------*/
.sec_inner {max-width: 1200px;margin: 0 auto;width: 92%;}
.cmn_section {position: relative;display: block;width: 100%;height: auto;margin: 0 auto;padding: calc(var(--base_distance) * 1) 0;}
.cmn_in_page_main {position: relative;display: block;width: 100%;height: auto;margin: 0 auto;padding: calc(var(--base_distance) * 1) 0 0;z-index: 2;}
.cmn_link_btn_a {position: relative;display: block;width: 100%;background: var(--c_theme_color);color: var(--c_white);border-radius: 100vmax;position: relative;font-weight: bold;filter: drop-shadow(4px 4px 0px rgba(19, 71, 126, 0.3));transition: 0.3s;text-align: center;min-width: 280px;font-family: var(--font-en);letter-spacing: .05em;font-size: 24px;line-height: 1.4em;padding: 20px 32px 18px;text-decoration: none;}
.cmn_link_btn_a:before {position: absolute;content: "";background: url(../images/common/icon_btn_primary.svg) no-repeat center;background-size: contain;width: 32px;height: 32px;top: 50%;transform: translateY(-50%);right: 20px;}
.cmn_link_btn_a.jp {font-size: 22px;line-height: 1.4em;padding: 20px 32px;font-family: var(--f_noto);}
.cmn_link_btn_a.ghost {background: var(--c_white);color: var(--c_theme_color_red);border: 2px solid var(--c_theme_color_red);}
.cmn_link_btn_a.red{background: var(--c_theme_color_red);}
.cmn_link_btn_a img {position: relative;height: 1.4em;width: auto;}
.cmn_link_btn_a span {position: relative;}
.cmn_link_btn_a:hover {filter: drop-shadow(0px 0px);transition: 0.3s;transform: translateY(4px);}
.cmn_link_btn_a.w_100 {width: 100%;}
.cmn_link_btn_a.disactive {pointer-events: none;filter: grayscale(1);opacity: 0.5;}
.cmn_link_btn_a.anchor_btn:before{transform: translateY(-50%)rotate(90deg);}
.cmn_btn_outer {max-width: 500px;margin: 0 auto;}
.cmn_btn_outer.big{max-width: 640px;}
.cmn_coming_soon_img {position: relative;background: var(--c_gray);aspect-ratio: 16/9;display: flex;justify-content: center;align-items: center;}
.cmn_coming_soon_img::before {content: "COMING SOON";position: absolute;color: var(--c_white_l);font-size: 2em;}
/* accordion
-------------------------------*/
.cmn_accordion_box:not(:last-of-type) {margin-bottom: 30px;}
.cmn_accordion_box .cmn_accordion_trigger {cursor: pointer}
.cmn_accordion_box .cmn_accordion_content {overflow: hidden;height: 0;transition: 0.4s ease;}
.cmn_accordion_box .cmn_accordion_content.accordion_open {height: auto;}
.cmn_accordion_box:not([data-accordion=box]) .cmn_accordion_trigger {cursor: initial;}
.cmn_accordion_box.accordion_basic .cmn_accordion_trigger {position: relative;text-align: center;padding: clamp(10px, 2vw, 20px);font-weight: bold;border-radius: 4px;border: 1px solid var(--c_txt_color);color: var(--c_txt_color);}
.cmn_accordion_box.accordion_basic .cmn_accordion_content {position: relative;padding: 0 2%;font-size: clamp(13px, 1vw, 16px);line-height: 1.8em;background: var(--c_white);}
.cmn_accordion_box.accordion_basic .cmn_accordion_content .innerbox {margin: 2% 0;}
.cmn_accordion_box.accordion_news {border-radius: 10px;font-size: 16px;line-height: 1.6em;overflow: hidden;border-bottom: clamp(4px, 1vw, 8px) solid rgba(0, 124, 198, 0.75);}
.cmn_accordion_box.accordion_news .cmn_accordion_trigger {position: relative;display: block;transition: 0.3s;background: var(--c_white);padding: 4% 4% 3%;border-radius: 10px 10px 0 0;}
.cmn_accordion_box.accordion_news .cmn_accordion_content {position: relative;padding: 0 4%;font-size: 16px;line-height: 1.8em;background: var(--c_white);}
.cmn_accordion_box.accordion_news .cmn_accordion_content:before {position: absolute;content: "";background: rgb(199, 217, 228);width: 100%;height: 1px;    top: 0;left: 50%;transform: translateX(-50%);}
@media screen and (max-width: 835px) {
	.cmn_in_page_main{padding: calc(var(--base_distance)* 1.5) 0 0;}
	.cmn_accordion_box:not(:last-of-type) {margin-bottom: 12px;}
	.cmn_link_btn_a{font-size: 20px;font-size: 1.5em;}
	.cmn_link_btn_a.jp{font-size: 16px;line-height: 1.6em; padding: 20px 30px 20px 0;}
	
	.cmn_accordion_box.accordion_news .cmn_accordion_trigger{ padding: 4% 6%;}
	.cmn_accordion_box.accordion_news .cmn_accordion_content{ padding: 0 6%;}
}
/* write box
-------------------------------*/
.cmn_write_box_outer {position: relative;display: block;padding: calc(var(--base_gap) * 2);margin-bottom: calc(var(--base_gap) * 2);}

@media only screen and (max-width: 835px) {
  .cmn_write_box_outer {padding: calc(var(--base_gap) * 2.5) calc(var(--base_gap) * 1.5);}
}

:root {--cmn_write_box_theme_color: var(--c_theme_color);}

.cmn_write_box {position: relative;text-align: left;font-size: clamp(13px, 2vw, 16px);line-height: 1.5em;width: 100%;}
.cmn_write_box .title_box {position: relative;display: block;padding-bottom: calc(clamp(17px, 2vw, 24px) * 0.8);margin-bottom: 2em;border-bottom: 4px double var(--cmn_write_box_theme_color);}
.cmn_write_box .date {font-size: clamp(12px, 2vw, 14px);line-height: 1.4em;font-weight: bold;margin-bottom: 0.7em;letter-spacing: 0.1em;}
.cmn_write_box .box_title {position: relative;display: block;width: 100%;font-size: clamp(19px, 2vw, 24px);line-height: 1.4em;font-weight: bold;}
.cmn_write_box .border_box {position: relative;display: block;width: 100%;height: auto;background-color: var(--c_black_d);border: 1px solid var(--cmn_write_box_theme_color);padding: min(var(--base_gap) * 2, 5vw) min(var(--base_gap) * 2, 4vw);margin-bottom: 1.5em;}
.cmn_write_box iframe {width: 100%;}
.cmn_write_box figure {margin-bottom: 1.5em;}
.cmn_write_box img {display: block;max-width: 100%;height: auto;margin: 0 auto;margin-bottom: 1.5em;}
.cmn_write_box img.app_badge {width: 170px !important;padding-top: 5px;}
.cmn_write_box p {line-height: 1.7em;}
.cmn_write_box a {overflow-wrap: break-word;text-decoration: underline;font-weight: bold;}
.cmn_write_box ul {margin-bottom: 1em;}
.cmn_write_box ul li {position: relative;display: block;margin-bottom: 0.5em;padding-left: 1.2em;}
.cmn_write_box ul li::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0.3em) scale(0.4);background-color: var(--cmn_list_color);border-radius: 9999px;}
.cmn_write_box ul li:last-of-type {margin-bottom: 0;}
.cmn_write_box blockquote {padding: 24px;background: rgba(0, 0, 0, 0.04);margin: 20px 0;}
.cmn_write_box blockquote p:last-of-type {margin-bottom: 0;}
.cmn_write_box hr {border-top: 1px solid var(--cmn_write_box_theme_color);border-right: none;border-bottom: none;border-left: none;margin-bottom: 3em;margin-top: 3em;}
.cmn_write_box strong {font-weight: 900;color: var(--cmn_write_box_theme_color);}
.cmn_write_box.single h2, .cmn_write_box.in_page h3 {position: relative;display: block;padding-left: 1.1em;font-size: clamp(14px, 2vw, 16px);font-weight: bold;margin-bottom: 0.7em;margin-top: 2em;line-height: 1.4em;color: var(--c_font_color);}
.cmn_write_box.single h2::before, .cmn_write_box.in_page h3::before {position: absolute;display: block;content: "";left: 0;top: 0.4em;width: 0.6em;height: 0.6em;background-color: var(--cmn_write_box_theme_color);transform: rotateZ(45deg);border-radius: 50%;}
.cmn_write_box.single h3, .cmn_write_box.in_page h4 {position: relative;display: inline-block;font-size: clamp(15px, 2vw, 17px);font-weight: bold;margin-bottom: 0.7em;margin-top: 1em;line-height: 1.4em;padding: 0.1em 0.7em 0.2em;border: 1px solid var(--cmn_write_box_theme_color);color: var(--cmn_write_box_theme_color);}
.cmn_write_box.single h4, .cmn_write_box.in_page h5 {position: relative;display: block;margin-top: 1.2em;margin-bottom: 0.2em;font-size: 1.05em;line-height: 1.4em;font-weight: bold;color: var(--cmn_write_box_theme_color);padding-left: 0.7em;}
.cmn_write_box.single h4::before, .cmn_write_box.in_page h5::before {position: absolute;display: block;content: "";top: 0.75em;left: 0;width: 0.3em;height: 0.6em;background-color: var(--cmn_write_box_theme_color);transform: translateY(-50%);-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);        clip-path: polygon(0 0, 0% 100%, 100% 50%);}

/*-- list style --*/
:root {--cmn_list_color: var(--c_txt_color);}

ul.cmn_list_circle li, ul.cmn_list_kome li, ul.cmn_list_asterisk li {position: relative;display: block;margin-bottom: 0.5em;padding-left: 1.2em;}
ul.cmn_list_circle li:last-of-type, ul.cmn_list_kome li:last-of-type, ul.cmn_list_asterisk li:last-of-type {margin-bottom: 0;}
ul.cmn_list_circle li::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0.3em) scale(0.4);background-color: var(--cmn_list_color);border-radius: 9999px;}
ul.cmn_list_kome li {padding-left: 1.2em;font-size: 0.95em;line-height: 1.4em;}
ul.cmn_list_kome li::before {position: absolute;display: block;content: "";content: "※";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0em);color: var(--cmn_list_color);background: initial;}
ul.cmn_list_asterisk li {padding-left: 0.8em;font-size: 0.95em;line-height: 1.4em;}
ul.cmn_list_asterisk li::before {position: absolute;display: block;content: "";content: "*";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(0em);color: var(--cmn_list_color);background: initial;}
ul.cmn_list_underline li {line-height: 1.4em;border-bottom: 1px solid var(--cmn_list_color);padding-top: 0.8em;padding-bottom: 0.8em;margin-bottom: 0;}
ul.cmn_list_underline li::before {position: absolute;display: block;content: "";top: 0;left: 0;width: 1em;height: 1em;transform: translateY(1.1em) scale(0.4);background-color: var(--cmn_list_color);border-radius: 9999px;}

/*-- list style --*/
/*----------------------------------------
	header
------------------------------------------*/
header .header_logo {position: fixed;top: 10px;left: 1%;width: 7%;height: auto;z-index: var(--z_header_logo);transition: 0.2s;}
header .header_logo img {display: block;width: 100%;height: auto;filter: drop-shadow(0px 0px 2px #fff);}
header .header_logo:hover {opacity: 0.7;}


@media only screen and (max-width: 835px) {
	header .header_logo{ width: 18%; left: 2.5%; top: 6px;}
}

/*----------------------------------------
	navigation
------------------------------------------*/
:root {--global_nav_pos: clamp(6px,2vw,10px);}

@media only screen and (min-width: 835px) {
  #global_nav {position: fixed;top: 0;right: 0;z-index: var(--z_nav);background: var(--c_white_l);width: 100%;}
  #global_nav .nav_links {display: flex;justify-content: flex-end;align-items: center;font-size: min(18px, 1.3vw);  padding-right: 1.5%;letter-spacing: 0.04em;}
  #global_nav .nav_links li .jp {font-weight: bold;font-size: min(0.7vw, 9px);display: block;line-height: 1em;padding-top: 0.7em;}
  #global_nav .nav_links li a:before {position: absolute;content: "";background: var(--c_theme_color);width: 90%;height: 2px;left: 50%;transform: translateX(-50%) scale(0, 1);bottom: 0px;transition: 0.3s;}
  #global_nav .nav_links li a:hover:before, #global_nav .nav_links li a.active:before {transform: translateX(-50%) scale(1, 1);}
  #global_nav .nav_links li a.nav_link {padding: 15px .5em;display: flex;flex-direction: column;align-items: center;color:  var(--c_theme_color);font-weight: 600;position: relative;font-size: min(1.5vw, 19px);line-height: 1em;z-index: 3;font-family: var(--font-en); min-width: 4em;}
  #global_nav .nav_links li a.nav_link.disactive {opacity: 0.5;pointer-events: none;}
  #global_nav .nav_links li.sns_links {display: flex;justify-content: flex-end;align-items: center;font-size: 16px;gap: 0.5em; margin-left: 1em;}
  #global_nav .nav_links li .nav_link_icon {position: relative;display: block;width: 2em;height: 2em;}
  #global_nav .nav_links li .nav_link_icon:before {display: none;}
  #global_nav .nav_links li .nav_link_icon img {display: block;width: 100%;height: auto;transition: 0.2s;}
  #global_nav .nav_links li .nav_link_icon:hover img {transform: translateY(-2px);}
  #global_nav .nav_links li.nav_list .innav {position: absolute;border-radius: 10px;background: var(--c_theme_color);pointer-events: none;opacity: 0;transition: 0.3s;top: 50px;left: 50%;transform: translateX(-50%);padding: 4px 14px;z-index: 0;width: max-content; min-width: 12em;}
  #global_nav .nav_links li.nav_list .innav:before {position: absolute;content: "";background: var(--c_theme_color);width: 16px;height: 8px;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);left: 50%;transform: translateX(-50%);top: -8px;}
  #global_nav .nav_links li.nav_list .innav li:not(:last-of-type) {border-bottom: 1px dashed var(--c_white);}
  #global_nav .nav_links li.nav_list .innav li a {display: block;color: var(--c_white);padding: 10px 0;font-size: min(1.5vw, 18px);text-align: center;font-family: var(--font-en);font-weight: bold;position: relative;}
  #global_nav .nav_links li.nav_list .innav li a::before {background: var(--c_white);width: 100%;}
  #global_nav .nav_links li.nav_list:hover .innav {opacity: 1;pointer-events: all;top: 60px;}
  #global_nav .nav_links li.innav_trigger {position: relative;}
	
	#global_nav{ background: none;}
	#global_nav:before{ display: block; content: ""; background: linear-gradient(to bottom, rgba(9, 129, 206, 0.9) 0%, rgba(9, 129, 206, 0) 100%); width: 100%; height: 65px; position: absolute; top: 0; left: 0;}
	#global_nav .nav_links li a.nav_link{ color: #fff;}
	
}
@media only screen and (max-width: 835px) {
  #global_nav {position: fixed;top: 0;left: 0;width: 100%;height: 100lvh;z-index: var(--z_nav);background-color: rgba(255, 255, 255, 0.96);overflow-y: scroll;overflow-x: hidden;padding: 90px 0 140px;opacity: 0;visibility: hidden;pointer-events: none;transition: 0.2s;}
  #global_nav .nav_links {position: relative;width: 85%;height: auto;margin: 0 auto;text-align: left;font-size: 20px;line-height: 1.2em;letter-spacing: 0.05em;}
  #global_nav .nav_links li {opacity: 0;transform: translateX(-50px);transition: 0.2s;}
  #global_nav .nav_links li .nav_link, #global_nav .nav_links li .sub_nav_link {position: relative;display: block;font-weight: 700;color: var(--c_theme_color);white-space: nowrap;font-family: var(--font-en);font-size: 20px;line-height: 1.2em;}
  #global_nav .nav_links li .nav_link .jp, #global_nav .nav_links li .sub_nav_link .jp {font-size: 10px;line-height: 1em;margin-left: 10px;transform: translateY(-2px);}
  #global_nav .nav_links li .nav_link {padding: 0.8em 0;}
  #global_nav .nav_links li .nav_link::before {position: absolute;display: block;content: "";left: 0;top: 1.4em;transform: translateY(-50%);width: 0.6em;height: 1em;background: no-repeat center url();background-size: contain;}
  #global_nav .nav_links li .nav_link.disactive {opacity: 0.5;}
  #global_nav .nav_links li:nth-of-type(1) {transition-delay: calc(1* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(2) {transition-delay: calc(2* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(3) {transition-delay: calc(3* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(4) {transition-delay: calc(4* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(5) {transition-delay: calc(5* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(6) {transition-delay: calc(6* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(7) {transition-delay: calc(7* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(8) {transition-delay: calc(8* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(9) {transition-delay: calc(9* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(10) {transition-delay: calc(10* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(11) {transition-delay: calc(11* 0.05s + 0s);}
  #global_nav .nav_links li:nth-of-type(12) {transition-delay: calc(12* 0.05s + 0s);}
  #global_nav .nav_links li.sns_links {display: flex;justify-content: center;align-items: flex-start;font-size: 20px;gap: 1em;padding: 1.2em 0;}
  #global_nav .nav_links li .nav_link_icon {position: relative;display: inline-block;width: 1.8em;height: 1.8em;overflow: hidden;}
  #global_nav .nav_links li .nav_link_icon img {display: block;width: 100%;height: auto;transition: 0.2s;}
  #global_nav .nav_links li .nav_link_icon:hover img {opacity: 0.7;}
  #global_nav .nav_links li.nav_list {border-bottom: 1px dotted var(--c_theme_color);}
  #global_nav .nav_links li.nav_list:first-of-type {border-top: 1px dotted var(--c_theme_color);}
  #global_nav .nav_links li.nav_list .innav {max-height: 0;overflow: hidden;transition: max-height 0.4s ease-out, opacity 0.4s ease-out;opacity: 0;pointer-events: all;position: relative;border-radius: 0;background: transparent;padding: 0 0 0px;width: auto;top: 0;}
  #global_nav .nav_links li.nav_list .innav li {border: none;margin-bottom: 2px;margin-left: 0px;}
  #global_nav .nav_links li.nav_list .innav li a {font-size: 20px;font-family: var(--font-en);padding: 10px;line-height: 1.6em;background: rgba(175, 211, 248, 0.2);font-weight: bold;display: block;}
  #global_nav .nav_links li.nav_list .innav li a .jp {font-size: 10px;line-height: 1em;margin-left: 10px;transform: translateY(-2px);}
  #global_nav .nav_links li.nav_list.nav_open .innav {opacity: 1;}
  #global_nav .nav_links li.innav_trigger {position: relative;}
  #global_nav .nav_links li.innav_trigger:before {position: absolute;content: "";width: 14px;height: 2px;background: var(--c_theme_color);top: 29px;right: 10px;}
  #global_nav .nav_links li.innav_trigger:after {position: absolute;content: "";width: 14px;height: 2px;background: var(--c_theme_color);top: 29px;rotate: 90deg;right: 10px;transition: 0.3s;}
  #global_nav .nav_links li.innav_trigger.nav_open:after {rotate: 0deg;transition: 0.3s;}
  #global_nav .nav_links li.innav_trigger > .nav_link {border: none;}
  #global_nav.active {opacity: 1;visibility: visible;pointer-events: initial;}
  #global_nav.active .nav_links li {opacity: 1;transform: translateX(0px);margin-left: 0px;}
}
/* nav trigger
-------------------------------*/
:root {--nav_trigger_size: clamp(50px , 10vw , 90px);}

.nav_trigger_outer {display: none;position: fixed;top: 10px;right: 10px;width: var(--nav_trigger_size);height: var(--nav_trigger_size);cursor: pointer;border-radius: 100vmax;z-index: var(--z_nav_trigger);border: 1px solid var(--c_theme_color);background: var(--c_white);}
.nav_trigger_outer .nav_trigger_bar {position: absolute;width: 55%;height: 29%;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;transition: 0.6s;}
.nav_trigger_outer .nav_trigger_bar span {position: absolute;left: 50%;transform: translate(-50%, -50%) rotateZ(0deg);width: 100%;height: clamp(2px, 0.5vw, 3px);display: block;transition: 0.2s;background-color: var(--c_theme_color);border-radius: 9999px;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(1) {top: 0%;width: 100%;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(2) {top: 50%;width: 100%;}
.nav_trigger_outer .nav_trigger_bar span:nth-last-of-type(3) {top: 100%;width: 100%;}
.nav_trigger_outer.type_text .nav_trigger_bar {height: 30%;}
.nav_trigger_outer.type_text .nav_trigger_bar span:nth-last-of-type(1) {top: 0%;}
.nav_trigger_outer.type_text .nav_trigger_bar span:nth-last-of-type(2) {top: 40%;}
.nav_trigger_outer.type_text .nav_trigger_bar span:nth-last-of-type(3) {top: 100%;height: 40%;background: no-repeat center url(../images/template_parts/hbg_menu_text.svg);background-size: contain;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(1) {transform: translate(-50%, -50%) rotateZ(-135deg);top: 50%;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(2) {transform: translate(-50%, -50%) rotateZ(135deg);top: 50%;}
.nav_trigger_outer.active .nav_trigger_bar span:nth-last-of-type(3) {opacity: 0;}

@media only screen and (max-width: 835px) {
  .nav_trigger_outer {display: block;}
}

/*----------------------------------------
	modal
------------------------------------------*/

.modal_btn{cursor: pointer;text-align: center;border: 1px solid var(--c_theme_color);color: var(--c_theme_color);padding: 14px 20px;font-weight: bold;}

.cmn_modal_layer {--modal_btn_size: clamp(50px , 5vw , 70px);position: fixed;top: 0px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: var(--z_modal);opacity: 0;visibility: hidden;pointer-events: none;}
.cmn_modal_layer .modal_bg {position: fixed;top: 0px;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);opacity: 0;transition: 0.6s;}
.cmn_modal_layer .modal_inner {position: absolute;width: auto;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);text-align: left;opacity: 0;transition: 0.6s;}
.cmn_modal_layer .modal_inner img {width: auto;height: auto;max-width: min(1400px, 94vw);max-height: 75vh;cursor: initial;-o-object-fit: contain;   object-fit: contain;left: 50%;position: relative;transform: translateX(-50%);}
.cmn_modal_layer .modal_inner img.img_mono_modal_content {width: auto !important;height: auto !important;cursor: initial !important;}
.cmn_modal_layer .modal_inner .modal_youtube_video_box {width: min(1200px, 94vw);padding-top: min(90vh, 56.25%);}
.cmn_modal_layer .modal_inner .modal_youtube_video_box iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.cmn_modal_layer .modal_inner .modal_youtube_video_box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-o-object-fit: contain;   object-fit: contain;}
.cmn_modal_layer .modal_inner .modal_textbox {width: min(1000px, 94vw);background-color: var(--c_white);color: var(--c_black_d);padding: clamp(12px, 4vw, 50px);text-align: left;overflow: hidden;font-size: clamp(13px, 2vw, 16px);}
.cmn_modal_layer .modal_inner .modal_textbox.scrollable {overflow-x: hidden;overflow-y: scroll;overscroll-behavior: contain;}
.cmn_modal_layer .modal_close_btn {position: absolute;top: 4px;right: 4px;width: var(--modal_btn_size);height: var(--modal_btn_size);background: no-repeat center url("../images/common/template_parts/btn_close_02.svg");background-size: contain;cursor: pointer;}
.cmn_modal_layer.visible {opacity: 1;visibility: visible;pointer-events: auto;}
.cmn_modal_layer.visible .modal_bg {opacity: 1;}
.cmn_modal_layer.visible .modal_inner {opacity: 1;}


.cmn_slide_modal_layer .modal_inner.slide_modal_content_box .slide_modal_content {position: absolute;width: auto;height: auto;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);opacity: 0;visibility: hidden;transition: 0.2s;pointer-events: none;}
.cmn_slide_modal_layer .modal_inner.slide_modal_content_box .slide_modal_content.slide_visible {opacity: 1;visibility: visible;pointer-events: initial;}
.cmn_slide_modal_layer .modal_prev_btn, .cmn_slide_modal_layer .modal_next_btn {position: absolute;top: 50%;transform: translateY(-50%);height: min(270px, 25vh);width: min(80px, 10vw);background-color: var(--c_black);cursor: pointer;transition: 0.2s;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.cmn_slide_modal_layer .modal_prev_btn::before, .cmn_slide_modal_layer .modal_next_btn::before {position: absolute;display: block;content: "";top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40%;height: 100%;background: no-repeat center url(../images/template_parts/icon_arrow_slidemodal_02.svg);background-size: contain;}
.cmn_slide_modal_layer .modal_prev_btn.disactive, .cmn_slide_modal_layer .modal_next_btn.disactive {opacity: 0.2;pointer-events: none;}
.cmn_slide_modal_layer .modal_prev_btn:focus, .cmn_slide_modal_layer .modal_next_btn:focus {outline: none;}
.cmn_slide_modal_layer .modal_prev_btn {left: 0;border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
.cmn_slide_modal_layer .modal_prev_btn::before {transform: translate(-50%, -50%) scale(-1, 1);}
.cmn_slide_modal_layer .modal_prev_btn:hover {transform: translateY(-50%) translateX(-4px);}
.cmn_slide_modal_layer .modal_next_btn {right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.cmn_slide_modal_layer .modal_next_btn:hover {transform: translateY(-50%) translateX(4px);}

@media only screen and (max-width: 835px) {
  .slide_modal .modal_prev_btn, .slide_modal .modal_next_btn {width: 12%;height: 20vh;background-size: 30% auto;}
  .slide_modal .modal_prev_btn {left: 0;}
  .slide_modal .modal_next_btn {right: 0;}
}
.cmn_img_mono_modal_trigger {cursor: pointer;}

/*----------------------------------------
	schedule_grid
------------------------------------------*/
.cmn_schedule_grid {
  --main_bg_color:rgba(0,0,0,0);
  --day_time_color:#252525;
  --grid_h_color:#191919;
  --saturday_color:#00B5EE;
  --sunday_color:#E5007F;
  --closed_day_color:#191919;
  --font_color:#191919;
  --border_color:#191919;
  --font-size:clamp(12px , 4.0vw , 18px);
  --grid_h_width: calc(var(--font-size) * 5);
  --grid_h_height: calc(var(--font-size) * 4);
  --grid_box_width: calc( (var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_day_num));
  --grid_box_height: calc(var(--font-size) * 3);
}

.cmn_schedule_grid {position: relative;display: grid;width: var(--schedule_grid_width);margin: 0 auto;grid-template-columns: var(--grid_h_width) repeat(var(--sc_day_num), calc((var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_day_num)));grid-template-rows: var(--grid_h_height) repeat(var(--sc_time_num), var(--grid_box_height));background-color: var(--main_bg_color);overflow: hidden;grid-auto-flow: column;font-size: var(--font-size);}
.cmn_schedule_grid p {position: relative;display: block;margin-bottom: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;font-weight: bold;color: var(--font_color);line-height: 1.2em;}
.cmn_schedule_grid p.grid_h {color: var(--grid_h_color);border-bottom: 1px solid var(--border_color);border-right: 1px solid var(--border_color);}
.cmn_schedule_grid p.day {color: var(--day_time_color);border-bottom: 1px solid var(--border_color);}
.cmn_schedule_grid p.day span {font-size: 0.7em;}
.cmn_schedule_grid p.day::before {position: absolute;display: block;content: "";height: calc(var(--grid_box_height) * var(--sc_time_num) - 0.5em);width: 0px;top: initial;right: initial;left: 50%;bottom: 0;transform: translateX(0%) translateY(calc(100% + 0.5em));border-top: initial;border-right: 1px dashed var(--border_color);}
.cmn_schedule_grid p.time {color: var(--day_time_color);border-right: 1px solid var(--border_color);}
.cmn_schedule_grid p.time::before {position: absolute;display: block;content: "";height: 0px;width: calc(var(--grid_box_width) * var(--sc_day_num) - 0.5em);top: 50%;right: 0;transform: translateX(calc(100% + 0.5em)) translateY(-50%);border-top: 1px dashed var(--border_color);opacity: 0.7;}
.cmn_schedule_grid p.sat {color: var(--saturday_color);}
.cmn_schedule_grid p.sun {color: var(--sunday_color);}
.cmn_schedule_grid p.closed::after {position: absolute;display: block;content: "";left: 50%;bottom: calc(var(--grid_box_height) * var(--sc_time_num) * 0.5 * -1);color: var(--closed_day_color);width: 1.6em;height: calc(var(--grid_box_height) * var(--sc_time_num) * 0.6);min-height: 4.7em;transform: translate(-50%, 50%);opacity: 1;z-index: 1;content: "休 演 日";writing-mode: vertical-rl;display: grid;place-items: center;background-color: var(--c_bg_color);border: 1px solid var(--border_color);border-radius: 9999px;font-size: 0.9em;}

@media only screen and (max-width: 835px) {
  .cmn_schedule_grid {
    --grid_h_width: calc(var(--font-size) * 5);
    --grid_h_height: calc(var(--font-size) * 4);
    --grid_box_width: calc( (var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_time_num));
    --grid_box_height: calc(var(--font-size) * 3);
  }
  .cmn_schedule_grid {grid-auto-flow: row;grid-template-columns: var(--grid_h_width) repeat(var(--sc_time_num), calc((var(--schedule_grid_width) - var(--grid_h_width)) / var(--sc_time_num)));grid-template-rows: var(--grid_h_height) repeat(var(--sc_day_num), var(--grid_box_height));}
  .cmn_schedule_grid p.day {border-bottom: none;border-right: 1px solid var(--border_color);}
  .cmn_schedule_grid p.day::before {position: absolute;display: block;content: "";height: 0px;width: calc(var(--grid_box_width) * var(--sc_time_num) - 0.5em);left: initial;bottom: initial;top: 50%;right: 0;transform: translateX(calc(100% + 0.5em)) translateY(-50%);border-top: 1px dashed var(--border_color);opacity: 0.7;}
  .cmn_schedule_grid p.time {border-bottom: 1px solid var(--border_color);border-right: none;}
  .cmn_schedule_grid p.time::before {position: absolute;display: block;content: "";height: calc(var(--grid_box_height) * var(--sc_day_num) - 0.5em);width: 0px;top: initial;right: initial;left: 50%;bottom: 0;transform: translateX(0%) translateY(calc(100% + 0.5em));border-top: initial;border-right: 1px dashed var(--border_color);}
  .cmn_schedule_grid p.closed::after {right: -1px;bottom: 0;width: calc(var(--grid_box_width) * var(--sc_time_num));height: 100%;transform: translateX(100%);writing-mode: initial;}
}
/*----------------------------------------
	404
------------------------------------------*/
#error_404 {padding: calc(var(--base_distance) * 2) 0;}
#error_404 p {color: var(--c_theme_color);}
#error_404 .title {font-size: 26px;line-height: 1em;margin-bottom: 1em;}
#error_404 .text {margin-bottom: 3em;}
#error_404 .link_flex {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin: 0 auto;}
#error_404 .error_toplink {position: relative;display: block;width: min(230px, 70%);height: 60px;display: grid;place-items: center;background-color: var(--c_link_color);color: var(--c_white);font-weight: bold;font-size: min(18px, 4vw);white-space: nowrap;letter-spacing: 0.05em;margin: 0 auto;transition: 0.2s;border-radius: 5px;}
#error_404 .error_toplink:hover {transform: translateY(-2px);}

/*----------------------------------------
	Pagination
------------------------------------------*/
.pagination {position: relative;overflow: hidden;display: flex;margin: 30px auto;justify-content: center;}
.pagination .page-numbers {border: 1px solid #ccc;margin-right: 8px;text-decoration: none;height: 40px;line-height: 40px;font-size: 14px;width: 40px;padding: 0 8px !important;text-align: center;}
.pagination .page-numbers.current {color: #fff;background: #525252;border: none;}
.pagination .page-numbers.dots {padding: 0 12px !important;}
.pagination .page-numbers:last-child {margin-right: 0;}
.pagination .page-numbers.next {width: 75px;line-height: 37px;}
.pagination .page-numbers.prev {width: 75px;line-height: 37px;}
.pagination a {color: #000;}

/* ===============================================
# 固定パーツ
=============================================== */
.fix_front {z-index: 10000;position: relative;pointer-events: none;}
.fix_front:before {position: fixed;bottom: 0;content: "";background: url(../images/common/bg/bottom_ground.svg) no-repeat center;background-size: cover;width: 100%;height: 2.4vw;}
.fix_bg {position: fixed;width: 100%;height: 100vh;height: 100lvh;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: -1;pointer-events: none;}
.fix_bg .white_layer {position: absolute;content: "";background: rgba(255, 255, 255, 0.8);width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;}
.fix_bg video {position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);-o-object-fit: cover;   object-fit: cover;z-index: 1;}
.fix_bg .bg-img {position: absolute;width: 100%;height: 100%;top: 0;left: 50%;transform: translateX(-50%);-o-object-fit: cover;   object-fit: cover;-o-object-position: top;   object-position: top;z-index: 0;transition: 0.2s all;}
.fix_bg .bg_food {z-index: 0;}
.fix_bg .bg_food {background-image: url(../images/food/bg_pattern_food.svg);position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}

.in_bgwht{ background: /*linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, 0.8) 7%, rgba(255, 255, 255, 0.8) 100%);*/ linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.8) 200px); padding-bottom: calc(var(--base_distance) * 0.5);}

.corner{pointer-events: none;}
.corner:before,.corner:after,
.corner div:before,.corner div:after{position: fixed;content: ""; display: block;width: 100%; height: 100%;background-repeat: no-repeat; z-index: 10;background-size: 27%; }

.corner:before{ background-image: url("../images/common/bg/top_left.png"); background-position: left top; }
.corner:after{ background-image: url("../images/common/bg/btm_right.png"); background-position: right bottom;}
.corner div:before{ background-image: url("../images/common/bg/top_right.png"); background-position: right top; }
.corner div:after{ background-image: url("../images/common/bg/btm_left.png"); background-position: left bottom;}


/* .fix_bg .bg_food:before {position: absolute;content: "";width: 100%;height: 100%;background: rgb(255, 0, 0);background-size: cover;z-index: 1;opacity: 1;} */
/* .fix_bg .bg_food:after {position: absolute;content: "";width: 100%;height: 100%;background: url(../images/common/bg/bg_food.png) center repeat rgb(255, 0, 0);background-size: cover;z-index: 2;opacity: 0.5;} */

.fix_btn {position: fixed;bottom: 20px;width: min(12vw, 400px);left: 20px;display: block;z-index: 100;transform: translateY(110%);transition: 0.3s;pointer-events: all;}
.fix_btn a:hover {opacity: 1;}
.fix_btn.active {transform: translateY(0);transition: 0.3s;}
.body_in .fix_btn {width: min(7.5vw, 200px);}

@media screen and (max-width: 768px) {
  .fix_front:before {  height: 4.4vw;}
  .fix_btn {  width: 20vw;  transform: translateY(120%);  bottom: 2vw;  left: 2vw;}
  .body_in .fix_btn {  width: 18vw;}
	
	.corner:before,.corner:after,
	.corner div:before,.corner div:after{ background-size: 56%;}
	.corner:before{ display: none;}
	
	.in_bgwht{ padding-bottom: 100px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.8) 100px); padding-top: 60px;}
	
}

/* ==============================================
# フッター
=============================================== */
.footer {background: rgba(255, 255, 255, 0.9);position: relative;z-index: 2;}
.footer.in {/*background: var(--c_theme_color);color: #fff;*/}
.footer.in .archive ul li a {/*background: var(--c_white);*/}
.footer.in .credit {/*color: #fff;*/}
.footer .f_inner {max-width: 1200px;margin: 0 auto;text-align: center;padding: 60px 0 120px 0;width: 92%;}
.footer.in .f_inner {}
.footer .f_inner .f_tit {color: var(--c_theme_color);font-weight: bold;font-size: 14px;line-height: 1.2em;margin-bottom: 16px;}
.footer .f_inner .block:not(:last-of-type) {margin-bottom: 40px;}
.footer .footer_bnr p {font-size: 20px;font-weight: bold;margin-bottom: 0.8em; /*color: #959595;*/}
.footer .footer_bnr ul {display: flex;justify-content: center;gap: 36px;align-items: center;}
.footer .footer_bnr ul li img {height: 30px;width: auto;}
.footer .footer_bnr ul li.big img {height: 50px;}
.footer .footer_bnr ul:not(:last-of-type) {margin-bottom: 20px;}
.footer .footer_bnr.bnr02 ul li img {height: 90px;}
.footer .footer_bnr.bnr03 ul li img {height: 50px;}
.footer .archive {/*max-width: 870px;*/margin: 0 auto;}
.footer .archive ul {display: flex;gap: 16px;justify-content: center;align-items: center;}
.footer .archive ul li {}
.footer .archive ul li a {border: 1px solid var(--c_theme_color);display: block;padding: 14px 24px 16px;border-radius: 4px;}
.footer .archive ul li a img {margin-bottom: 6px; width: 70%;}
.footer .archive ul li a .text {color: var(--c_theme_color);font-weight: bold;font-family: var(--font-en);font-size: 16px;line-height: 1.3em;}
.footer .credit {font-size: 14px;line-height: 1.4em; /*color: var(--c_theme_color);*/ font-weight: bold;font-family: var(--f_noto);}
/* .footer_bg {background-image: url(../images/footer_photo_top.webp);width: 100%;height: 800px;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;-webkit-background-attachment: fixed;}
.footer_bg.bg_news{background-image: url(../images/footer_photo_news.webp);}
.footer_bg.bg_about{background-image: url(../images/footer_photo_about.webp);}
.footer_bg.bg_artist{background-image: url(../images/footer_photo_artist.webp);}
.footer_bg.bg_access{background-image: url(../images/footer_photo_access.webp);}
.footer_bg.bg_tickets{background-image: url(../images/footer_photo_tickets.webp);} */
.footer_bg {width: 100%;height: 800px; /*-webkit-mask-image: url(../images/foot_bg.svg);  mask-image: url(../images/foot_bg.svg);  -webkit-mask-repeat: no-repeat;  mask-size: cover; */position: relative;z-index: 0;overflow: hidden;-webkit-clip-path: inset(0 0 0 0);        clip-path: inset(0 0 0 0);}
.footer_bg:after {content: "";background-image: var(--footer-bg-image);width: 100%;height: 800px;bottom: 0;left: 0;background-position: center;background-size: cover;position: fixed;}
@media screen and (max-width: 768px) {
  .footer .f_inner {padding:40px 0 100px 0;}
  .footer.in .f_inner {padding: 30px 0 80px;}
  .footer .footer_bnr p {font-size: 16px;}
  .footer .footer_bnr ul {gap: 24px;flex-wrap: wrap;}
  .footer .footer_bnr.bnr02 ul {gap: 4px;}
  .footer .footer_bnr.bnr02 ul li img {height: 64px;}
  .footer .footer_bnr.bnr03 ul li img {height: 40px;}
  .footer .footer_bnr ul li img {height: 20px;-o-object-fit: contain;   object-fit: contain;}
  .footer .footer_bnr ul li img.factimg {width: 77px;}
  .footer .footer_bnr ul li.big img {height: 30px;}
  .footer .archive ul {gap:2%; flex-wrap: wrap;}
  .footer .archive ul li{ width: 49%; margin-bottom: 2%;}	
  .footer .archive ul li a {padding: 7px 0;}
  .footer .archive ul li a img {width: 90%;margin: 0 auto 5px;}
  .footer_bg {background-image: none;height: 300px;-webkit-mask-image: url(../images/common/footer/foot_bg02.svg);mask-image: url(../images/common/footer/foot_bg02.svg);-webkit-mask-repeat: no-repeat;position: relative;z-index: 1;}
  .footer_bg:after {content: "";width: 100%;height: 300px;bottom: 0;left: 0;background-position: center;background-size: cover;position: fixed;z-index: -1;}
}

/*----------------------------------------
	404
------------------------------------------*/
#error_404 {padding: 200px 0; text-align: center;}
#error_404 .container_s p {color: var(--c_theme_color);}
#error_404 .container_s .stit {font-size: 36px;line-height: 1em;margin-bottom: 0.5em;}
#error_404 .container_s .text {margin-bottom: 3em;}
#error_404 .container_s .link_flex {display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin: 0 auto;}
#error_404 .container_s .error_toplink {position: relative;display: block;width: min(230px, 70%);height: 60px;display: grid;place-items: center;background-color: var(--c_theme_color);color: #fcfcfc;font-weight: bold;font-size: min(18px, 4vw);white-space: nowrap;letter-spacing: 0.05em;margin: 0 auto;transition: 0.2s;border-radius: 5px;}
#error_404 .container_s .error_toplink:hover {transform: translateY(-2px);}

/*# sourceMappingURL=common.css.map */