/*
Theme Name: ORIGINAL
*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
	
	

	ul, li{
	list-style:none;
	}



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

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


video{
	width:100%;
	height:auto;
	display:block;
}
	
	
	::selection {
	background-color: #1d2082;
	color:#fff;
	}
	
	
	
	a{
	text-decoration:none;
	color:#1d2082;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	a:hover{
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	
	
	
	.text_border{
	text-decoration:underline;
	}
	
	.font_bold{
	font-weight:bold;
	}
	
	
	p{
	font-size:15px;
	line-height: 150%;
	}
	
	
	
	body {
	color:#1d2082;
	font-family: 'Roboto', "Zen Kaku Gothic New", sans-serif;
	line-height: 160%;
	overflow-x: hidden;
	}
	
	
	/* 共通ページ */
	
	.loading {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	z-index: 999999;
	opacity: 1;
	background: #fff;
	}
	
	
	.loader
	{
	position: absolute;
	display: inline-block;
	top:50%;
	left:50%;
	margin-left:-17px;
	margin-top:-30px;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	border: 2px solid #000;
	border-right-color: transparent;
	-webkit-animation: spin 1s infinite linear;
	-moz-animation: spin 1s infinite linear;
	}
	
	
	@-webkit-keyframes spin
	{
		0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
		50%  { -webkit-transform: rotate(180deg); opacity: 1; }
		100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
	}
	
	@-moz-keyframes spin
	{
		0% { -moz-transform: rotate(0deg); opacity: 0.4; }
		50%  { -moz-transform: rotate(180deg); opacity: 1; }
		100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
	}
	




	#pankuzu{
	
	}
	
	#pankuzu a{
		font-size:9pt;
		letter-spacing:1px;
		
	}
	
#pankuzu span{
	display: inline-block;
	width:8px;
	height:8px;
	background-image:url(images/sign_pankuzu.svg);
	background-size:100% 100%;
	}



	
	
	
#sp_header{
position: fixed;
top: 0;
z-index: 9999;
width:100%;
display:block;
}

#sp_header.active{
-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu{
	position: fixed;
	top: 40px;
	right:20px;
	z-index:9998;
	-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
	transition: 1s cubic-bezier(0.78, .18, .34, .98);
	}


.sub_grand_menu.sub_grand_menu_ani{
position:fixed;
top:0px;
z-index: 9999;
-webkit-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-moz-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-ms-transition: 1s cubic-bezier(0.78, .18, .34, .98);
-o-transition: 1s cubic-bezier(0.78, .18, .34, .98);
transition: 1s cubic-bezier(0.78, .18, .34, .98);
}


.sub_grand_menu .button-navi-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
	margin: 0px 0 0 -15px;
	background: #1d2082;
	border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

.sub_grand_menu .button-navi-icon:after, .sub_grand_menu .button-navi-icon:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 2px;
	background: #1d2082;
	border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.sub_grand_menu .button-navi-icon:before {
margin-top: -10px;
}

.sub_grand_menu .button-navi-icon:after {
margin-top: 9px;
}





.sub_grand_menu_top{
	width: 50px;
	height: 50px;
	overflow:hidden;
	cursor: pointer;
}



.sub_grand_menu_top .sub_menu ul li{
display: inline-block;
padding:0 20px;
}




.sub_grand_menu .button-navi-icon.close:before, .sub_grand_menu .button-navi-icon.close:after {
margin-top: 0;
}

.sub_grand_menu .button-navi-icon.close:after {
margin-left: 0px;
}


.sub_grand_menu_inner{
	
}


.button-navi-icon.close:after {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.button-navi-icon.close:before {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


.button-navi-icon.close {
background: transparent;
}



.button-close{
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0px;
	z-index: -9999;
}



#menu_index{
	position:fixed;
	top: 0;
	right:0;
	width:0%;
	height: 100%;
	z-index: 9997;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	transition: .8s cubic-bezier(0.78, .18, .34, .98);
}

#menu_index.active{
	width:50%;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98);
	transition: .8s cubic-bezier(0.78, .18, .34, .98);
}


.menu_content{
	background:#fff;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 99;
}


.menu_back{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.menu_content_wrap{
	opacity: 0;
	height: 100%;
	padding: 60px 20px 60px 60px;
	display:flex;
	flex-direction: column;
	justify-content: center;
	gap: 20px;
		-webkit-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .2s cubic-bezier(0.78, .18, .34, .98);
	transition: .2s cubic-bezier(0.78, .18, .34, .98);
}

#menu_index.active .menu_content_wrap{
	opacity: 1;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 6s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98) .6s;
}





.menu_box > a{
	font-size:20px;
	font-weight:bold;
}

.menu_box > a span{
	margin-top: 5px;
	font-size: 12px;
	line-height: 120%;
	font-weight: normal;
	display:block;
}

.menu_box.type01{
	display:flex;
	gap:20px;
}

