*{
	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;
}


a{
	color: #222;
	text-decoration:none;
}


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


ul, li{
	list-style:none;
}


.text_bold{
	font-weight:bold;
}


body {
	color: #222;
	line-height: 180%;
	font-size: 12pt;
	letter-spacing:1px;
	margin: 0;
	font-weight:normal;
	font-family: Helvetica;
	background: #f5f5f5;
}







#top_scroll {
	position: absolute;
	z-index:99;
	bottom: 50px;
	right:22px;
	text-align: center;
}



.scrol_line {
	height:80px;
	width:2px;
	top: 0px;
	overflow:hidden;
	z-index: 999;
	position: relative;
	display: inline-block;
}


.scrol_line:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 0px;
	width: 1px;
	height: 100%;
	background: #999;
	background-size: 100%;
	-webkit-animation: lineAnime 2s ease-in-out infinite;
	animation: lineAnime 2s ease-in-out infinite;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


@keyframes lineAnime {
	0% {
transform: translateY(-100%); }
100% {
transform: translateY(100%); } 
}


.scrol_text{
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	margin-top:25px;
}

.scrol_text p{
	font-size:10pt;
}

.top_scroll a {
	text-decoration:none;
}





.box_index{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.item_box{
	display:inline-block;
}


.box_index .thum{
	opacity:1;
	-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);
}

.box_index .thum:hover{
	opacity:.5;
	-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);
}






.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; }
}



#footer .inner{
	padding:0 40px;
	max-width: 1400px;
}

.footer_menu{
	text-align:right;
	margin-bottom:40px;
}

.footer_menu p, .footer_menu a{
	font-size:9pt;
	display:inline-block;
	margin-left:20px;
}






#side_menu{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	padding-top: 40px;
	margin-bottom: 40px;
	width: 200px;
	height: 100%;
	border-right: 1px solid #ccc;
	background: #fff;
}

.gra_menu{
	margin-top:30px;
}

.gra_menu > ul > li{
	margin-bottom:15px;
}


.gra_menu > ul > li.doc_menu{
	border-top: 1px solid #000;
	padding-top: 15px;
}


.gra_menu > ul > li > a{
	font-size:10pt;
	font-weight:bold;
}


.gra_menu > ul > li.doc_menu > a{
	font-size:9pt;
	font-weight:normal;
	line-height: 150%;
	display: block;
}



.gra_menu > ul > li.doc_menu > a:hover{
	background:#00A4DE;
	color:#fff;
}

.gra_menu > ul > li.cate_menu ul li a:hover{
	background:#00A4DE;
	color:#fff;
}


.gra_menu ul li a{
	-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);
}

.gra_menu ul li a:hover{
	color:#00A4DE;
	-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);
}


.gra_menu > ul > li a span{
	display:inline-block;
	width:20px;
	margin-right:10px;
	vertical-align: sub;
}





.gra_menu > ul > li.cate_menu ul{
	margin-top:10px;
}

.gra_menu > ul > li.cate_menu ul li{
	margin-bottom:10px;
}

.gra_menu > ul > li.cate_menu ul li a{
	font-size:9pt;
	line-height:150%;
	display: block;
}




#sp_button {
	position: fixed;
	width: 100%;
	bottom: 0;
	padding-right: 0px;
}

#sp_button .consul_button {
	float: none;
	padding-right: 0px;
}



#sp_button .consul_button a {
	display: block;
	text-align:center;
}








#side_menu .inner{
	padding:0 30px;
}




#content{
	position:relative;
	margin-left:200px;
	padding-top: 40px;
	padding-bottom: 100px;
}





#content .inner{
	max-width:1400px;
	margin:0 auto;
	padding: 0 20px 0 40px;
	position:relative;
}






.movie_top{
	overflow:hidden;
}

.movie_top_note{
	float:left;
}

.movie_top_note p{
	font-size:11pt;
	letter-spacing: 2px;
	line-height:150%;
}


.head_button{
	float:right;
	padding-right:20px;
}

.consul_button{
	display:inline-block;
}


.consul_button a{
	display:inline-block;
	font-size:11pt;
	color:#fff;
	background:#00A4DE;
	border:1px solid #00A4DE;
	padding: 4px 30px;
}


.search_box{
	margin-right: 12px;
	display:inline-block;
}








#search_form{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

