@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:baseline;
}



/* ------------------------------
   general
------------------------------ */

html {
  -webkit-overflow-scrolling: touch;
}

body {
	font-family: 'Noto Sans Japanese','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	background:radial-gradient(#035681, #001e2d);
	width:100%;
	text-align:center;
	letter-spacing: 0.1em;
	font-size:14px;
	font-weight: 200;
}



article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{
	display:block
}



ol,ul{
	list-style:none
}

blockquote,q{
	quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';content:none
}

table{
	border-collapse:collapse;
	border-spacing:0
}

ul {
	text-decoration:none;
	list-style:none;
}
img{
	width: 100%;
	height: 100% auto;
}

a { text-decoration:none; transition-property: all; transition: 0.2s linear;}
input { text-decoration:none; transition-property: all; transition: 0.2s linear;}
a:hover { opacity: 0.7;  /*color: #ff83a6!important;*/ text-decoration:none!important;}
input:hover { opacity: 0.7;  text-decoration:none!important;}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";}
a img { transition-property: all; transition: 0.2s linear;}
a:hover div{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )"; text-decoration:none!important;}
a div{ transition-property: all; transition: 0.2s linear;}
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
a:link { color:inherit; text-decoration:none;}
a:visited { color:inherit; text-decoration:none; }





.switch {
	visibility: hidden;
}

.br-cont {
	display: inline-block;
}

/* ------------------------------
   h
------------------------------ */


h1 {
	
}



.top-logo {
	top: 24%;
	left: 30%;
	position: absolute;
	width: 40%;
	text-align: center;
	z-index: 100!important;
	filter: drop-shadow(0px 0px 7px rgba(62,47,0,0.5));
}

.top-logo img {
	text-align: center;
	margin: 0 auto;
    filter:alpha(opacity=100)!important; /* IE 6,7*/
	-ms-filter: "alpha(opacity=100)"!important; /* IE 8,9 */
	-moz-opacity:1!important; /* FF , Netscape */
	-khtml-opacity: 1!important; /* Safari 1.x */
	opacity:1!important;
	zoom:1; /*IE*/
	border: none!important;
}

.top-catch {
	top: 59%;
	left: 30%;
	position: absolute;
	width: 40%;
	text-align: center;
	margin: auto;
	z-index: 100!important;
	filter: drop-shadow(0px 0px 5px rgba(62,47,0,0.7));
}

.top-catch img {
	text-align: center;
	margin: 0 auto;
    filter:alpha(opacity=100)!important; /* IE 6,7*/
	-ms-filter: "alpha(opacity=100)"!important; /* IE 8,9 */
	-moz-opacity:1!important; /* FF , Netscape */
	-khtml-opacity: 1!important; /* Safari 1.x */
	opacity:1!important;
	zoom:1; /*IE*/
	border: none!important;
}

.top-date{
	z-index: 10000!important;
	position: absolute;
	width: 20%;
	left: 40%;
	bottom:-15%;
	filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}

.top-date img {
    filter:alpha(opacity=100)!important; /* IE 6,7*/
	-ms-filter: "alpha(opacity=100)"!important; /* IE 8,9 */
	-moz-opacity:1!important; /* FF , Netscape */
	-khtml-opacity: 1!important; /* Safari 1.x */
	opacity:1!important;
	zoom:1; /*IE*/
	border: none!important;
}

@media (max-width:950px){
	
	.top-date{
		width: 25%;
		left: 37.5%;
		bottom:-18%;
	}	

}


@media (max-width:768px){
	
	.top-logo {
		top: 21%;
		left: 12.5%;
		width: 75%;
	}
	
	.top-catch {
		top: 61%;
		left: 12.5%;
		width: 75%;
	}
	
	.top-date{
		width: 30%;
		left: 35%;
		bottom:-15%;
	}	

}

@media (max-width:480px){
	
	.top-date{
		width: 45%;
		left: 27.5%;
		bottom:-20%;
	}	

}

.top_slider{
	position: relative;
	margin-bottom: -10px;
	background-color: #000;
	background:url("../images/top_bg.png") #000;
	background-attachment: fixed;
}