.menu_box.type02 {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.menu_box.type02 > a{
	display:flex;
	gap:20px;
	align-items: center;
}

.menu_box .sub_menu{
	display: flex;
	align-items: center;
	gap: 15px;
}

.menu_box .sub_menu > p{
	font-size:16px;
	font-weight:bold;
}

.menu_box .sub_menu > a {
    font-size: 11px;
    font-weight: bold;
}

.menu_box.sns_menu{
	display:flex;
	align-items: center;
	gap:20px;
}

.menu_box.sns_menu p {
	font-size: 20px;
	font-weight: bold;
}

.menu_box.sns_menu a{
	width:30px;
}




header{
	padding: 35px 0;
}

.header_logo{
	display:flex;
	justify-content: center;
}


.header_logo a{
	width:340px;
}


.header_entry_btn{
	position: fixed;
	right: 85px;
	top: 54px;
	z-index: 9997;
}

.header_entry_btn a{
	font-size:13px;
	font-weight: 600;
	background:#ff0000;
	color:#fff;
	padding: 10px 24px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.header_entry_btn a:hover{
	background:#feb401;
	color:#fff;
}

	.header_entry_btn a span{
	width:15px;
	height: 15px;
	display:inline-block;
	vertical-align: sub;
	margin-right:10px;
	}
	
	
	.header_entry_btn a span .cls-1 {
	fill: #fff;
	}
	
	.header_entry_btn a span .cls-2 {
	fill: #ff0000;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

	.header_entry_btn a:hover span .cls-2 {
	fill: #feb401;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}









.top_movie_circle{
	position:absolute;
	top: -120px;
	left:10%;
	z-index:999;
	width:160px;
	animation: circleRotate 10s linear infinite;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


@keyframes circleRotate {
  0% {
    transform: rotate(0deg);
  }
  9% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.top_movie_circle:hover{
	scale: 1.05;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


footer{
	position: relative;
	margin-top: 100px;
	padding:100px 0;
}


#home footer{
	margin-top: 0px;
}
	
	
.inner{
	max-width:1200px;
	position: relative;
	margin:0 auto;
	padding: 0 80px;
}

.medium_inner{
	max-width:980px;
	position: relative;
	margin:0 auto;
	padding: 0 80px;
}

.short_inner{
	max-width:880px;
	position: relative;
	margin:0 auto;
	padding: 0 80px;
}


.footer_wrap{
	display:flex;
	justify-content: space-between;
	gap: 30px;
}

.footer_left{
	display:flex;
	gap: 40px;
}

.footer_left_sec01{
	width:300px;
}

.footer_copy{
	margin-top: 40px;
}

.footer_copy p{
	text-align:center;
	font-size:13px;
}

.footer_left_sec02{
	display: flex;
	gap: 40px;
}

.footer_menu {
	display: flex;
	flex-direction: column;
	gap: 5px;
}


.footer_menu a{
	font-size: 12px;
	line-height: 150%;
}

.footer_right{
	width: 26%;
}

.footer_sns_t p{
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

.footer_sns_icon{
	margin-top:20px;
	display: flex;
	gap: 22px;
	justify-content: center;
}

.footer_sns_icon > a{
	width:35px;
}

.footer_sns_copy{
	margin-top:40px;
	animation: bounce 2.5s ease-in-out infinite;
}



.grecaptcha-badge{
	bottom:100px!important;
}



/* 共通 */




.sub_title{
	text-align:center;
}

.sub_title p{
	font-size:24px;
	font-weight:bold;
}

.sub_title span{
	font-size:14px;
	display:block;
	margin-top:10px;
}











.btn a:after{
	position: absolute;
	top: 50%;
	right: 15px;
	content:"";
	background-image:url(images/btn_sign.svg);
	width: 20px;
	height: 20px;
	display: inline-block;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}



.btn > a{
	font-size:15px;
	position:relative;
	background:#1d2082;
	border:2px solid #1d2082;
	color:#fff;
	display:block;
	text-align:center;
	text-decoration: none !important;
	padding: 10px 30px;
	font-weight:bold;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.btn > a:hover{
	position:relative;
	background:#fff;
	color:#1d2082;
	
}

.btn a:hover:after{
	right: 20px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}





.btn_big a{
	position: relative;
	background: #1d2082;
	border:2px solid #1d2082;
	color: #fff;
	display: block;
	padding: 50px 30px;
	font-weight: bold;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	
	}


.btn_big a:after {
	position: absolute;
	bottom: 46px;
	right: 32px;
	content: "";
	background-image: url(images/btn_sign.svg);
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}



.btn_big a:hover{
	position:relative;
	background:#fff;
	color:#1d2082;
	
}

.btn_big a:hover:after{
	right: 50px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}









.page_first_sec{
	margin-top:80px;
}




/* COMING  */

#coming{
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.coming_logo p{
	width:400px;
}

.coming_p {
	margin-top:40px;
}

.coming_p p{
	font-size: clamp(30px, 3.4vw, 40px);
	font-weight:bold;
}

.coming_copy{
	margin-top:40px;
}

.coming_copy p{
	font-size: clamp(25px, 2.2vw, 30px);
	line-height:150%;
	text-align:center;
	font-weight:bold;
}

.coming_contact{
	margin-top:40px;
}

.coming_contact .btn > a{
	padding: 10px 100px;
}

.coming_footer{
	margin-top:40px;
}







/* TOPページ */




.top_slide_box{
	position:relative;
}

.top_slide_copy{
	position:absolute;
	width: 100%;
	top:48%;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.top_slide_copy h4{
	font-size:2.8vw;
	line-height: 160%;
	letter-spacing: 1.5px;
	font-family: "Zen Old Mincho", serif;
	font-weight:600;
	text-shadow: #1d2082 1px 0 30px;
	color:#fff;
}



#top_main_banner{
	padding:0 100px;
	margin-top:100px;
}


#top_topics{
	position:fixed;
	z-index:99;
	left:20px;
	bottom:20px;
	width:680px;
}


#top_banner{
	margin-top:50px;
}


.top_b_index{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2px;
    grid-row-gap: 2px;
}


.top_b_index > div{
	position: relative;
	overflow:hidden;
}

.top_b_index > div a:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background:rgba(7,49,144,.3);
}

.top_b_index > div .title{
	position: absolute;
	display:flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	z-index: 9;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top:10px;
}

.top_b_index > div .title p{
	color:#fff;
	font-size: clamp(25px, 1.8vw, 32px);
	line-height: 120%;
	font-weight:bold;
}

.top_b_index > div .title p span{
	margin-top: 8px;
	color: #fff;
	font-size: clamp(14px, 1vw, 22px);
	line-height: 130%;
	letter-spacing: 0px;
	display: block;
	font-weight:bold;
}

.top_b_index > div a img{
		-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.top_b_index > div a:hover img{
	transform: scale(1.12,1.12);
	-webkit-transform:scale(1.12,1.12);
	-moz-transform:scale(1.12,1.12);
	-ms-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);
}





#top_news_sns{
	margin-top:80px;
}


















.main_title h4{
	font-size:28px;
	line-height: 120%;
	color:#1d2082;
}

.main_title h4 small{
	font-size:18px;
	color:#1d2082;
}


.main_title span{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    display: block;
}

#top_news_sns .main_title span{
	margin-top: 10px;
}




.main_title h4 span{
	margin-top: 20px;
	font-size: 13px;
	line-height: 160%;
	letter-spacing: 1.5px;
	display: block;
	font-weight: normal;
}



.top_sb_box .main_title span {
    margin-top: 0px;
    font-size: 14px;
}

.top_sb_box .main_title span small{
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 0;
	display: block;
}


.main_title.center_title {
	text-align: center;
}


.main_note{
	margin-top:40px;
	display: flex;
	justify-content: center;
}


.main_note p{
	font-size: 15px;
	font-weight:bold;
}



	#backto{
	position:fixed;
	z-index:99;
	top:40px;
	left:40px;
	}
	
	#backto > a{
	display: block;
	font-size: 13px;
	line-height: 120%;
	}



#ancher_menu{
	position:fixed;
	z-index:99;
	top:40px;
	left:40px;
	display: flex;
	flex-direction: column;
}

.ancher_menu_sp{
	display:none;
}