input.search_inp {
	width:70%;
	display:inline-block;
	padding:10px;
	outline: none;
	border:1px solid #ccc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

input.search_b {
	width:30%;
	display:inline-block;
	padding:10px;
	outline: none;
	border:1px solid #ccc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


.search_b{
	width:60px;
	border:1px solid #ccc;
}




.movie_index{
	margin-top:40px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.movie_box{
	display:inline-block;
	width:25%;
	padding-right:20px;
	margin-bottom:40px;
}

.movie_box a{
	display:block;
	opacity:1;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.movie_box a:hover{
	opacity:.5;
	-webkit-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-moz-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-ms-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	-o-transition: .6s cubic-bezier(0.78, .18, .34, .98);
	transition: .6s cubic-bezier(0.78, .18, .34, .98);
}

.movie_box .movie_detail{
	margin-top:15px;
}

.movie_box .movie_title p{
	font-size:12pt;
	font-weight: bold;
}

.movie_box .movie_note{
	margin-top:10px;
}

.movie_box .movie_note p{
	font-size:10pt;
	line-height: 180%;
}







.movie_single{
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.movie_single_movie{
	display:inline-block;
	width:65%;
}

.movie_side{
	display:inline-block;
	width:35%;
	padding: 0 20px 0 20px;
}



.movie_side .movie_box{
	width: 100%;
	display:block;
	margin-bottom:10px;
	padding-right: 0px;
}




.movie_video video{
	width:100%;
}


.movie_video_detail{
	margin-top:30px;
}

.movie_video_detail ul li.down_button{
	margin-bottom:30px;
}

.movie_video_detail ul li.down_button a{
	font-weight:bold;
	padding:10px 0;
	background:#ffa446;
	border:1px solid #ffa446;
	color:#fff;
	width:300px;
	display:block;
	text-align:center;
	font-size:11pt;
	letter-spacing:2px;
	-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_video_detail ul li.down_button a:hover{
	color:#ffa446;
	background:transparent;
	-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_video_detail ul li.title {
	
}

.movie_video_detail ul li.title p{
	font-size:16pt;
	font-weight:bold;
}

.movie_video_detail ul li.note {
	margin-top:10px;
}

.movie_video_detail ul li.note p{
	font-size:11pt;
	letter-spacing:1px;
}





.movie_side .movie_box a{
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.movie_side .movie_box a .movie_thum{
	display:inline-block;
	width:40%;
}

.movie_side .movie_box a .movie_detail{
	display:inline-block;
	width:60%;
	margin-top: 0px;
	padding-left:10px;
}


.movie_side .movie_box a .movie_detail .movie_title p{
	font-size:10pt;
	line-height: 120%;
	font-weight: bold;
}

.movie_side .movie_box .movie_note {
	margin-top: 0px;
}

.movie_side .movie_box a .movie_detail .movie_note{
	margin-top:6px;
}

.movie_side .movie_box a .movie_detail .movie_note p{
	font-size:8pt;
	line-height: 120%;
}
















.sub_grand_menu{
	opacity:0;
	position:fixed;
	top: 0px;
	right: 12px;
	z-index:9996;
	width:50px;
	-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);
}


















#single_contact{
	margin-top:100px;
	margin-bottom: 100px;
}





.require{
	color:#F00;
}
/*必須エラーメッセージ*/
div.error{
	font-size:13px;
	color:#F00;
	padding:2px 18px;
	margin:0;
	line-height:150%;
	background:url(images/error.gif) no-repeat 0px 5px;
}

.form_index{
	width:700px;
	margin:80px auto 0;
}


.form_index ul{
	margin-bottom:30px;
}

.form_index ul li.title{
	width:200px;
	display:inline-block;
	vertical-align: top;
}

.form_index ul li.title.title100{
	width:100%;
}

.form_index ul li.title p{
	font-size:12pt;
}


.form_index ul li.inp{
	width:400px;
	display:inline-block;
	vertical-align: top;
}

.form_index ul li.rdo_inp{
	width:400px;
	display:inline-block;
	vertical-align: top;
}



.form_index ul li.inp p span{
	display:block;
	margin-top:3px;
	font-size:10pt;
	color:#707070;
	line-height:140%;
}


.form_index ul li.rdo_inp .rdo{
	display:inline-block;
	margin-right: 20px;
}


.form_index ul li.inp input{
	font-size:10pt;
	background-color: #FAFAFA;
	border: 1px solid #ccc;
	color: #333;
	outline: none;
	padding: 14px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.form_index ul li .rdo_text{
	background-color: ##FAFAFA;
	border: 1px solid #ccc;
	color: #333;
	outline: none;
	padding: 8px;
	width: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.form_index ul li.txt{
	margin-top:10px;
}

.form_index ul li.txt textarea{
	font-size:10pt;
	background-color: #FAFAFA;
	border: 1px solid #ccc;
	color: #333;
	outline: none;
	padding: 14px;
	width: 100%;
	height:200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.form_index ul.submit_ul{
	text-align:center;
}

.form_index ul input[type="submit"] {
	display:inline-block;
	cursor: pointer;
	border: none;
	font-size: 10pt;
	font-weight:bold;
	letter-spacing: 1px;
	outline: none;
	padding: 15px 25px;
	background-color: #00A4DE;
	color:#fff;
	width: 220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


.rdo_inp100 br{
	display:none;
}

.main_title {
	text-align: center;
}

.main_title p{
	font-size:16pt;
	font-weight: bold;
	display: inline-block;
	color: #555555;
	line-height: 150%;
}

.main_note {
	margin-top:20px;
}

.main_note p{
	text-align:center;
	font-size:12pt;
}

.main_line{
	margin-top:50px;
	text-align:center;
}

.main_line p{
	display:inline-block;
	width:30px;
	height:5px;
	background:#00A4DE;
}

.form_warning_top{
	margin-bottom:50px;
}

.form_warning_top p{
	text-align:center;
	font-size:12pt;
}



.form_warning{
	max-width:700px;
	margin:50px auto 0;
}


.form_warning p{
	font-size:11pt;
	color:#707070;
}






#thanks_page{
	margin-top:100px;
	margin-bottom: 100px;
}

#thanks_page .inner{
	max-width:700px;
	margin:0 auto;
}


#thanks_page .note p{
	font-size: 12pt;
	color: #555;
}



.bc_button{
	text-align:center;
	margin-top:50px;
}

.bc_button a{
	display:inline-block;
	padding:20px 120px;
	border:1px solid #00A4DE;
	font-weight:bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-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);
}

.bc_button a:hover{
	background:#00A4DE;
	color:#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);
}


.bc_button a:before{
	content:"";
	display:inline-block;
	background:url(images/button_sign_02.png);
	background-size:100% 100%;
	width:15px;
	height:15px;
	margin-right:10px;
	vertical-align: middle;
	z-index:999;
	-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);
}


.bc_button a:hover:before{
	background:url(images/button_sign_on_02.png);
	background-size:100% 100%;
	-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);
}





#doc_page {
	margin-top: 20px;
	margin-bottom:100px;
}




#doc_page .inner {
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 100px;
}



.file_index{
	margin-top:30px;
}

.file_box{
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:20px;
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.file_text .file_title p{
	font-size:14pt;
	font-weight:bold;
}

.file_text{
	display:inline-block;
	width:75%;
}



.file_download{
	display:inline-block;
	width:25%;
	margin-top:40px;
}


.file_download ul {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}


.file_download ul li{
	width: 25%;
	display:inline-block;
	padding-left:10px;	
}

.file_download ul li a{
	display:block;
	opacity:1;
	-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);
}

.file_download ul li a:hover{
	opacity:.4;
	-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);
}


.file_note{
	margin-top:10px;
}


.file_text p{
	font-size:11pt;
	line-height:180%;
}




.d_title{
	text-align:right;
	margin-bottom: -28px;
}

.d_title p{
	font-weight:bold;
	display:inline-block;
	padding:0 60px;
	font-size:11pt;
}























.sp_img{
	display:none!important;
}





@media screen and (max-width: 1280px){
	
	
	.movie_box {
	width: 33.33333%;
}


}




@media screen and (max-width: 640px){
	
	
	
	
	.sp_img{
	display:block!important;
}

.pc_img{
	display:none!important;
}



#logo_sp{
	position:absolute;
	top: 15px;
	left: 22px;
}

#logo_sp a{
	width:110px;
	display:block;
}