.top_slider img{
	width: auto;
	max-width: 100%;
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;
	zoom:1; /*IE*/
}
/*
.top_slider img:hover { 
	text-decoration:none;
	color:inherit;
	filter:alpha(opacity=100);
    -moz-opacity: 10;
    opacity: 10;
}
*/

.cts-zone{
	position:relative;
	width: 100%;
	z-index: 1;
}

h2{
	font-size: 24px;
	font-weight:100;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
}

h3{
	font-size: 20px;
	color: #fff;
	display:inline-block;
	letter-spacing: 0.2em;
	line-height: 30px;
	padding: 7px 10px 7px 15px;
	background-color: #ff0000;
}

h4{
	font-size: 16px;
	color: #fff;
	display:inline-block;
	letter-spacing: 0.2em;
	line-height: 30px;
	padding: 3px 12px 4px 14px;
	background-color: #333;
}

/* ------------------------------
   head
------------------------------ */


#header{ position: absolute;
    z-index: 10;
	width:100%;
    height: 50px;
	background-color:rgba(0, 0, 0, 0);
}


.head_logo{
	float:left;
	margin-left:7px;
	margin-right:10px;
	margin-top:10px;}

.head_sns{
	float:right;
	margin-left:18px;
	margin-right:3px;
	margin-top:10px
}



#header .icn_fb {
	float:right;
	width:33px;
	height:33px;
}

#header .icn_tw {
	float:right;
	width:33px;
	height:33px;
	margin-right:8px;
}

#header .logo_hd {float:left; width:100px; margin: 0px 0px 0px 0px;}

#header .logo_head {
	float:left;
	width:100%;
}

.bt_tit{
	width: 18%;
	margin: 0 auto;
	margin-top: 3%;
	animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
    0% { transform:translateY(0) }
   25% { transform:translateY(-15px) }
  100% { transform:translateY(0) }
}
/*
@keyframes fluffy1 {
    0% { transform:translateY(0) }
    5% { transform:translateY(0) }
   10% { transform:translateY(0) }
   20% { transform:translateY(-15px) }
   25% { transform:translateY(0) }
   30% { transform:translateY(-15px) }
   50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}*/






/* ------------------------------
   contenst
------------------------------ */

.present-case {
	width: 100%;
	display: flex;
}
.present-left {
	padding: 0;
	width: 300px;
	vertical-align: middle;
	text-align: left;
	line-height: 0;
}

.present-right {
	display:table-cell;
	padding: 0px 0px 0px 25px;
    width : -webkit-calc(100% - 300px);
	width : calc(100% - 300px));
	font-weight: 300;
	text-align: left;
}

.present-right span {
	font-size: 1.2em!important;
	font-weight: 500;
	display: block;
	margin-bottom: 6px;
}

.present-right ss {
	font-size: 1.05em!important;
	font-weight: 600;
}

.present-bt-case {
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	margin-top: auto;
}

.prst-ml {
	padding-left: 15px;
}

.present-bt {
	text-align: left;
	margin-left: 2px;
	display: block;
}

.present-bt img {
	width: 90px;
	margin-top: 8px;
}


.present-bt p{
	width: 86px;
	border: solid 2px #fff;
	font-size: 0.8em!important;
	text-align: center;
	padding: 7px 0;
	display: inline-block;
	line-height: 0.8em;
}

@media (max-width:768px){
	.present-case {
		width: 100%;
		display: block;
	}
	
	.present-right {
	padding: 0px;
	}
	
	.present-right span {
		font-size: 1.1em!important;
		text-align: center;
		margin-bottom: 6px;
	}
	
	.present-left {
	font-weight: 300;
		margin: auto;
		margin-bottom: 10px;
	}
	
	.present-bt-case {
		justify-content: center;
	}
	.present-bt {
		display: block;
		text-align: center;
		margin-left: 0;
	}
	.present-bt p{
	margin: auto;
	}
}

.sponsor-logo{
	width: 100%;
	display: flex;
  justify-content: left;
  align-items: center;
	
}

.sponsor-logo span img{
	width: 82px;
	margin-top: 3px;
}

.sponsor-logo img{
	width: 90px;
	margin-right: 25px;
}