.a_menu_list{
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.a_menu_list > a{
	display: block;
	font-size: 14px;
	line-height: 120%;
}





.top_news_sns_wrap{
	display:flex;
	justify-content: space-between;
}







.top_news_sec{
	width:60%;
	display:inline-block;
}








.top_news_index{
	margin-top:20px;
}

.top_news_index > div:first-child{
	border-top:1px solid #1d2082;
}


.top_news_index > div{
	position:relative;
	border-bottom:1px solid #1d2082;
}

.top_news_index > div span.cate{
	position:absolute;
	top:-1px;
	right:0;
	background:#1d2082;
	line-height:100%;
	color:#fff;
	font-size:11px;
	padding:5px 12px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}







.top_news_index > div a{
	padding: 10px 55px 20px 10px;
	display:block;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.top_news_index > div a.no_link{
	pointer-events: none;
}

.top_news_index > div a:hover{
	background:#EBEBEB;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.top_news_index > div a.no_link:hover{
	background:#fff;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}

.top_news_index > div.top_news_button{
	border-bottom:none;
}

.top_news_index > div.top_news_button a:hover{
	background:none;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.top_news_index > div .date p{
	font-size: 9pt;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 140%;
	color: #848484;
}

.top_news_index > div .title p{
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 120%;
    text-align: justify;
}


.top_news_button{
	text-align:center;
}

.top_news_button a{
	padding: 20px 0;
	font-size: 14px;
	display:block;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	
}

.top_news_button a:hover{
	background:#EBEBEB;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.top_news_button span{
	display:inline-block;
	vertical-align: middle;
	margin-left:10px;
	position: relative;
}

.top_news_button span .sign{
	fill:#1d2082;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}



.top_news_button:hover span .sign{
	fill:#888;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


#top_news_sns .line{
	width:1px;
	height: auto;
	background:#1d2082;
}




.top_sns_sec{
	width:30%;
}



.top_sns_banner{
	margin-top:20px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.top_sns_banner > div{
	width:100%;
}

.top_sns_banner > div span{
	width:30px;
	display:block;
}

.top_sns_banner > div a{
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 16px;
	font-weight: bold;
	background: #1d2082;
	color: #fff;
	padding: 20px;
	height: 100px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

.top_sns_banner > div a:hover{
	background: #feb401;
	color: #fff;
}


.top_sns_copy{
	margin-top:30px;
	animation: bounce 2.5s ease-in-out infinite;
}


@keyframes bounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }

  90% {
    transform: translateY(-10px);
  }

  95% {
    transform: translateY(-6px);
  }
}



.qa_banner_sec{
	margin-top:50px;
}

.qa_banner_sec .main_title{
	margin-bottom:10px;
}

.qa_banner_sec .top_sns_banner{
	margin-top:0px;
}

.qa_banner_sec .top_sns_banner > div a {
	border:none;
	height: 60px;
	justify-content: center;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.qa_banner_sec .top_sns_banner > div a:hover {
}



.top_sns_banner.volunteer_btn > div a {
	display: flex;
	justify-content: center;
	align-items: center;
    font-size: 16px;
    font-weight: bold;
	background: #ff0000;
	border: 2px solid #ff0000;
    color: #fff;
    padding: 20px;
    height: 60px;
    border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
}












#top_supporter{
	margin-top: 120px;
}


.top_supporter_wrap{
	display: flex;
	flex-direction: column;
	gap: 80px;
	padding:100px 0;
	border-top:1px solid #1d2082;
	border-bottom:1px solid #1d2082;
}


.top_sb_box .main_title {
	display:flex;
	align-items: center;
	gap:30px;
	margin-bottom:0;
}

.top_sb_index{
	margin-top:20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.top_sb_box.type01 .top_sb_index{
	margin-top:40px;
	grid-row-gap: 20px;
}

.top_sb_box.type02 .top_sb_index{
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.top_sb_box.type03 .top_sb_index{
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.top_sb_index > div{
	position:relative;
}

.top_sb_index > div > h4{
	font-size:16px;
	margin-bottom:15px;
}

.top_sb_index > div img{
	border:1px solid #f0f0f0;
}


.top_sb_index > div a:hover{
	opacity:0.6;
}





.top_sb_index > div span{
	font-size: 10px;
    line-height: 100%;
    display: inline-block;
    letter-spacing: 0;
    background: #1d2082;
    color: #fff;
	padding: 7px 12px 6px;
	top: -23px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.top_sb_index > div p{
	font-size:11px;
	line-height: 120%;
	display: block;
    margin-top: 8px;
}



.top_sb_box_other {
	display:flex;
	gap:40px;
}

.top_sb_box_other > div{
	display:flex;
	gap:20px;
	align-items: baseline;
}


.top_sb_box_other > div .title p{
	font-size:13px;
	font-weight:bold;
}

.top_sb_box_other > div .note a{
	font-size:13px;
	display:block;
}










#page_main_img_sec{
	position:relative;
	height: 460px;
	background-size: cover;
	background-position: center center;
}

#page_main_img_sec:after{
	content:"";
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(7,49,144,.6);
}


.page_main_title{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
    z-index: 99;
}

.page_main_title_wrap{
	text-align:center;
}

.page_main_title_wrap p{
	font-size:55px;
	line-height: 100%;
	font-weight:bold;
	color:#fff;
}

.page_main_title_wrap span{
	color:#fff;
	margin-top: 10px;
	display: block;
	font-size:20px;
	letter-spacing:1px;
	font-weight:bold;
}




.main_title{
	margin-bottom:40px;
}

.main_title p{
	text-align:center;
	font-size:22px;
	font-weight:bold;
}




 



.about_title h4{
	text-align:center;
	font-size:30px;
	line-height:180%;
}


.about_title h4 span{
	background-image: linear-gradient(rgba(254, 180, 1, 1), rgba(254, 180, 1, 1));
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size:0% 10px;
}

.about_title.active h4 span{
	background-size: 100% 10px;
	-webkit-transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .8s;
	-moz-transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .8s;
	-ms-transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .8s;
	-o-transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .8s;
	transition: 1.2s cubic-bezier(0.78, .18, .34, .98) .8s;
}

.about_note p{
	margin-top:40px;
}


.about_note p{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height: 200%;
}













.about_movie{
	margin-top:40px;
	position: relative;
}




.movie_player{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

.play_btn{
	position:absolute;
	z-index:99;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:  translate(-50%, -50%);
	-o-transform:  translate(-50%, -50%);
	-ms-transform:  translate(-50%, -50%);
}


.play_btn span{
	border:1px solid #fff;
	display:block;
	width: 90px;
	height: 90px;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.movie_player a:hover .play_btn span{
	width: 105px;
	height: 105px;
		-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}



.play_btn span:after {
	content:"";
	position:absolute;
	top:50%;
	left:52%;
	background-image:url(images/player_on.svg);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
			-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
}


.movie_player a:hover  .play_btn span:after {
	width:23px;
	height:23px;
	-webkit-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .4s cubic-bezier(0.78, .18, .34, .98);
	transition: .4s cubic-bezier(0.78, .18, .34, .98);
	}


.play_btn span:before {
	content:"Play Movie";
	position:absolute;
	bottom:-32px;
	font-size:13px;
	color:#fff;
	width:100%;
	text-align:center;
}




.about_nation_list{
	margin-top:25px;
	display: flex;
	justify-content: center;
	}

.about_nation_btn{
	width: calc((100% - 100px) / 3);
}



.about_area_btn{
	margin-top:80px;
}




.about_area_btn_index{
	margin-top: 30px;
	display:flex;
	flex-direction: column;
	gap: 25px;
	}

.about_area_btn_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.about_area_btn_list > div{
	width: calc((100% - 100px) / 3);
}


.about_line{
	width:100%;
	height:1px;
	background:#1d2082;
	margin-top:80px;
}


.about_os_btn{
	margin-top:60px;
	text-align:center;
}


.about_os_btn .btn a{
	padding: 10px 80px;
	display:inline-block;
}

.about_os_btn p{
	margin-top:20px;
	font-size:14px;
	line-height:160%;
}





#page_about_statment{
		margin-top:120px;
}


.statement_title  h4{
	text-align:center;
	font-size:32px;
}

.statement_note {
	margin-top:40px;
}

.statement_note p{
	text-align:center;
	font-size:18px;
	font-weight: bold;
	line-height:160%;
}



	.about_title h4{
		text-shadow: #fff 1px 0 8px;
	}
		
	.about_note p{
		text-shadow: #fff 1px 0 8px;
	}
	
	
	#page_about_statment{
		position:relative;
	}
	
	.page_about_statment_wrap{
		position:relative;
		width: 100%;
		max-width:1400px;
		margin:0 auto;
	}
	
	
	.statement_detail {
		position: relative;
		z-index: 99;
	}
		
	.state_img{
		position:absolute;
		z-index: -9;
		opacity:0;
	}
	
	#page_about_statment.active .state_img{
		opacity:1;
	}
		
	.state_img img{
		
		}
		
	
	.statement_img01{
		top:0;
		left:8%;
		width:22%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1s;
	}
	
	.statement_img02{
		top: 30%;
		left:0%;
		width:18%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.2s;
	}
	
	.statement_img03{
		top: 50%;
		left:10%;
		width:16%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.4s;
	}
	
	.statement_img04{
		top: 90%;
		left:2%;
		width:19%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.6s;
	}
	
	
	
	.statement_img06{
		top: -4%;
		right:11%;
		width:23%;
		z-index:9;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1s;
	}
	
	.statement_img07{
	top: 10%;
	right: 8%;
	width: 18%;
	-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.2s;
	transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.2s;
	}
	
	.statement_img08{
		z-index:9;
		top: 58%;
		right: -2%;
		width: 22%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.4s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.4s;
	}
	
	.statement_img09{
		top: 85%;
		right: 0%;
		width: 28%;
		-webkit-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-moz-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-ms-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		-o-transition: .8s cubic-bezier(0.78, .18, .34, .98) 1.6s;
		transition: .8s cubic-bezier(0.78, .18, .34, .98)  1.6s;
	}
	





















.entry_btn_w{
	margin-top:60px;
	display:flex;
	gap:40px;
}

.entry_btn_w > div{
	width:100%;
}


.btn_big a {
	font-size:20px;
	line-height: 150%;
}

.btn_big a span{
	font-size:28px;
}

















/* HISTORY */

#page_history_top{
	margin-top:80px;
}

.history_banner_list{
	display: flex;
	flex-direction: column;
	gap:15px;
}

.history_banner a{
	overflow:hidden;
	display:flex;
	background:#1d2082;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.history_banner a .date{
    width: 26%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 30px;
}

.history_banner a .date:after{
    content: "";
    background-image: url(images/btn_sign.svg);
    width: 35px;
    height: 35px;
    display: block;
    -webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    transition: .3s cubic-bezier(0.78, .18, .34, .98);
}

.history_banner a:hover .date:after{
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}



.history_banner a .date p{
	font-size:32px;
	font-weight:bold;
	color:#fff;
}

.history_banner a .date p span{
	font-size:22px;
}


.history_banner a .bimg{
	overflow: hidden;
	width:74%;
}


.history_banner a .bimg img{
	-webkit-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}


.history_banner a:hover .bimg img{
	transform: scale(1.12,1.12);
	-webkit-transform:scale(1.12,1.12);
	-moz-transform:scale(1.12,1.12);
	-ms-transform:scale(1.12,1.12);
	-o-transform:scale(1.12,1.12);
}






.national_box{
	text-align:center;
}

.national_title p {
	font-size: 32px;
	font-weight: bold;
}

.national_title p span{
	font-size: 22px;
}

.national_btn{
	margin-top:20px;
}



.national_btn .btn a{
	padding: 10px 140px;
	display:inline-block;
}


.history_detail_title_wrap p{
	color:#fff;
	text-align:center;
		font-weight:bold;
}

.history_detail_title_wrap .number p{
	font-size:28px;
}

.history_detail_title_wrap .year{
	margin-top:15px;
}

.history_detail_title_wrap .year p{
	font-size:38px;
}

.history_detail_title_wrap .year p span{
	font-size:26px;
}

.history_detail_title_wrap .date{
	margin-top:20px;
}

.history_detail_title_wrap .date p{
	font-size:24px;
}

.history_detail_title_wrap .place{
	margin-top:10px;
}

.history_detail_title_wrap .place p{
	font-size:20px;
}






.award_list01{
	display:flex;
	flex-direction: column;
	gap: 80px;
}

.award_icon{
	text-align:center;
}

.award_icon p{
	width:70px;
	display:inline-block;
}

.award_title{
	margin-top: 20px;
}

.award_title p{
	text-align:center;
	font-size: 25px;
	font-weight:bold;
}

.award_thum{
	position:relative;
	margin-top:20px;
}

.award_name{
	margin-top:20px;
}

.award_name p{
	font-size: 25px;
	line-height: 120%;
	font-weight:bold;
}

.award_note{
	margin-top:20px;
	text-align:center;
}


.award_note p{
	font-size: 14px;
	line-height: 150%;
	font-weight:bold;
}

.award_list02 .award_note p{
	text-align:left;
	font-size: 14px;
}

.award_score{
	margin-top:10px;
}

.award_score p{
	font-size:16px;
	font-weight:bold;
}



.award_list02{
	margin-top: 100px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 50px;
}

.award_list02 .award_box{
	display: flex;
	align-items: center;
	gap:30px;
}

.award_list02 .award_box .award_box_left{
width:35%;
}

.award_list02 .award_box .award_thum{
width:65%;
}

.award_list02 .award_title {
    margin-top: 0px;
}

.award_list02 .award_thum {
    margin-top:0px;
}

.award_list02 .award_title p {
	text-align: left;
	font-size: 22px;
}


.award_list02 .award_name {
}


.award_list02 .award_name p {
	font-size: 18px;
	font-weight: bold;
}


.award_list02 .award_note {
    margin-top: 20px;
}






.competing_sec{
	margin-top:80px;
}


.competing_main_title p{
	font-size:16px;
	font-weight:bold;
}

.competing_main_title p:before{
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background:#1d2082;
	vertical-align: sub;
	margin-right:10px;
	    border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}



.competing_list{
	margin-top:20px;
	border-top:1px solid #1d2082;
}



.competing_list > div{
	display:flex;
	justify-content: space-between;
	border-bottom:1px solid #1d2082;
	padding:12px 0;
	gap: 5px;
}

.competing_list > div.title{
	font-weight:bold;
}

.competing_list > div > div{
	font-size:14px;
}

.competing_list > div .c01{
	width:8%;
}

.competing_list > div .c02{
	width:40%;
}

.competing_list > div .c03{
	width:20%;
}

.competing_list > div .c04{
	width:22%;
}

.competing_list > div .c05{
	width:10%;
}



.competing_list {
	counter-reset: number;
}

.competing_list > div:not(.title) {
	counter-increment: number;
}

.competing_list > div:not(.title) .c01::before {
	content: counter(number);
}

.competing_sec_area .competing_list .c01 {
	width: 5%;
	    line-height: 150%;
}

.competing_sec_area .competing_list .c02 {
	width: 95%;
	line-height: 150%;
}



.competing_b {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 50px;
}

.competing_b.column02 {
	grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 50px;
}





.competing_list.osc_entry_list > div .c02 {
    width: 10%;
}

.competing_list.osc_entry_list > div .c03 {
    width: 40%;
}

.competing_list.osc_entry_list > div .c04 {
    width: 25%;
}

.competing_list.osc_entry_list > div .c05 {
    width: 25%;
}




.primary_sec{
	margin-top:80px;
}

.primary_main_title p{
	font-size: 16px;
	font-weight: bold;
}


.primary_main_title p:before{
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background:#1d2082;
	vertical-align: sub;
	margin-right:10px;
	    border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.primary_b{
	margin-top:20px;
}

.primary_list {
	
}

.primary_sub_title{
	margin-bottom:10px;
}

.primary_sub_title p{
	font-weight:bold;
}

.primary_list ol {
	list-style: decimal;
	padding-left: 10px;
}

.primary_list li{
	font-size:13px;
	line-height:160%;
}

.primary_list li::marker {
	content: counter(list-item) " ";
}





/* NEWS */


.news_single_content .title h4{
	font-size: 18px;
}


.news_single_content .date{
	margin-top:10px;
}


.news_single_content .detail{
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-top:30px;
}

.news_single_content .detail .note p{
	font-size:15px;
	line-height: 168%;
	text-align: justify;
}

.news_single_content .detail .note a{
	text-decoration:underline;
}

/* NEWS FORMAT */



.pos_center{
	display:flex;
	justify-content: center;
}


.pos_center > div{
	display:inline-block;
}


.news_img02{
	display:flex;
	gap:20px;
}


.news_img02 > div{
	width:50%;
}

.news_img p, .news_img02 p{
	font-size:13px;
	line-height:150%;
	margin-top:10px;
}




.news_single_content .detail .note p iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
}





#pagenav{
	margin-top:40px;
	text-align:center;
}



.wp-pagenavi a, .wp-pagenavi span {
	border:none!important;
    padding: 3px 5px;
    margin: 2px;
}

.wp-pagenavi span.current{
	font-weight:normal!important;
	border-bottom:1px solid #1d2082!important;
}

















.faq_list{
	margin-top:50px;
	display: flex;
	flex-direction: column;
	gap: 80px;
}


.faq_main p{
	position:relative;
	font-size:16px;
	font-weight:bold;
}

	

.faq_index{
	border-top:1px solid #1d2082;
	margin-top:20px;
}

.faq_box{
	position:relative;
	padding:20px 0;
	border-bottom:1px dashed #1d2082;
}

.faq_box:last-child{
	border-bottom:none;
}


.faq_box:after{
	content:"";
	position:absolute;
	background-image:url(images/sign_qa.svg);
	background-size:100% 100%;
	width:15px;
	height:15px;
	right:0;
	top:25px;
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    -o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
    transition: .3s cubic-bezier(0.78, .18, .34, .98);
}

.faq_box.active:after{
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-webkit-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .3s cubic-bezier(0.78, .18, .34, .98);
	transition: .3s cubic-bezier(0.78, .18, .34, .98);
}


.faq_box a{
	text-decoration:underline;
}

.qa_q, .qa_a{
	position:relative;
}

.qa_q{
	cursor: pointer;
}

.qa_q p{
	font-size:15px;
	font-weight:bold;
	padding:0 40px;
}

.qa_a{
	margin-top:20px;
	display:none;
}

.qa_a p{
	font-size:15px;
	padding:0 40px;
}

.qa_q:before{
	content:"";
	position:absolute;
	top:-3px;
	left:0px;
	background-image:url(images/qa_q.svg);
	width:30px;
	height:30px;
}


.qa_a:before{
	content:"";
	position:absolute;
	top:-3px;
	left:0px;
	background-image:url(images/qa_a.svg);
	width:30px;
	height:30px;
}



/*エントリー*/


.entry_list{
	margin-top:80px;
	display:flex;
	flex-direction: column;
	gap:50px;
}

.entry_sec .outline_title {
	margin-bottom: 10px;
}

.entry_index{
	padding:20px 0;
	border-top:1px solid #1d2082;
	border-bottom:1px solid #1d2082;
	display: flex;
	gap:30px;
	font-size:13px;
	line-height:180%;
}

.entry_index > div{
	width:100%;
}


.entry_bottom_btn{
	margin-top:80px;
}








/*大会概要*/


.outline_title {
	margin-bottom:30px;
}

.outline_title p{
	font-size: 18px;
	font-weight: bold;
}

.outline_title p:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #1d2082;
    vertical-align: sub;
    margin-right: 10px;
    border-radius: 333px;
    -webkit-border-radius: 333px;
    -moz-border-radius: 333px;
}


.outline_sec{
	margin-top:80px;
}

.osc_top_btn{
	margin-top:8px;
	display:flex;
	gap:8px;
}

.osc_top_btn > div{
	width:100%;
}

#osc_sec01{
	margin-top:60px;
	border-top:1px solid #1d2082;
	padding:30px 0 0;
}

#osc_sec01 .outline_note{
	margin-top:20px;
}

.osc_outline > div{
	display:flex;
	border-bottom:1px solid #1d2082;
}

.osc_outline > div:last-child{
	border-bottom:none;
}

.osc_outline > div .title{
	width:20%;
	padding:20px 20px 20px 0;
	border-right: 1px solid #1d2082;
}

.osc_outline > div .title p{
	font-weight:bold;
}

.osc_outline > div .note{
	width:80%;
	padding:20px 0px 20px 20px;
}

.osc_outline > div .note a{
	text-decoration:underline;
}


.osc_tune{
	margin-top:40px;
}

.osc_tune_title{
	margin-bottom:10px;
}

.osc_tune_title p{
	font-size: 16px;
	font-weight:bold;
	text-align: center;
}

.tune_logo{
	text-align:center;
}

.tune_logo p{
	display:inline-block;
	width:250px;
	border:1px solid #f0f0f0;
}

.tune_note{
	margin-top:20px;
}



#osc_sec05 .osc_outline > div .title{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

	#osc_sec05 .osc_outline > div .note p b {
	display: block;
		}


