@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1200px) {
 
 html {font-size:1.4vw;}
 
 .mv_img{width:100%;}
 .cast_box::before{bottom:-12rem;}
 .cast_box::after{bottom:-5rem;}
 .story_area{position:relative;z-index:5;}
 
 
 .movie_contents_text p{font-size:1.2rem;}
 
 .history_main_textbox p{font-size:1.2rem;}
 
 .cast_flex_text p{font-size:1.2rem;}
 
 .faq_item h3{font-size:1.2rem;}
 .faq_item .open_box p{font-size:1.2rem;}
 
}


@media screen and (max-width:767px) {
 
 html {font-size:2vw;}
 
 
 .header_logobox{margin:auto;}
 .header_apply{display:none;}
 
 .mv_frame::before, .mv_frame::after{display:none;}
 
 
 .detail_box{padding:1.5rem 2rem 2.4rem;}
 .detail_wrap{gap:.9rem;max-width: 570px;}
 .detail_inner{margin:auto;width:100%;max-width:570px;}
 .detail_inner dt {padding: .5rem 0 .5rem .1em;}
 .detail_inner dl{font-size: min(2.2rem, 25px);}
 .detail_inner dl.dete dd{padding:.3rem 0 .5rem;}
 .detail_inner dl.dete dd::after{top:-.2rem;}
 .detail_inner dl.venue dd span:nth-child(3){font-size:75%;}
 .detail_apply{display:block;}
 

 .what_bk::before{width:30%;}
 .what_bk::after{width:32%;}
 
 .what_main h2 {font-size: 4rem;}
 .what_text p {font-size:min(20px,1.8rem);line-height:1.8em;font-weight: 800;}
 
 .movie_bk{padding: 4rem 10vw;}
 .movie_h2box h2{width:70%;margin-left: 4%;}
 .movie_h2box::after{right:-3%;width: 30%;}
 .movie_contents_text{padding: 3rem 0 0;}
 .movie_contents_text h3 {font-size:2.9rem;padding-bottom: 2.4rem;}
 .movie_contents_text p {font-size:min(18px,1.85rem);letter-spacing:0.02em;line-height:1.7em;padding-bottom: 2.2em;}
 .movie_contents_text p.attention{font-size:min(23px,2rem);line-height: 1.4em;padding-bottom: 1.6em;}
 
 .movie_contents_text p.h3sub{padding:1rem 0 2rem;}
 .movie_contents_text p.h3sub span:nth-child(1){font-size:3rem;padding-bottom:1rem;}
 .movie_contents_text p.h3sub span:nth-child(2){line-height:1.2em;font-size: min(18px, 1.6rem);}
 
 .movie_contents_text .youtubesub p{font-size:min(16px,1.65rem);}
 
 .movie_related {padding: 3rem 0 3rem;}
 .movie_related h3{padding-bottom:0;}
 .movie_related p{padding-bottom: 1em;}
 .movie_related_list a{filter: drop-shadow(0 0 2px rgba(0,0,0,.45));}
 
 .movie_related_list a img{border-radius: 5px 5px 0 0;}
 .movie_related_list a h4{font-size:1.4rem;border-radius: 0 0 5px 5px;}
 .movie_related_list a h4::after{right: .7rem;width: .4em;}
 
 
 .history_main_bk{padding:4rem 3rem 9vw;background-size: 145%;}
 .history_main_textwrap{padding:0;}
 .history_main_textwrap::after{right: -4rem;}
 .history_main_textbox{padding: 2.5rem 3rem 2rem;}
 .history_main_textbox h2{font-size:2.5rem;padding:0 0 1.5rem;text-align:center;line-height:1.4em;}
 .history_main_textbox p{padding-right:13.4rem;font-size:1.7rem;text-align:justify;}
 .history_main_textbox p.first{padding-right:0;}
 .history_slider_imgline div {width: 120px;}
 
 .cast_box{padding: 4.5rem 3rem 4rem;}
 .cast_contents h2{max-width:140px;}
 .cast_contents h2.h2cast{margin:auto;}
 .cast_flexwrap{padding-top:2rem;gap:2rem;}
 .cast_flex_inner{width:100%;}
 .cast_flex_and{display:none;}
 .cast_flex_inner h3 {font-size: 5.2rem;padding: .9rem 0 .4rem;}
 .cast_flex_h3sub {font-size: 2.2rem;}
 .cast_flex_text p {font-size:min(18px,1.8rem);}
 
 .cast_flex-single_inner{justify-content:center;margin-top:0;}
 .cast_flex-single_img {width:75%;}
 .cast_flex-single_text{width:100%;}
 .cast_flex-single_text h3{padding-top:.6rem;justify-content:center;font-size:1.5rem;}
 .cast_flex-single_text h3 span:nth-child(2) {font-size: 2.6em;}
 .cast_box::before,.cast_box::after {display:none;}
 
 
 .story_box{padding:0 3rem 5rem;}
 .story_50th_box{justify-content:center;}
 .story_50th_img {width:60%;margin-top: -4rem;}
 .story_50th_textbox{display:contents;}
 .story_50th_textbox h2{padding:0;margin-top:-7rem;font-size: 2.9rem;}
 .story_50th_textbox p{font-size:min(18px,1.9rem);padding-bottom: 1.6em;font-weight:800;}
 
 .director_box{margin:0 auto;}
 .director_box{padding:3vw 0 0;}
	.director_wrap{padding:7vw 6vw 3vw;}
	.director_title{gap:5px 10px;}
	.director_name{display:contents;}
	.director_img{width:50px;order:1;margin:0 0 auto;}
	.director_namemain{order:2;}
	.director_name h2{width:100%;font-size:min(26px,2.5rem);order:3;}
 .director_name h2 span{display:block;font-size: 50%;}
	.director_namesub {font-size:1.5rem;}
 .director_name h3{font-size: 3.7rem;}
	.director_text p {font-size:min(16px,1.7rem);padding-bottom: 1.5em;}
 
 
 
 .apply_title{width:100%;border-left: 1.3rem #172441 solid;padding-left:1.1rem;margin: 0 0 .4rem;}
 .apply_title time{padding-bottom:1rem;}
 .apply_title time span{display:block;}
 .apply_title time span:nth-child(1){font-size:1.8rem;font-weight: 800;}
 .apply_title time span:nth-child(2){font-size:1.4rem;font-weight: 600;}
 .apply_title .h2sub {font-size: 2.2rem;line-height: 1.3em;}
 .apply_title h2 {font-size:3.4rem;line-height: 1em;}
 .apply_venue{margin:0 0 0 auto;}
 .apply_venue_icon{width:min(60px,6rem);font-size:min(14px,1.2rem);}
 .apply_venue_text span:nth-child(1){font-size:min(16px,1.4rem);}
 .apply_venue_text span:nth-child(2){font-size:min(24px,2.4rem);}
 
 .apply_mainbox{padding:1rem 0 0;}
 .apply_mainimg{width:100%;}
 .apply_maintext{width:100%;}
 .apply_button_area{justify-content:center;}
 .apply_button_text {font-size: 1.7rem;}
 .apply_button_btn a {font-size:2.3rem;filter: drop-shadow(0 0 2px rgba(0, 0, 0, .45));}
 .apply_comment{margin:auto;width:75%;}
 .apply_program_list h3{font-size:2.5rem;}
 .apply_program_list ul li{font-size: 1.4rem;padding: 0 0 0 3.5rem;}
 .apply_program_list ul li div:nth-child(2){font-size:105%;;}
 .apply_map iframe {height: 230px;}
	
 .faq_main h2{font-size: 3.5rem;}
 .faq_h2sub{font-size:1.8rem;}
 .faq_list{padding:0;}
 .faq_box{padding:5vw 6vw 9vw;}
	.faq_list{padding:6vw 0 0;}
	.faq_item h3 {padding: 1.2rem 1rem 1.2rem 3.4rem;font-size:1.75rem;}
	.faq_item h3::before{top:2.6rem;left:0;}
	.faq_item h3 .toggle_icon {top:1.7rem;right: 0px;height:1em;}
	.faq_item .open_box{padding: 1rem 1rem 1.2rem 3.7rem;font-size:1.6rem;}
 .faq_item .open_box p{font-size:min(16px,1.6rem);}
	.faq_item .open_box::before{left:0;}
 .faq_item h3 .toggle_icon span{width: 1em;}
 .faq_item .open_box ul li{font-size:min(16px,1.6rem);}
 
 .fixed_wrap a i{display:none;}
 .fixed_wrap a:nth-child(1){font-size:2.4rem;padding: .2em 1em;}
 .fixed_wrap a:nth-child(1) svg {width:5rem;}
 .fixed_wrap a:nth-child(2) {font-size:2rem;}
 
 footer {padding-bottom: 7.7rem;}


}