@media (max-width:480px){
	.sponsor-logo{
		justify-content: center;
	}
	
	.sponsor-logo img{
	width: 60px;
	margin: 0px 10px;
	}
	.sponsor-logo span img{
	width: 60px;
	margin-top: 3px;
}
	

}
.eng_txt{
	font-size: 12px;
	letter-spacing: 0.2em;
	color: #f00;
	font-weight: 200;
}

.ent_box {
	background-color: #fff;
	width:100%;
	padding:30px 0px 20px 0px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
}
/*
.eve_box {
	width:100%;
	padding:80px 0px 80px 0px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
	color: #fff;
	background-image:url("../images/outline_bg.png");
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
*/
.eve_box {
	width:100%;
	padding:80px 0px 80px 0px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
	color: #fff;
	font-weight: 300;
}
.eve_box::before {
	background-image:url("../images/outline_bg.png");
	background-size: 100% auto;
	/*background-size: cover;
    background-position: 50% 50%;*/
    background-repeat: no-repeat;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
}   


.inner_eve{
	max-width:850px;
	padding:0px 20px 0px 20px;
	text-align: center;
	margin:0px auto;
}

.inner_eve>h2 {
	font-size: 20px;
    line-height: 28px;
}

.inner_eve>h2>img {
	width:25%;
}