#single_outline .main_title {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

#single_outline .main_title h4{
	font-size:26px;
	line-height:130%;
}





.download_pdf{
	display: flex;
	flex-direction: column;
	gap: 8px;
}



.download_pdf div a{
	background:#feb401;
	border: none;
	color: #1d2082;
	padding:10px 40px 10px 15px;
	display:block;
	font-size: 15px;
	font-weight: 600;
	text-align:center;
	border-radius: 333px;
	-webkit-border-radius: 333px;
	-moz-border-radius: 333px;
}

.download_pdf div a:hover{
	background:#1d2082;
	color:#fff;
}


.other_btn{
	display: flex;
	gap: 8px;
	margin-top: 8px;
}

.other_btn > div{
	width:100%;
}







.outline_sec{
	margin-top:80px;
}


.outline_list{
	margin-top:30px;
	display:flex;
	flex-direction: column;
	gap:30px;
}


.outline_stitle p{
	font-size:16px;
	font-weight:bold;
}


.outline_sch{
	display:flex;
	flex-direction: column;
	gap: 50px;
	padding:40px 0;
	border-top:1px solid #1d2082;
	border-bottom:1px solid #1d2082;
}

.outline_sch_box{
	display:flex;
	align-items: baseline;
	gap:30px;
	position:relative;
}