#megane{
position:absolute;
	right: 75px;
	top: 22px;
}

#megane p{
	display:inline-block;
	width:25px;
}




.sub_grand_menu{
	opacity:1;
	top: 8px;
	-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: 25px;
	height: 1px;
	margin: 0px 0 0 -14px;
	background: #000;
	-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%;
	right: 0;
	width: 25px;
	height: 1px;
	background: #000;
	-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: -9px;
}

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





.sub_grand_menu_top{
	padding: 25px 0px;
	overflow:hidden;
}



.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;
}


.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;
}



.menu_text{
	position:absolute;
	top: -8px;
	left: 11px;
	letter-spacing:0;
	font-size:7pt;
}






#menu_back{
	position:fixed;
	top: 0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.8);
	z-index: 998;
}

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


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




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

.menu_index_inner .logo p{
	display:inline-block;
}


.menu_index_inner{
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

.menu_index_sp{
	top: 50%;
	left: 0;
	margin-top: -200px;
	position: absolute;
	width: 100%;
	text-align: left;
	padding:0 30px;
}


.menu_index_inner ul{
	overflow:hidden;
}

.menu_index_sp .search_box {
	margin-right: 0px;
	display: block;
}


.menus{
	opacity:0;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) ;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) ;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) ;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) ;
	transition:  0.8s cubic-bezier(0.78, .18, .34, .98) ;
}