.ev_pro{
	max-width:100%;
	padding: 1% 2%;
	color: #111159;
	font-size: 1.1em;
	background: radial-gradient(#fff, #ddd);
	/*background: radial-gradient(#285fa8, #071c39);*/
}

.ev_val{
	max-width:100%;
	text-align: left;
	font-size: 1.1em;
	padding: 3%;
	background-image:url("../images/ev_val_bg.png");
}

.ev_val span{
	font-size: 1.1em;
	font-weight: 600;
}

.ev_val_end {
	max-width:100%;
	text-align: left;
	padding: 3% 3% 3.5% 3%;
	background-image:url("../images/ev_val_bg.png");
}

.bt_entry{
	max-width: 300px;
	font-weight: 300;
	font-size: 18px;
    border: solid 1px #fff;
	padding: 23px 15px 23px 25px;;
	color: #fff;
	margin: 0 auto;
	background-image:url("../images/bt_ent_bg.png");
}


.bt div:hover {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.eve_tit{
	float: left;
	font-size: 1.1em;
	font-weight: 600;
	display:block;
	color: #659fd6;
	margin-right: 5px;
}


.eve_thing{
	font-size: 1em;
	line-height: 20px;
	margin-bottom: 5px;
	margin-top: 4px;
	overflow: hidden;
}




.blinking{
    -webkit-animation:blink 1.5s ease-in-out infinite alternate;
	-moz-animation:blink 1.5s ease-in-out infinite alternate;
	animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}

@-moz-keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}

@keyframes blink{
	0% {opacity:0.2;}
	100% {opacity:1;}
}


.notice{
	max-width: 100%;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 21px;
	margin-top: 10px;
}
.notice ul li { list-style-type: none; list-style-position: inside;text-indent:-1em;padding-left:1em; margin-bottom: 3px;}
.notice  li:before {
	content: '※'; 
	margin-right: -0.3em;
}

.notice2{
	max-width: 100%;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 21px;
	margin-top: 10px;
}
.notice2 ul li { list-style-type: none; list-style-position: inside;text-indent:-1em;padding-left:1em; margin-bottom: 3px;}
.notice2  li:before {
	content: '・'; 
	color: #659fd6;
	font-weight: 900;
	margin-right: -0.3em;
}

.notice3{
	max-width: 100%;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	line-height: 21px;
	margin-top: 10px;
}
.notice3 ul li { list-style-type: none; list-style-position: inside;text-indent:-1em;padding-left:1em; margin-bottom: 3px;}
.notice3  li:before {
	content: '●';
	font-weight: 100;
	margin-right: -0.3em;
}

.notice-s{
	max-width: 100%;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	line-height: 19px;
	margin-top: 10px;
}
.notice-s ul li { list-style-type: none; list-style-position: inside;text-indent:-1em;padding-left:1em; margin-bottom: 3px;}
.notice-s  li:before {
	content: '※'; 
	margin-right: -0.3em;
}



.map{
	background-color:#fff;
	max-width:100%;
	height:400px;
	box-sizing:border-box;
	overflow:hidden;
	text-align:left;
	margin-top: 10px;
	border: solid 1px #ccc;
}


.req_box {
	background-color: #fff;
	width:100%;
	padding:50px 0px 50px 0px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
}

.req_inner {
	border: solid 1px #b2b2b2;
	margin: 7%;
	padding: 7%;
	text-align: left;
	height: 100%;
}

.req_inner p{
	margin-bottom: 0.5em;
}

.inner_1000{
	max-width:1000px;
	padding:0px 20px 0px 20px;
	text-align: center;
	margin:0px auto;
}

.ex2req {
	width:100%;
	max-width:950px;
	margin: 0 auto;
}

.ex2req ul{
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-right: -6%;
}

.ex2req ul li{
	text-align: left;
	width: 38%;
	display: inline-block;
	vertical-align: top;
	margin-right: 4%;
	margin-bottom:20px;
	padding: 3.5%;
	border: solid 1px #b2b2b2;
}

.ex2req p{
	margin-bottom: 0.5em;
}

.foot_box {
	background-color: #333;
	color: #fff;
	width:100%;
	padding:40px 0px 50px 0px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
}

.foot_box p{
	letter-spacing: 0.3em;
	text-align: center;
}

.foot_box img{
	width: 300px;
}


.foot2_box {
	background-color: #333;
	font-size: 13px;
	color: #fff;
	width:100%;
	padding:7px 10px 15px 10px;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
	line-height: 1.2em;
}
.foot2_box span{
	display:inline-block;
	margin: 7px 0px;
}


.eve_list_box{
	overflow: hidden;
	padding-left: 80px;
}

.ev_list_tit{
	font-weight: 400;
}

.eve_list1{float: left; text-align: left; width: 22%; margin-right: 3%;}
.eve_list2{float: left; text-align: left; width: 22%; margin-right: 3%; padding-top: 26px;}
.eve_list3{float: left; text-align: left; width: 22%; margin-right: 3%;}
.eve_list4{float: left; text-align: left; width: auto;}

.eve_list_box  ul li {
	list-style-type: none;
	list-style-position: inside;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom: 3px;
}

.eve_list_box  li:before {
	content: '●'; 
	margin-right: 0.2em;
	color: #e95513;
	font-size: 0.5em;
	vertical-align:0.2em;
}



table.out_table tr td{
	padding-bottom: 10px;
	width: 85px;
}

table.out_table tr td + td{
	width: auto;
}

table.history_table tr td{
	padding-bottom: 10px;
	width: 100px;
}

table.history_table tr td + td{
	width: auto;
}


p,aside{word-wrap:break-word;text-align:justify;}




/* ------------------------------------------------------------ */
#tilt-contents {
    position: relative;
    z-index: 1000;
}



#contents-panel>ul {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #AAA;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.2em;	
	-webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
       -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
            box-shadow: 0 3px 7px rgba(0,0,0,0.3);
}
.bxshdw {
	
}
.tilt-panel {
    z-index: 1;
}
.tilt-panel>ul {
    background-color: #fff;
}

.tilt-panel:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	margin: -8.6% -25% 0;
	background: #85d1ff;
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: rotate(6.7deg);
	-ms-transform: rotate(6.7deg);
	transform: rotate(6.7deg);
	background-color: #3794bd;
	background-image:url("../images/tilt_bg.png");
	background-size:10% auto;
}


.tilt-panel>ul>li {
    position: relative;
    overflow: hidden;
    height: 500px;
}
.tilt-panel>ul>li>span {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
	background-image:url("../images/tilt_span_bg.jpg");
	-moz-background-size:70% 100%;
	background-size:70% 100%;
}
.tilt-panel>ul>li:nth-child(even)>span {
    right: 0;
}
.tilt-panel>ul>li>span>div {
    display: block;
    padding: 0 10%;
    width: 100%;
    height: 310px;
    margin: auto;
    min-width: 70%;
    max-width: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible;
}