.outline_sch_box:after{
    content: "";
    position: absolute;
    background: #1d2082;
    width: 1px;
    height: 100%;
	bottom: -37px;
    left: 9px;
}

.outline_sch_box:last-child:after{
display:none;
}


.outline_sch_box .title{
	width:35%;
	padding-left: 30px;
	position:relative;
}

.outline_sch_box .title:before{
	content: "";
	position: absolute;
	top: 6px;
	left:3px;
	width: 14px;
	height: 14px;
	display: inline-block;
	background: #1d2082;
	vertical-align: sub;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}



.outline_sch_box .note{
	width:65%;
}


.outline_sch_box.c_blue_light .title:before{
	background: #00aaee;
}

.outline_sch_box.c_green .title:before{
	background: #22bb22;
}


.outline_sch_box.c_orange .title:before{
	background: #e28327;
}


.outline_sch_box.c_blue .title:before{
	background: #1d2082;
}

.outline_sch_box.c_red .title:before{
	background: #ff0000;
}

.outline_sch_box.c_yellow .title:before{
	background: #feb401;
}



.outline_sch_box .title p{
	font-size: 18px;
	font-weight:bold;
}

.outline_sch_box .stitle p{
	font-size: 15px;
}

.outline_sch_box .title p span{
	font-size:13px;
}

.outline_sch_box .title .stitle{
	margin-top:10px;
}

.outline_sch_box .title .stitle p small{
	line-height:120%;
	display: inline-block;
}


.outline_stitle {
	border-bottom: 1px solid #1d2082;
	padding-bottom:10px;
}

.outline_list.include_sub {
	gap: 0px;
}





.point_colum .osc_outline > div.first {
	background:#1d2082;
	color:#fff;
	text-align:center;
}

.point_colum .osc_outline > div.first > div {
	border-right: 1px solid #fff;
	padding-top:10px;
	padding-bottom:10px;
		justify-content: center;
}

.point_colum .osc_outline > div.first > div:last-child {
	border-right: none;
}



.point_colum .osc_outline > div .title {
	width: 22%;
	padding: 10px;
	border-right: 1px solid #1d2082;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.point_colum .osc_outline > div .note {
	width: 68%;
	padding: 10px;
	border-right: 1px solid #1d2082;
	display: flex;
	align-items: center;
}

.point_colum .osc_outline > div .point {
    width: 10%;
	padding: 10px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}


.point_colum_warning{
	margin-top:20px;
}



.total{
	margin-top:30px;
	text-align: center;
}

.total p{
	text-align:center;
	font-size:26px;
	font-weight:bold;
	display: inline-block;
	border: 1px solid #1d2082;
	border-radius: 50%;
	padding: 10px 50px;
}













.final_date{
	margin-top:40px;
}



.final_date p{
	text-align: center;
	font-weight:bold;
	font-size: 30px;
	line-height: 100%;
}

.final_date p span{
	display:block;
	text-align: center;
	font-weight:bold;
	font-size: 16px;
	line-height: 150%;
	margin-bottom:10px;
}

.final_date p small{
	font-size: 22px;
}