.active .menus{
	opacity:1;
	-webkit-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-moz-transition: 0.8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-ms-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .5s;
	-o-transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .5s;
	transition:  0.8s cubic-bezier(0.78, .18, .34, .98) .5s;
}

.menus > ul > li{
	margin-bottom: 20px;
}


.menus > ul > li > a{
	text-decoration:none;
	font-size: 12pt;
	letter-spacing: 2px;
	font-weight:bold;
	display: inline-block;
}


.menus > ul > li > a span{
	width:20px;	
	display: inline-block;
	margin-right:10px;
	vertical-align: sub;
}


.menus > ul > li.cate_menu ul{
	margin-top: 15px;
}

.menus > ul > li.cate_menu ul li{
	margin-bottom: 5px;
}



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







#side_menu {
	display:none;
}
















#content {
	position: relative;
	padding-left: 0px;
	margin-top: 65px;
	margin-left: 0px;
	padding-top: 2px;
}

#content .inner {
	padding: 0 0px;
}







.movie_top .consul_button {
	display:none;
}




.movie_top {
	margin-top: 0px;
}

#content .movie_top {
	display:none;
}


.movie_single {
	margin-top: 0px;
}

.movie_video_detail{
	padding:0 20px;
	margin-top: 20px;
}

.movie_box {
	display:block;
	width: 100%;
	padding-right: 0px;
	margin-bottom: 40px;
}


.movie_side {
	display: block;
	width: 100%;
	padding: 0 20px;
	margin-top:40px;
}

.movie_single_movie {
	display: block;
	width: 100%;
	padding: 0 0;
	
}

.movie_side .movie_box {
	margin-bottom: 30px;
	padding: 0px 0px;
}

.movie_side .movie_box a .movie_thum {
	display: block;
	width: 100%;
}

.movie_side .movie_box a .movie_detail {
	display: block;
	width: 100%;
	margin-top: 10px;
	padding-left: 0px;
}

.movie_side .movie_box a .movie_detail .movie_note p {
	font-size: 9pt;
}



.movie_index {
	margin-top: 18px;
}


.movie_index.no_saerch {
	padding:0 20px;
	text-align:center;
}




.movie_box {
	padding: 0px 20px;
}


.movie_side .movie_box a .movie_detail .movie_title p {
	font-size: 12pt;
}


#sp_button .consul_button {
	display: block;
}

#sp_button .consul_button a {
	font-weight:bold;
}



.movie_video_detail ul li.down_button a{
	width:100%;
}



#header_search{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	padding:10px 15px;
	z-index: 9996;
}


.return{
	display: inline-block;
	width: 30px;
	vertical-align: middle;
	padding: 10px 5px 10px 0;
}



#header_search .search_b {
	width: 20%;
	padding: 7px;
	border: 1px solid #ccc;
}












.file_text {
	display: block;
	width: 100%;
}

.file_download {
	display: block;
	width: 100%;
	margin-top: 30px;
}


.file_download ul li {
	width: 12%;
	display: inline-block;
	padding-left: 10px;
}






#doc_page .inner {
	padding: 0 30px;
}


.main_title p {
	font-size: 12pt;
}


.footer_menu {
	text-align: center;
}

.footer_menu p, .footer_menu a {
	margin-left: 0px;
	margin:0 8px;
}

.consul_button {
	display: block;
}


.consul_button a {
	display: block;
	text-align: center;
}


.movie_video_detail ul li.down_button {
	margin-bottom: 5px;
}

.warning{
	margin-bottom:20px;
}

.warning p{
	font-size:9pt;
}


#single_contact .inner{
padding:0 30px;
}


.form_index {
	width: 100%;
	margin: 80px auto 0;
}


.form_index ul li.inp {
	width: 100%;
	display: block;
}



#single_contact .main_note p {
	font-size: 10pt;
}

	

}






@media screen and (max-width: 320px){
	
	
	
	
	
	
	
	
	
}