.inner_tit{
    display: block;
    padding: 0 10%;
    width: 100%;
    height: 310px;
    margin: auto;
    min-width: 70%;
    max-width: 80%;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow:visible;
	text-align: center;
}

.tilt-panel>ul>li>span>a:hover{
    opacity: 0.5;
}
.tilt-panel>ul>li>span>div>h2 {
    font-size: 20px;
    line-height: 28px;
}

.tilt-panel>ul>li>span>div>a {
	font-weight: 500;
	font-size: 15px;
    border: solid 2.4px #555;
	padding: 6px 15px 6px 25px;;
	color: #555;
	margin-top: -100px;
}

.tilt-panel>ul>li>span>div>h2>img {
    width: 40%;
}

.tilt-panel>ul>li>span>div>p {
    padding: 20px 0 40px;
    min-height: 120px;
}

.tilt-panel>ul>li>aside {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
	z-index: 2;
}
.tilt-panel>ul>li:nth-child(odd)>aside {
    right: 0;
}
.tilt-panel>ul>li:nth-child(even)>aside {
    left: 0;
}
.tilt-panel>ul>li>aside>span{
    width: 100%;
	height: auto;
    display: block;
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    margin: auto;
    background-size: cover;
    background-position: 100% 100%;
    background-repeat: no-repeat;
	filter:alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity:0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity:0.7;
	zoom:1; /*IE*/
}

.tilt-panel>ul>li>aside{
	background:url("../images/top_bg.png") #000;
}




.top_slider img{
	width: auto;
	max-width: 100%;
	filter:alpha(opacity=80); /* IE 6,7*/
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity:0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity:0.8;
	zoom:1; /*IE*/
}


.ndeg{
    -webkit-transform: skew(0deg, -6.7deg);
    -moz-transform: skew(0deg, -6.7deg);
    -o-transform: skew(0deg, -6.7deg);
    -ms-transform: skew(0deg, -6.7deg);
    transform: skew(0deg, -6.7deg);
}

.ndeg-foot{
    -webkit-transform: skew(0deg, -6.7deg);
    -moz-transform: skew(0deg, -6.7deg);
    -o-transform: skew(0deg, -6.7deg);
    -ms-transform: skew(0deg, -6.7deg);
    transform: skew(0deg, -6.7deg);
}



.foot-main-logo{
    width: 300px;
	margin: auto;
}



.pdeg{
    -webkit-transform: skew(0deg, 6.7deg);
    -moz-transform: skew(0deg, 6.7deg);
    -o-transform: skew(0deg, 6.7deg);
    -ms-transform: skew(0deg, 6.7deg);
    transform: skew(0deg, 6.7deg);
}

.ist{ width: 100%; display: inline-block; margin-bottom: 20px; text-align: left;}
			.ist_l{
				float: left;
				width: 35%;
				margin-right: 5%;
				}
			.ist_r{
				float: left;
				width: 60%;
				text-align: left;
				font-size: 1em;
				line-height: 1.5em;
				}
			
			.ist_r p{margin-bottom: 15px; font-size: 1.6em; font-weight: 600;}
			.ist_r p span{font-size: 0.9em;}
			.ist_r span{font-size: 1em; font-weight: 300; margin-bottom: 0px; padding-top: 5px; display: inline-block;}
			.ist_l img {border: solid 1px #32b9fc;}
            .ist_tit{margin-bottom: 10px; }

.profile_tit {
    width: 33px;
}

@media (max-width:600px){
	.profile_tit {
    margin: auto;
}

}

/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
#foot-contents {
    position: relative;
    z-index: 1;
}


.foot-panel {
    z-index: 1;
	position: relative;
}
.foot-panel>ul {
    background-color: #FFF;
	padding-top: 100px;
}

.foot-panel>ul>li {
    position: relative;
    overflow: hidden;
    height: 475px;
	max-width: 1000px;
	margin: 0 auto;
}
.foot-panel>ul>li>span {
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
}
.foot-panel>ul>li:nth-child(even)>span {
    right: 0;
}
.foot-panel>ul>li>span>p {
    display: block;
    padding: 0 10%;
    width: 100%;
    height: 310px;
    margin: auto;
    min-width: 70%;
    max-width: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: visible;
}