.final_date_btn{
	display: flex;
	gap: 20px;
	margin-top: 20px;
	justify-content: center;
}


.final_date_btn > div{
	width:100%;
}

.final_sch{
	margin-top:100px;
}




.final_youtube{
	margin-top:120px;
}

.final_youtube_title {
	margin-bottom:20px;
}

.final_youtube_title p{
	font-size: 22px;
	font-weight:bold;
	text-align:center;
}

.final_youtube_btn{
	margin-top:20px;
}


.final_youtube_warning{
	margin-top:20px;
}

.final_youtube .youtube_iframe {
	margin-top:40px;
}

.youtube_iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

.youtube_iframe iframe {
  width: 100%;
  height: 100%;
}









#volunteer_sec01{
	margin-top:50px;
}


.volunteer_area_list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.volunteer_area_index{
	display: flex;
	flex-direction: column;
	gap: 20px;
}


.volunteer_area_box{
	background: #f0f0f0;
	border:1px solid #1d2082;
	padding:30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.volunteer_area_box .title{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #1d2082;
}

.volunteer_area_box .title p{
	font-size:16px;
	font-weight:bold;
}

.volunteer_area_box .place p{
	font-size:16px;
	font-weight:bold;
}

.volunteer_area_box .note{
	margin-top:20px;
}


.volunteer_flow .outline_sch_box .title {
	width: 20%;
}

.volunteer_flow .outline_sch_box .note {
	width: 80%;
}





		#volunteer_img_scroll{
	overflow: hidden;
	}
	
		.img_scroll {
			display: flex;
			align-items: center;
			width: max-content;
			animation: infinity-scroll 35s linear infinite;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
		.img_scroll > div {
			width: calc(100vw / 2);
			padding:0 8px;
		}
	
	
	
		@keyframes infinity-scroll {
			from {
				transform: translateX(0%);
			}
			to {
				transform: translateX(-50%);
			}
		}
		
		


#results_movie01{
	margin-top:30px;
}

.results_list{
	display:flex;
	flex-direction: column;
	gap: 20px;
}

.results_movie_list .point_colum .osc_outline {
    border: 1px solid #1d2082;
}

.results_movie_list .point_colum .osc_outline > div.first > div {
    justify-content: center;
}

.results_movie_list .point_colum .osc_outline > div.first > div:last-child {

}

.results_movie_list .point_colum .osc_outline > div > div {
	width:80%;
	justify-content: left;
}

.results_movie_list .point_colum .osc_outline > div > div:last-child {
	width: 20%;
	justify-content: center;
}



.results_area_list .point_colum .osc_outline {
    border: 1px solid #1d2082;
}

.results_area_list .point_colum .osc_outline > div.first > div:last-child {
    justify-content: center;
}

.results_area_list .point_colum .osc_outline > div > div {
	width:20%;
	justify-content: center;
}

.results_area_list .point_colum .osc_outline > div > div:last-child {
	width: 80%;
	justify-content: left;
	border-left: 1px solid #1d2082;
	border-right:none;
}




.results_area_list .point_colum .osc_outline > div:not(.first) {
    counter-increment: number;
}

.results_area_list .point_colum .osc_outline > div:not(.first) .point p::before{
	content: counter(number);
}






.results_box.open .btn > a {
    background: #fff;
	color: #1d2082;
}



.results_box.open .btn a:after {
	display: inline-block!important;
	transform-origin: center center;
	transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-webkit-transform:translateY(-50%) rotate(90deg);
}



.t_results .award_list01{
	margin-top:40px;
}
.t_results .award_list01 {
    gap: 40px;
}



#results_osc_first_list{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #1d2082;
	text-align: center;
}

.results_osc_first_box{
	padding-bottom: 20px;
	border-bottom: 1px solid #1d2082;
}

.results_osc_first_box .title p{
	font-size:16px;
	font-weight:bold;
}

.results_osc_first_box .note{
	margin-top:10px;
}





#results_osc_final_top{
	margin-top:80px;
}


#results_osc_final_top .youtube_iframe{
	margin-top:40px;
}

#results_osc_final_top .results_box{
	margin-top:40px;
}

#results_osc_final_comment{
		margin-top:80px;
}


.comment_list {
  position: relative;
}

.comment_box {
  position: absolute;
  box-sizing: border-box;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.comment_box .detail{
	margin-top:20px;
}

.comment_box .detail .title p{
	font-size:18px;
	font-weight:bold;
}


.comment_box .detail .note{
	margin-top:10px;
}


#results_osc_final_bottom{
	margin-top:80px;
}



.results_osc_final_list{
	margin-top:40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 60px;
}


.results_osc_final_box .movie{
	
}



.results_osc_final_box .title{
	margin-top:10px;
}

.results_osc_final_box .title p{
	font-size:18px;
	font-weight:bold;
}

.results_osc_final_box .note{
	margin-top:10px;
}


.results_osc_final_box .results_box{
	margin-top:10px;
}











/* お問い合わせ */



.contact_btn_w{
	display: flex;
	gap:20px;
}

.contact_btn_w > div{
	width: 100%;
}

.contact_form{
	margin-top:40px;
}

.form_list{
	display: flex;
	flex-direction: column;
	gap: 30px;
}


.form_box{
	width:100%;
}

.form_title{
	font-size:13px;
	font-weight:bold;
}

.form_title span{
	font-size:11px;
	vertical-align: text-bottom;
	color:#ff0000;
}

.form_radio{
	font-size:13px;
	font-weight:bold;
}


.form_box input[type="text"], .form_box input[type="tel"], .form_box input[type="email"] { 
	font-size: 13px;
    border: 1px solid #16308a;
    padding: 10px 10px;
    width: 100%;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}


	.form_box textarea {
	border: 1px solid #16308a;
    font-size: 13px;
    color: #000;
    outline: none;
    padding: 10px 10px;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

	
.form_btn{
	margin-top:20px;
}


.form_btn input[type="submit"] {
    font-family: "zen-old-mincho", sans-serif;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 13px;
    outline: none;
    width: 100%;
    background-color: transparent;
    background: #16308a;
    padding: 10px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}

.form_btn input[type="button"] {
    font-family: "zen-old-mincho", sans-serif;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 14px;
    outline: none;
    width: 100%;
    background-color: transparent;
    background: #16308a;
    padding: 10px 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    -o-transition: 0.4s cubic-bezier(.42, 0, .58, 1);
    transition: 0.4s cubic-bezier(.42, 0, .58, 1);
}


.form_box .wpcf7-not-valid-tip {
	color:#ff0000;
    font-size: 11px;
}


.form_box .wpcf7-radio{
	display: flex;
}

.form_box .wpcf7-list-item {
	display: flex;
	align-items: center;
	gap:4px;
	margin:0;
	margin-right:10px;
}



.form_box_2column{
	display:flex;
	gap: 20px;
}



.contact_btn_flow{
    position: fixed;
    z-index: 99;
    right: 30px;
    bottom: 30px;
}


.contact_btn_flow{
    position: fixed;
    z-index: 99;
    right: 30px;
    bottom: 30px;
}

.contact_btn_flow .btn > a {
	padding: 10px 50px 10px 30px;
}







.sp_img{
	display:none!important;
}







@media screen and (max-width: 834px) {
	
	
	
	
	
	.header_entry_btn {
		display:none;
	}
	
	.top_movie_circle {
		left: 3%;
	}
	
	#menu_index.active {
		width: 65%;
	}
	
	
	.footer_left_sec01 {
		width: 32%;
	}
	
	
	.footer_copy p {
		font-size: 12px;
	}
	
	
	.inner {
		padding: 0 40px;
	}
	
	.medium_inner {
		padding: 0 40px;
	}
	
	.short_inner {
		padding: 0 40px;
	}
	
	
	
	.top_news_sec {
		width: 54%;
	}
	
	.top_sns_sec {
		width: 40%;
	}
	
	
	
	.top_news_index > div:nth-last-child(2),.top_news_index > div:nth-last-child(3),.top_news_index > div:nth-last-child(4){
		display:none;
	}
	
	.about_area_btn_list {
		flex-direction: column;
	}
	
	.about_area_btn_list > div {
		width: 100%;
	}
	
	
	.national_btn .btn a {
		width: 100%;
	}
	
	.about_os_btn .btn a {
		width: 100%;
	}
	
	
	
	
	
	
	
	
	


}





@media screen and (max-width: 764px) {
	
	
	
	
img{
width:100%;
height:auto;
}



.sp_img{
display:block!important;
}

.pc_img{
display:none!important;
}
	
	
	
	p {
		font-size: 14px;
	}
	
	
	header {
		padding: 20px 20px;
	}
	
	
	.sub_grand_menu {
		top: 16px;
		right: 12px;
	}
	
	.sub_grand_menu .button-navi-icon:before {
		margin-top: -8px;
	}
	
	.sub_grand_menu .button-navi-icon:after {
		margin-top: 7px;
	}
	
	#menu_index.active {
		width: 100%;
	}
	
	.menu_content_wrap {
		padding: 80px 20px 60px 20px;
		gap: 30px;
		justify-content: flex-start;
	}
	
	.menu_box > a {
		font-size: 18px;
		line-height: 100%;
	}
	
	.menu_box > a span {
		margin-top: 5px;
		font-size: 10px;
	}
	
	.menu_box.type02 {
		gap: 12px;
	}
	
	.menu_box.type02 > a span {
		margin-top: 0px;
	}
	
	.menu_box.type02 > a {
		gap: 10px;
	}
	
	.menu_box.sub_menu > a {
		font-size: 10px;
	}
	
	.menu_box.sns_menu p {
		font-size: 16px;
	}
	
	
	.header_entry_btn {
		position: fixed;
		right: 0;
		top: auto;
		bottom: 40px;
		z-index: 9997;
		width: 100%;
		padding: 0 20px;
		text-align: center;
	}
	
	
	.header_entry_btn a {
		display:block;
	}
	
	
	
	.header_logo {
		justify-content: flex-start;
	}
	
	
	.header_logo a {
		width: 60%;
	}
	
	
	footer {
		margin-top: 50px;
		padding: 50px 0 80px;
	}
	
	.footer_wrap {
		flex-direction: column;
		gap: 40px;
	}
	
	.footer_left {
		flex-direction: column;
	}
	
	.footer_left_sec01 {
		width: 100%;
	}
	
	.footer_left_sec02 {
		gap: 20px;
		justify-content: space-between;
	}
	
	
	.footer_right {
		width: 100%;
		padding: 0 40px;
	}
	
	
	
	
	.footer_sns_t p {
		font-size: 24px;
	}
	
	
	.footer_copy p {
		font-size: 13px;
	}
	
	
	.top_movie_circle {
        top: auto;
        bottom: -40px;
        left: auto;
        right: 8px;
        width: 105px;
	}
	
	
	
	
	.inner {
		padding: 0 30px;
	}
	
	
	.medium_inner {
		padding: 0 30px;
	}
	
	.short_inner {
		padding: 0 30px;
	}
	
	
	.top_sb_box .main_title {
		align-items: flex-end;
		gap: 18px;
	}
	
	.top_sb_box .main_title span small{
		font-size: 11px;
	}
	
	.main_title h4 {
		font-size: 26px;
	}
	
	.main_title span {
		font-size: 16px;
		margin-top: 5px;
		line-height: 150%;
	}
	
	
	
	
	.main_note p {
		font-size: 14px;
	}
	
	
	
	
	
	
	#coming {
		padding:100px 40px;
	}
	
	.coming_logo p {
		width: 100%;
	}
	
	.coming_copy p {
		font-size:16px;
		line-height: 150%;
	}
	
	.coming_contact .btn > a {
		padding: 10px 10px;
	}
	
	.coming_contact {
		margin-top: 30px;
		width: 100%;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	#backto{
		top: 80px;
		left: auto;
		right: 22px;
		text-align: right;
		display:block;
	}
	
	
	
	#ancher_menu {
		top: 80px;
		left: auto;
		right: 22px;
		text-align: right;
		display:block;
	}
	
	.ancher_menu_sp{
		display: inline-block;
		position: relative;
		font-size:13px;
	}
	
	.ancher_menu_sp span{
		position: absolute;
		top: 50%;
		left: -17px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	
	.ancher_menu_sp span:before {
		content: "";
		display: block;
		width: 10px;
		height: 1px;
		background: #1d2082;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	
	.ancher_menu_sp span:after {
		content: "";
		display: block;
		width: 10px;
		height: 1px;
		background: #1d2082;
		margin-top: -1px;
	}
	
	
	.ancher_menu_sp.active span:before{
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-webkit-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
		-moz-transition: 0.4s cubic-bezier(0.78, .18, .34, .98);
		-ms-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
		-o-transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
		transition:  0.4s cubic-bezier(0.78, .18, .34, .98);
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.a_menu_list{
		display:none;
		margin-top:5px;
	}
	
	.a_menu_list > a {
		margin-bottom: 5px;
	}
	
	
	
	.top_slide_copy h4 {
		font-size: 22px;
	}
		
	
	.top_b_index {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 2px;
		grid-row-gap: 2px;
	}
	
	.top_b_index > div .title p {
		font-size: 16px;
		line-height: 120%;
	}
	
	
	.top_b_index > div .title p span {
		font-size: 13px;
		margin-top: 2px;
		line-height: 120%;
	}
	
	.top_news_index > div a {
		padding: 10px 0px 20px;
	}
	
	#top_news_sns {
		margin-top: 40px;
	}
	
	.top_news_sns_wrap {
		gap: 30px;
		flex-direction: column;
	}
	
	
	.top_news_sec {
		width: 100%;
	}
	
	.top_sns_sec {
		width: 100%;
	}
	
	
	
	
	
	.top_sb_index {
		margin-top: 20px;
		grid-template-columns: repeat(1, 1fr);
	}
	
	
	
	
	#top_supporter {
		margin-top: 80px;
	}
	
	.top_supporter_wrap {
		padding: 80px 0;
		    gap: 50px;
	}
	
	
	.top_sb_index{
		padding:0 40px;
	}
	
	
	.top_sb_box.type02 .top_sb_index {
		padding:0 0px;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	
		.top_sb_box.type02.area_supporter .top_sb_index {
		padding:0 0px;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 40px;
	}
	
	
	.top_sb_box.type03 .top_sb_index {
		padding:0 0px;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	
	
	
	
	
	.top_sb_box_other {
		gap: 20px;
		flex-direction: column;
	}
	
	
	#page_main_img_sec {
		height: 330px;
	}
	
	.page_main_title_wrap p {
		font-size: 40px;
	}
	
	.page_main_title_wrap span {
		font-size: 18px;
	}
	
	.entry_btn_w {
		gap: 20px;
		flex-direction: column;
	}
	
	.entry_btn_w > div {
		width:100%;
	}
	
	.btn_big a {
		padding: 30px 20px;
	}
	
	.btn_big a:after {
		top:20px;
		right:20px;
		width: 30px;
		height: 30px;
		bottom: auto;
	}
	
	

	
	
	.about_title h4 {
		font-size: 26px;
	}
	
	#page_final_content .about_title h4 {
		font-size: 20px;
	}
	
	.about_note p {
		font-size: 14px;
	}
	
	
	.about_area_btn_index {
		gap: 15px;
	}
	
	.about_area_btn_list {
		gap: 15px;
		flex-direction: column;
	}
	
	
	.about_area_btn_list > div {
		width: 100%;
	}
	
	
	.about_os_btn .btn a {
		width:100%;
		padding: 10px 20px;
	}
	
	.about_nation_btn {
		width: 100%;
	}
	
	.page_about_statment_wrap {
		overflow: hidden;
	}
	
	
	.statement_img01 {
		top: 0;
		left: 4%;
		width: 25%;
	}
		
		.statement_img02 {
        top: 8%;
        left: -24%;
        width: 38%;
			}
		
		.statement_img03 {
        top: 36%;
        left: 2%;
        width: 15%;
			}
		
		.statement_img04 {
		top: 46%;
		left: -13%;
		width: 26%;
			}
		
		.statement_img06 {
		top: 2%;
		right: 9%;
		width: 26%;
		}
		
		
		.statement_img07 {
		top: 7%;
		right: -3%;
		width: 20%;
		}
		
		.statement_img08 {
		top: 39%;
		right: 0%;
		width: 28%;
		}
		
		
		.statement_img09 {
		top: 50%;
		right: -5%;
		width: 24%;
	}
	
	
	
	
	.about_os_btn p {
		text-align: left;
	}
	
	
	.play_btn span {
		width: 70px;
		height: 70px;
	}
	
	.play_btn span:before {
		bottom: -25px;
		font-size: 11px;
	}
	
	.play_btn span:after {
		width: 15px;
		height: 15px;
	}
	
	
	
	.history_banner a {
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		flex-direction: column-reverse;
	}
	
	
	
	.history_banner a .date {
		width: 100%;
		gap: 12px;
		padding: 20px 10px;
		flex-direction: row;
		align-items: center;
	}
	
	
	
	.history_banner a .bimg {
		overflow: hidden;
		width: 100%;
	}
	
	.history_banner a .date:after {
		width: 25px;
		height:25px;
	}
	
	.history_detail_title_wrap {
		padding: 0 30px;
	}
	
	
	.history_detail_title_wrap .number p {
		font-size: 25px;
	}
	
	.history_detail_title_wrap .year {
		margin-top: 10px;
	}
	
	.history_detail_title_wrap .year p {
		font-size: 30px;
	}
	
	.history_detail_title_wrap .date p {
		font-size: 20px;
	}
	
	.history_detail_title_wrap .place p {
		font-size: 17px;
	}
	
	
	
	.national_btn .btn a {
		padding: 10px 20px;
		width:100%;
	}
	
	
	
	.page_first_sec {
		margin-top: 40px;
	}
	
	
	
	.award_title p {
		font-size: 20px;
	}
	
	.award_title {
		margin-top: 20px;
	}
	
	.award_thum {
		margin-top: 20px;
	}
	
	.award_name {
		
	}
	
	.award_name p {
		font-size: 18px;
	}
	
	
	.award_list02 {
		margin-top: 80px;
		grid-template-columns: repeat(1, 1fr);
	}
	
	
	.competing_list > div {
		padding: 10px 0;
	}
	
	
	.competing_list > div > div {
		font-size: 11px;
		line-height: 130%;
	}
	
	
	
	.competing_list > div .c01{
		width: 5%;
	}
	
	.competing_list > div .c02{
		width:35%;
	}
	
	.competing_list > div .c03{
		width:20%;
	}
	
	.competing_list > div .c04{
		width:25%;
	}
	
	.competing_list > div .c05{
		width:15%;
	}
	
	
	
	.competing_sec_area .competing_list .c02 {
		width: 90%;
	}
	
	
	
	.award_note p {
		text-align:left;
	}
	
	
	
	.award_list02 .award_box {
		gap: 20px;
		flex-direction: column;
		align-items: flex-start;
	}
	
	.award_list02 .award_box .award_box_left {
		width: 100%;
	}
	
	.award_list02 .award_title p {
		text-align: center;
	}
	
	.award_list02 .award_box .award_thum {
		width: 100%;
	}
	
	.award_list02 .award_name {
		    margin-top: 0px;
	}
	
	
	
	.competing_b.column02 {
		grid-column-gap: 20px;
		grid-row-gap: 30px;
	}
	
	#single_outline .main_title h4 {
		font-size:20px;
	}
	
	#single_outline .main_title h4:first-child {
	}
	
	
	
	
	.osc_top_btn{
		flex-direction: column;
	}
	
	
	.osc_top_btn .btn > a {
		font-size: 12px;
	}
	
	
	
	.outline_sec {
		margin-top: 50px;
	}
	
	
	.outline_title p {
		font-size: 16px;
	}
	
	.outline_title p:before {
		width: 18px;
		height: 18px;
		margin-right: 5px;
	}
	
	
	
	
	.osc_outline > div {
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
	
	.osc_outline > div:last-child {
		margin-bottom: 0px;
	}
	
	.osc_outline > div .title {
		width: 100%;
		padding: 10px 0;
		border-right: none;
	}
	
	.point_colum .osc_outline > div .title {
		padding: 10px 0;
		justify-content: flex-start;
	}
	
	
	.results_movie_list .point_colum .osc_outline > div > div{
		padding: 10px;
	}
	
	.results_area_list .point_colum .osc_outline > div > div:last-child {
		padding: 10px;
	}
	
	
	
	
	
	.osc_outline > div .note {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
	
	
	.outline_sch_box {
		flex-direction: column;
		gap: 20px;
	}
	
	
	.outline_sch_box .title {
		width: 100%;
		padding-left: 30px;
	}
	
	.outline_sch_box .note {
		width: 100%;
		padding-left: 30px;
	}
	
	
	.outline_list {
		margin-top: 20px;
	}
	
	#outline_sec01 .outline_list {
		margin-top: 0px;
	}
	
	.outline_title {
		margin-bottom: 20px;
	}
	
	.outline_stitle {
		border-bottom: none;
		padding-bottom: 10px;
	}
	
	
	#osc_sec05 .osc_outline > div .note p b{
		text-align: center;
	}
	
	
	
	
	
	
	.download_pdf {
		
	}
	
	
	.download_pdf div a {
		padding: 10px 35px 10px 5px;
		font-size: 12px;
	}
	
	
	.other_btn {
		flex-direction: column;
	}
	
	
	.other_btn .btn > a {
		padding: 10px 35px 10px 5px;
		font-size: 12px;
	}
	
	
	
	.point_colum .osc_outline > div {
		flex-direction: row;
		margin-bottom: 0px;
	}
	
	
	.point_colum .osc_outline > div .title {
		width: 30%;
		text-align: left;
	}
	
	.point_colum .osc_outline > div .note {
		width: 60%;
	}
	
	
	
	
	
	
	
	
	
	.entry_list {
		margin-top: 40px;
	}
	
	
	
	
	
	
	.final_date p span {
    font-size: 13px;
    margin-bottom: 5px;
	}
	
	.final_date p {
		font-size: 20px;
		line-height: 130%;
	}
	
	
	.final_date p small {
		font-size: 15px;
	}
	
	.final_date_btn {
		flex-direction: column;
	}
	
	
	
	
	
	
	
	.img_scroll > div {
		width: calc(100vw / 1);
		padding: 0 5px;
	}
	
	.volunteer_area_list {
		grid-template-columns: repeat(1, 1fr);
		grid-row-gap: 10px;
	}
	
	.volunteer_area_index {
		gap: 10px;
	}
	
	
	
	.volunteer_flow  .outline_sch_box .note {
		width: 100%;
	}

	
	
	
	
	
	#results_osc_first_list{
	text-align: left;
}
	
	
	
	
	.results_osc_final_list {
    margin-top: 30px;
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 30px;
}
	
	
	
	
	
	
	.contact_btn_flow{
		right: 20px;
		bottom: 20px;
	}

.contact_btn_flow .btn > a {
		
}
	
	
	
	
	
	
	
}