.foot-panel>ul>li>span>a:hover{
    opacity: 1;
}
.foot-panel>ul>li>span>a>h2 {
    font-size: 20px;
    line-height: 28px;
}

.foot-panel>ul>li>span>a>h2>img {
    width: 35%;
}

.foot-panel>ul>li>span>a>p {
    padding: 20px 0 0 0;
    min-height: 170px;
}

.foot-panel>ul>li>aside {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
}
.foot-panel>ul>li:nth-child(odd)>aside {
    right: 0;
}
.foot-panel>ul>li:nth-child(even)>aside {
    left: 0;
}
.foot-panel>ul>li>aside>span{
    width: 100%;
    height: 120%;
    display: block;
    position: absolute;
    top: -50%;
    bottom: -50%;
    left: -50%;
    right: -50%;
    margin: auto;
    background-size:cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.foot-panel>ul>li>aside>span{
	height: auto
}

.inner_tit_L {
    display: block;
    width: 100%;
    height: 300px;
    margin: auto;
    min-width: 70%;
    max-width: 90%;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow:visible;
	text-align: center;
	padding: 0 10%;
	z-index: 2;
}

.inner_tit_R{
    display: block;
    width: 100%;
    height: 300px;
    margin: auto;
    min-width: 60%;
    max-width: 80%;
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow:visible;
	text-align: center;
	padding: 50px 10% 0% 10%;
}

.foot-box {
	max-width: 800px;
	padding: 0 20px;
	margin: auto;
}

.foot-l {
	float: left;
	padding: 20px 0 0 0;
}
.foot-r {
	float: right;
}


.foot-btm{
	position: absolute;
	bottom;0;
    width: 100%;
	height: 400px;
	bottom: -250px;
	background-color: #fff;
	padding: 0px;
	text-align: right;
	position: absolute;
	z-index: -2;
	line-height: 0em;
}


.back-btn{
	margin: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 400px;
}



@media (max-width:768px){
	
	.foot-l {
	float: none;
	padding: 70px 0 0 0;
		margin-bottom: -80px
}
.foot-r {
	float: none;
	margin-top: -20px;
}

}


.inner_tit_L>h2 {
    font-size: 20px;
    line-height: 28px;
}


.inner_tit_L>h2>img {
    width: 75%;
}



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */

.fb_box{
	border: solid 1px #ccc;
	padding: 15px;
	line-height: 0em;
	max-width: 300px;
	min-width: 280px;
	height: 370px;
	display:inline-block;
	overflow: hidden;
	margin: 0 auto;
}

.foot_logo_sp{
	width: 170px;
	margin-bottom: 30px;
	border: solid 1px #262626;
	padding: 16px 20px 10px 20px;
}

.foot_logo{
	width: 110px;
}

.foot_txt{
	color: #333;
	font-size: 12px;
	margin-top: 50px;
	font-weight: 300;
}

.foot_txt span{
	display: inline-block;
}



.conte_box{
	min-height: 100px;
}




.conte_left{
	float:left;
	width: 50%;
	position: relative;
	overflow:hidden;
	display:flex;
}

.conte_right {
				width: 50%;
				height: 60%
				background: #fff;
				z-index: 1;
				background-image:url("../images/loc_bg.jpg");
				z-index: 3;
			}



.conte_right{
	float:right;
	width: 50%;
	position: relative;
	overflow:hidden;
	display:flex;
}

.conte_txt{
	width: auto;
	height: 100%;
	background: #fff;
	padding: 7%;
	text-align: left;
	display:table;
}

.conte_txt p{
	margin-bottom: 0.5em;
}

.conte_photo1{
	width: 100%;
	height:420PX;
	background-image:url("../images/conte_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo2{
	width: 100%;
	height:450PX;   
	background-image:url("../images/conte_02.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo3{
	width: 100%;
	height:450PX;   
	background-image:url("../images/conte_03.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo4{
	width: 100%;
	height:600PX;   
	background-image:url("../images/conte_04.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo5{
	width: 100%;
	height:500PX;   
	background-image:url("../images/conte_05.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo6{
	width: 100%;
	height:620PX;   
	background-image:url("../images/conte_06.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.conte_photo7{
	width: 100%;
	height:450PX;   
	background-image:url("../images/conte_07.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	}

.list01{
	max-width: 100%;
	margin-top: 10px;
}
.list01 ul li {
	list-style-type: none;
	list-style-position: inside;
	text-indent:-1.4em;padding-left:1em;
	margin-bottom: 5px;
}

.list01  li:before {
	content: '◯'; 
	margin-right: 0.2em;
}


/* ------------------------------
   nowloading
------------------------------ */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #2e95c3;
  z-index: 2;
}
#loader img{
  width: 40px;
  height: 40px;
}


/* ------------------------------
   layout
------------------------------ */
.mb3{margin-bottom: 3px}
.mb4{margin-bottom: 4px}
.mb5{margin-bottom: 5px}
.mb6{margin-bottom: 6px}
.mb7{margin-bottom: 7px}
.mb8{margin-bottom: 8px}
.mb9{margin-bottom: 9px}
.mb10{margin-bottom: 10px}
.mb11{margin-bottom: 11px}
.mb12{margin-bottom: 12px}
.mb13{margin-bottom: 13px}
.mb14{margin-bottom: 14px}
.mb15{margin-bottom: 15px}
.mb16{margin-bottom: 16px}
.mb17{margin-bottom: 17px}
.mb18{margin-bottom: 18px}
.mb19{margin-bottom: 19px}
.mb20{margin-bottom: 20px}
.mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px}
.mb35{margin-bottom: 35px}
.mb40{margin-bottom: 40px}
.mb45{margin-bottom: 45px}
.mb50{margin-bottom: 50px}

.ml5{margin-left: 5px}
.ml10{margin-left: 10px}

.fs9{font-size: 9}
.fs10{font-size: 10}
.fs11{font-size: 11}
.fs12{font-size: 12}
.fs13{font-size: 13}
.fs14{font-size: 14}
.fs15{font-size: 15}
.fs16{font-size: 16}
.fs17{font-size: 17}
.fs18{font-size: 18}
.fs19{font-size: 19}
.fs20{font-size: 20}
.fs21{font-size: 21}
.fs22{font-size: 22}
.fs23{font-size: 23}
.fs24{font-size: 24}
.fs25{font-size: 25}
.fs26{font-size: 26}
.fs27{font-size: 27}
.fs28{font-size: 28}
.fs29{font-size: 29}
.fs30{font-size: 30}

.fs11em{font-size: 1.1em}
.fs12em{font-size: 1.2em}
.fs13em{font-size: 1.3em}
.fs14em{font-size: 1.4em}
.fs15em{font-size: 1.5em}
.fs16em{font-size: 1.6em}
.fs17em{font-size: 1.7em}
.fs18em{font-size: 1.8em}
.fs19em{font-size: 1.9em}
.fs20em{font-size: 2.0em}

.fw100{font-weight: 100}
.fw200{font-weight: 200}
.fw300{font-weight: 300}
.fw400{font-weight: 400}
.fw500{font-weight: 500}
.fw600{font-weight: 600}

.wt300{width: 300px}
.wt320{width: 320px}



@media (min-width:768px){

}
@media (max-width:2000px){	

}
@media (max-width:1200px){


}
@media (max-width:1000px){


}
	

@media (max-width:900px){

	
}

}

	
@media (max-width:768px){
h1 {
	top:20%;
	width:65%;
}



.conte_left{float:none; width: 100%;}
.conte_right{clear: both; float:none;width: 100%;}
.conte_photo1{height: 250px;}
.conte_photo2{height: 250px;}
.conte_photo3{height: 250px;}
.conte_photo4{height: 250px;}
.conte_photo5{height: 250px;}
.conte_photo6{height: 250px;}
.conte_photo7{height: 250px;}

.eve_list{width: 48%; margin-right: 2%;}

.eve_list_box{overflow: hidden; padding:0;}

.eve_list1{float: left; text-align: left; width: 44%; margin-right: 3%;}
.eve_list2{float: left; text-align: left; width: 44%; margin-right: 3%;}
.eve_list3{clear: both; float: left; text-align: left; width: 44%; margin-right: 3%; margin-top: 10px}
.eve_list4{float: left; text-align: left; width: auto;  margin-top: 10px}

.ex2req ul{margin-right: -8%;}
.ex2req ul li{
	width: 80%;
	margin-right: 0%;
	margin-bottom:20px;
	padding: 6%;
	}	
	
#header .logo_hd {float:left; width:75px; margin: -6px -8px 0px -10px;}

.inner_1000{
	padding:0px 7% 0px 7%;
	text-align: left;
}
	



#header .icn_tw {float:right; width:28px; height:28px; margin-right:8px}

h3{
	font-size: 18px;
}


	
h2 {
	font-size: 20px;
}
	
.inner_eve>h2>img {
	width:45%;
}

.bt_tit{
	width: 22%;
}
.foot-panel>ul>li {
    height: auto;
}
.foot-panel>ul>li>span {
    width: 100%;
    position: relative;
    padding-top: 250px;
}

.foot-panel>ul>li>span>a {
    padding: 80px 30px;
    position: relative;
    min-width: 0;
    height: auto;
}

.foot-panel>ul>li>span>a>h1:before, .slantPanel>ul>li>span>a>h1:after{display: none;}
.foot-panel>ul>li>span>a>p {
    min-height: 0;
}

.foot-panel>ul>li>aside {
    width: 100%;
    top: 0;
    height: 500px;
}
		
 .inner_tit_L{
	height: 300px;
    padding: 240px 0% 20px 0%;
    position: relative;
    min-width: 0;
    height: auto;
}

 .inner_tit_R{
    padding: 320px 13% 0% 5%;
    position: relative;
    min-width: 0;
	max-width: 100%;
}
	

.fb_box{
	border: solid 1px #ccc;
	padding: 15px;
	line-height: 0em;
	max-width: 100%;
	min-width: 260px;
	display:inline-block;
	overflow: hidden;
}

	
}

@media only screen and (max-width: 640px){
body{
    min-width: 0;
    font-size: 14px;
    line-height: 24px;
}
	
	.tilt-panel>ul>li>span>div>h2>img {
		width: 50%;
	}
	
	
.tilt-panel:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	margin: -8% -25% 0;
}


.tilt-panel>ul>li {
    height: auto;
}
.tilt-panel>ul>li>span {
    width: 100%;
    position: relative;
    padding-top: 250px;
}
.tilt-panel>ul>li>span>div {
    padding: 80px 30px;
    position: relative;
    min-width: 0;
    height: auto;
}


.tilt-panel>ul>li>span>a>.moreBtn {
    max-width: 260px;
}
.tilt-panel>ul>li>aside {
    width: 100%;
    top: 0;
    height: 250px;
}

}	

@media (max-width:600px){

.eve_list_box{width: 100%; overflow: hidden; margin:0px auto; padding-left: 0px;}
.ev_list_tit{width: 100%; text-align: left; margin:auto;}

.eve_list1{float: none; text-align: left; width: auto; margin-right: 0%;}
.eve_list2{float: none; text-align: left; width: auto; margin-right: 0%; padding-top: 0px;}
.eve_list3{float: none; text-align: left; width: auto; margin-right: 0%; margin-top: 10px}
.eve_list4{float: none; text-align: left; width: auto;  margin-top: 10px}

.ist_l{float: none; width: 60%; margin-right: 0%; margin: 0 auto; margin-bottom: 10px;}
			.ist_r{
				float: none;
				margin: 0 auto;
				margin-bottom: 20px;
				width: 100%;
				text-align: left;
				line-height: 1.5em;
				}
	.ist_r p{ text-align: center; margin: 0 auto; margin-bottom: 15px;}
	.ist_tit{ text-align: center; margin: auto; margin-bottom: 10px; }
	.out_tit2{width: 90%;}
	
	

}
@media (max-width:480px){
	
h1 {
	
	width:80%;
}
	.tilt-panel>ul>li>span>div>h2>img {
		width: 55%;
	}
	
	.inner_eve>h2>img {
		width:55%;
	}
	
.eve_list{width: 100%; margin-right: 0%;}


}

@media (max-width:460px){


}
}