﻿@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-color:#fff;
	width:100%;
	text-align:center;
	letter-spacing: 0.1em;
	font-size:14px;
	line-height: 1.8em;
	font-weight: 300;
}


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;
}
p {
	text-align: left;
	margin-bottom: 0.7em;
}
a:link {
	text-decoration:none;
	color:inherit;
}
a:visited {
	text-decoration:none;
	color:inherit;}

a:active {
	text-decoration:none;
	color:inherit;
}
a:hover { 
	text-decoration:none;
	color:inherit;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
/*
span:hover { 
	text-decoration:none;
	color:inherit;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
*/



.switch {
	visibility: hidden;
}

#wrap{
	overflow:hidden;
}

.top-cover{
	z-index: 1000;
	position:relative;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	background-image:url("../images/cover.png");
	background-repeat: no-repeat;
	background-position: center center!important;
	background-size: 100%;
}

/* ------------------------------
   h
------------------------------ */
h1 {
	position:absolute;
	top:35%;
    left: 0;
	right:0;
	margin:auto;
	width:26%;
	z-index:9;
}

h2{
	font-size: 13px;
	font-weight:600;
	letter-spacing: 0.2em;
	margin-bottom: 5px;
	transform: scale( 1.2 , 1 ); 
}

h3{
	font-size: 15px;
	letter-spacing: 0.3em;
	font-weight:300;
}

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

h5{
	font-size: 12px;
	color: #fff;
	display:inline-block;
	letter-spacing: 0.2em;
	line-height: 30px;
	padding: 3px 22px 4px 24px;
	background-color: #6ea000;
	border-radius: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

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

.icn_sns{
	display: inline-block;
}

.sns-fb{
	margin: -5px 5px 0px 0px;
	float: left;
}
.sns-tw{
	float: left;

}


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


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

.head_logo{
	float:left;
	margin:7px 7px;
	width: 6%;
}

.head_sns{
	float:right;
	margin-left:20px;
	margin-right:5px;
	margin-top:12px
}

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

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

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

.top_slider{
	z-index: 50;
	position:relative;
	margin: 0;
	margin-bottom: -6px;
	padding: 0px;
}

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

#top-top {
	z-index: -10;
	padding: 0px;
	width:100%;
	margin:0 auto;
	margin-bottom: -7px;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-size:auto;
    background-position: center center;
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-image:url("../images/top_top_bg.jpg");	
}

#top-top img{
	margin:0px;
	padding: 0px;
}

#sub-top {
	width:100%;
	height:350px;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
	background-image:url("../images/sub_top_bg.png");
}

.sub-top-bg {height: 100%;
	background: rgba(0,0,0,0.3);
	background-image:url("../images/sub_top_bg.png");
	z-index: -10;
}
.sub-top-logo {width: 100%; height: 100%; display: block; text-align: center; margin: 0 auto;}
.sub-top-img {top: 60px; width: 300px; position: absolute; display: inline-block; text-align: center; margin-left: -150px; z-index: -10;}


#imp-box {
	width:100%;
	color: #fff;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	position: relative;
	background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
	background-image:url("../images/sub_con_bg.png");
}

#imp-box p{
	text-shadow:0px 0px 5px #000;
}

.imp-box-bg {
	padding: 60px 0px;
	height: 100%;
	background: rgba(17,17,17,0.8);
	background-image:url("../images/sub_con_bg.png");
	z-index: -10;
}



@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) }
}

.top_movie {
	background-image:
	url("../images/movie_bg.jpg");
	margin-bottom: -7px;
	line-height: 0px;
}

#video-ctr {
	width: 100%;
    filter:alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
	filter: grayscale(50%);

}

#video-ctr video {

}

.br_control{
	display: inline-block;
}

.top_img{
	position: absolute;
	top: -2000px;
	left: -2000px;
}

.foot-menu-tit{
	width: 230px;
	margin: 0 auto;
}

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

.ent_box {
	background-color: #fff;
	width:100%;
	padding:0px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
}

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

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



#what {
	height: 120px;
}

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


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

.problem-box {
	color: #fff;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.4);
}

.bg-mask {
	background:url("../images/problem_bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

.company-box {
	color: #fff;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,0.4);
}

.company-bg {
	background:url("../images/company_bg.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
	


.about_box {
	background-color: #fff;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
}


.gall_box {
	background-color: #f7f7f7;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
}

.comp_box {
	background-color: #f7f7f7;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
	overflow: hidden;
}

.entry_box {
	background-color: #f7f7f7;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}

.inner_500{
	min-width:200px;
	padding:0px 20px 0px 20px;
	text-align: left;
	margin:0 auto;
	display: inline-block;
}

.entry_box input {
	font-size: 18px;
	color: #777;	
}


.entry_box input[type="button"] {
    -webkit-appearance: none;
	border-radius: 0;
  }

.entry_box input[type="submit"] {
    -webkit-appearance: none;
	border-radius: 0;
  }



.entry_box select {
	font-size: 18px;
	color: #777;
}
.entry_box p {
	width: 100%
}

.entry_box span {
	display:inline-block;
	text-align: left;
	padding: 0px 12px;
	background-color: #12335f;
	color: #fff;
	margin-bottom: 10px;
	font-size: 0.9em;
}


.winner_box {
	color: #fff;
	width:100%;
	padding:60px 0px 70px 0px;
	box-sizing:border-box;
	text-align: center;
	background: radial-gradient(#285fa8, #071c39);
}


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

.sponsor_box {
	background-color: #f7f7f7;
	width:100%;
	padding:60px 0px 60px 0px;
	box-sizing:border-box;
	text-align: center;
}

.sponsor_box hr{
	border-top: 1px dashed #ccc;
	margin: 60px 0px;
}

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

.ex1-eve{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: left;
}

.ex1-eve ul{
	padding: 0px;
	max-width:100%;
	margin-left: 4%;
	display: block;
}

.ex1-eve ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width: 96%;
	margin-right: 4%;
	margin-bottom: 40px;
}
.ex1-eve img{
	box-sizing:border-box;
}

.ex1-eve span{
	display: table;
	width: 100%;
	height: 55px;
	text-align: center;
	font-size: 1.1em;
}

.ex1-eve dd{
	display: table-cell;
    vertical-align: middle;
	line-height: 1.4em;
	font-weight: 500;
}
.ex1-eve dt{
	display: block;
    width: 100%;
	text-align: center;
	font-size: 0.8em;
	margin: 0 auto;
	font-weight: 200;
	margin-bottom: 10px;
	letter-spacing: 0.15em;
}


.ex1-eve p{
	text-align: left;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.85em!important;
	font-weight: 200;
	line-height: 1.8em;
}
.ex1-eve p span{
	text-align: left;
	display: inline;
	font-weight: 500;
}


.ex2-eve{
	width:100%;
	padding: 0px;
	margin:0px auto;
	line-height: 20px;
	text-align: left;
}

.ex2-eve ul{
	padding: 0px;
	max-width:100%;
	margin-left: 4%;
	display: block;
	margin-bottom: -40px;
}

.ex2-eve ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width: 45.5%;
	margin-right: 4%;
	margin-bottom: 40px;
}
.ex2-eve img{
	box-sizing:border-box;
}

.ex2-eve span{
	display: table;
	width: 100%;
	height: 55px;
	text-align: center;
	font-size: 1.1em;
}

.ex2-eve dd{
	display: table-cell;
    vertical-align: middle;
	line-height: 1.4em;
	font-weight: 500;
}
.ex2-eve dt{
	display: block;
    width: 100%;
	text-align: center;
	font-size: 0.8em;
	margin: 0 auto;
	font-weight: 200;
	margin-bottom: 10px;
	letter-spacing: 0.15em;
}


.ex2-eve p{
	text-align: left;
	line-height: 24px;
	margin: 0px 0px 0px 0px;
	display:block;
	font-size: 0.85em!important;
	font-weight: 200;
	line-height: 1.8em;
}
.ex2-eve p span{
	text-align: left;
	display: inline;
	font-weight: 500;
}

.eve_tit{
	float: left;
	font-size: 1em;
	font-weight: 500;
	display:block;
	margin-right: 15px;
}


.eve_thing{
	text-align: left;
	font-size: 1em;
	font-weight: 200;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}


.ex2-wt {
	width:100%;
	max-width: 600px;
	margin: 0 auto;
}

.ex2-wt ul{
	margin-right: -5%;
	margin-bottom:-10px;
}

.ex2-wt ul li{
	text-align: left;
	width: 38%;
	display: inline-block;
	vertical-align: top;
	margin-right: 5%;
	margin-bottom:10px;
}

.back {
  position: absolute;
  top: 2em;
  right: 2em;
  z-index: 100;
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  text-decoration: none;
  transition: color .3s;
}
.back:hover {
  color: #aaa;
}

.flow-box{
	color: #fff;
	color:#333;
	width:100%;
	padding:60px 0px 70px 0px;
	box-sizing:border-box;
	text-align: center;
	overflow: hidden;
}



.flow-bx{
	position:relative;
	-moz-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	-o-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
	-ms-box-shadow: 8px 8px 8px rgba(0,0,0,0.3);
}
.flow-bx span{
	width: 90%;
	height: 100px;
	padding: 5% 5% 8% 5%;
	color: #333;
	background-color: #f7f7f7;
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-align: left;
	line-height: 1.7em;
}

.flow-bx p{
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.15em;
	margin-top: 3px;
	margin-bottom: 7px;
}

.step{
	width: 28%;
	position: absolute;
	top:60%;
	right:2%;
	margin:auto
}

.flow-arw{
	width: 12%;
	position: absolute;
	top:38%;
	right:-15%;
	margin:auto
}

.inner-slick {
  width: 100%;
  margin-left: 2%;
  overflow:visible;
}
.slider-full {
  margin: 40px auto;
}
.slider-wrap01 {
  width: 100%;
	height: 120%;
  margin: 0px auto;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-arrow {
  position: absolute;
  top: 0%;
  z-index: 100;
  padding: 8px 8px;
  background: #005aa6;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  cursor: pointer;
}
.slick-arrow:hover {
  color: #fff;
  opacity: .6;
}
.slick-prev {
  left: -2%;
height: 0;
padding: 0;
}
.slick-next {
  right: 2%;
}
/*
.slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  list-style: none;
}
.slick-dots li {
  display: inline-block;
  margin: 0 8px;
}
.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 12px;
  height: 12px;
  background: #aaa;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
}
.slick-dots .slick-active button,
.slick-dots li button:hover {
  background: #222;
}


#slick02 .slick-slide {
  transition: .5s ease;
  transform: scale(.6);
}
#slick02 .slick-current {
  transform: scale(1);
}

#slick02 .slick-slide {
  transition: .3s ease;
  transform: scale(.8);
  transform-origin: 50% 50%;
  margin-right: 0px;
	margin-left: 0px;
}

#slick02 .slick-current {
  transform: scale(1);
  transform-origin: 0% 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
#slick02 .slick-current + .slick-slide {
  transform-origin: 50% 50%;

}



*/
#slick02 .slick-slide {
  transition: .3s ease;
  transform: scale(.85);
  transform-origin: 150% 50%;
  margin-right: 0px;
	margin-left: 0px;
}

#slick02 .slick-current {
  transform: scale(1);
  transform-origin: 150% 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
#slick02 .slick-current + .slick-slide {
  transform-origin: 150% 50%;

}

/*.slick-current .step img{
	animation: fluffy1 3s ease infinite;
}


.slick-current .step img{
	 border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}



@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(5.0);
    opacity: 0.5;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 1;
  }
}
*/
.slick-current .step img{
	animation: ld-breath  1s ease infinite;
}

@keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-webkit-keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite;
}


#corp-list{
	width: 100%;
	background:#333;
}
#corp-list ul li a{
	background:#666;
	width: 20%;
	float: left;
	padding:20px 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #777;
	box-sizing: border-box;
}
#corp-list ul li a:hover{
	background:#333;
}

.inner_1000{
	max-width:1000px;
	padding:0px 20px;
	text-align: center;
	margin: 0 auto;
}
.ex3 {
	width:100%;
	margin: 0 auto;
	line-height: 18px;
	text-align: left;
	letter-spacing: 0em;
}

.ex3 ul{
	margin-right: -1%;
}

.ex3 ul li{
	text-align: center;
	width: 32.1%;
	padding:13px 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom:10px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 15px #e7e7e7;
    -moz-box-shadow: 0 5px 15px #e7e7e7;
    box-shadow: 0 5px 15px #e7e7e7;
}

.ex3 ul li a{
	
}

.ex3-ccpt {
	width:100%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0em;
}

.ex3-ccpt ul{
	margin-right: -6%;
	margin-bottom:-10px;
}

.ex3-ccpt ul li{
	text-align: center;
	width: 27%;
	padding:10px 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 6%;
	margin-bottom:10px;
}

.ex3-ccpt img{
}

.ex3-mrt {
	width:100%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0em;
}

.ex3-mrt ul{
	margin-right: -3%;
	margin-bottom:-8%;
}

.ex3-mrt ul li{
	text-align: center;
	width: 30%;
	padding:0;
	display: inline-block;
	vertical-align: top;
	margin-right: 3%;
	margin-bottom:8%;
}

.mrt-bx{
	position:relative;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-ms-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
.mrt_top{
	width: 90%;
	padding: 25% 5% 8% 5%;
	color: #333;
	background-color: #f7f7f7;
	display: block;
	font-size: 11px;
	font-weight: 400;
	text-align: center;
	line-height: 2em;
}

.mrt_btm{
	width: 85%;
	height: 120px;
	padding: 10% 7% 8% 8%;
	color: #fff;
	background-color: #f7f7f7;
	display: block;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	line-height: 1.7em;
	letter-spacing: 0.2em;
	background: rgba(0,0,0,0.5);
}


.mrt-bg1 {
	background:url("../images/merit_pic_01.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;

}

.mrt-bg2 {
	background:url("../images/merit_pic_02.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.mrt-bg3 {
	background:url("../images/merit_pic_03.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
	

.mrt-bx p{
	display: block;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: 0.1em;
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	margin:auto
}

.mtr_nmbr{
	width: 28%;
	position: absolute;
	top:-5%;
	right:36%;
}



.tit-icon{
	width: 60px;
	margin: 0 auto;
}


.profile{
	width:47%;
	text-align: left;
	float:left;
}

table.event {
width: 100%;
color:#fff;
margin-bottom:20px;
line-height:1.6em;
}
table.event tr{
	border-bottom: 1px dashed #fff;
}
table.event tr td {width:160px; font-weight:bold;  padding: 20px 0; white-space: nowrap; }
table.event tr td + td{width:auto;font-weight:normal;white-space: normal; }

table.event tr td {width:100px; }



.ccpt-tit{
	font-size: 18px;
	font-weight: 300;
	margin: 0.5em 0;
	letter-spacing: 0.1em;
	display: inline-block;
	line-height: 1.5em;
}

.br{
	display: inline-block;
}

.ex3-win {
	width:100%;
	max-width: 800px;
	margin: 0 auto;
	line-height: 18px;
}

.ex3-win ul{
	margin-right: -3%;
	margin-bottom:-6%;
}

.ex3-win ul li{
	text-align: center;
	width: 30.5%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom:6%;
}

.ex3-win p{
	text-align: center;
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-bottom: 5px;
	margin-top: 5px;
}

.ex3-win span{
	font-size: 1em;
	display: inline-block;
}

.ex4-sps {
	width:100%;
	margin: 0 auto;
	line-height: 18px;
	text-align: left;
}

.ex4-sps ul{
	margin-right: -2%;
	margin-bottom:-1.8%;
}

.ex4-sps ul li{
	text-align: center;
	width: 22.9%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.6%;
	margin-bottom:1.8%;
}

/* ------------------------------
   top img
------------------------------ */

/* ------------------------------
   top img end
------------------------------ */

/* ------------------------------
   hover effect
------------------------------ */

.ex4-he {
	width:100%;
	margin: 0 auto;
	line-height: 18px;
	text-align: left;
}

.ex4-he ul{
	
}



	.caption-style-4{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		margin-right: -1.5%;
	margin-bottom:-1.8%;
		
	}

	.caption-style-4 a:hover {
	filter:alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
	}

	.caption-style-4 li{
		padding: 0px;
		position: relative;
		overflow: hidden;
		text-align: center;
	width: 23.5%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom:1.8%;
	}

	.caption-style-4 li:hover .caption{
		opacity: 1;
	}

	.caption-style-4 li:hover img{
		opacity: 1;
		transform: scale(1.20,1.20);
		-webkit-transform:scale(1.20,1.20);
		-moz-transform:scale(1.20,1.20);
		-ms-transform:scale(1.20,1.20);
		-o-transform:scale(1.20,1.20);
	}


	.caption-style-4 img{
		margin: 0px;
		padding: 0px;
		float: left;
		z-index: 4;
	}
	

/*
	.caption-style-4 .caption{
		cursor: pointer;
		position: absolute;
		opacity: 0;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transition:all 0.45s ease-in-out;
		-o-transition:all 0.45s ease-in-out;
		-ms-transition:all 0.45s ease-in-out;
		transition:all 0.45s ease-in-out;
	}
*/
	.caption-style-4 img{
		-webkit-transition:all 0.25s ease-in-out;
		-moz-transition:all 0.25s ease-in-out;
		-o-transition:all 0.25s ease-in-out;
		-ms-transition:all 0.25s ease-in-out;
		transition:all 0.25s ease-in-out;
	}
	.caption-style-4 .blur{
		background-color: rgba(0,0,0,0.65);
		height: 250px;
		width: 250px;
		z-index: 5;
		position: absolute;
		text-align: center;
	}

.blur2{
		background-color: rgba(0,0,0,0.40);
		height: 100%;
		width: 100%;
		z-index: 5;
		position: absolute;
		text-align: center;
	}

.blur2:hover{
		background-color: rgba(0,0,0,0.65);
	-webkit-transition:all 0.35s ease-in-out;
		-moz-transition:all 0.35s ease-in-out;
		-o-transition:all 0.35s ease-in-out;
		-ms-transition:all 0.35s ease-in-out;
		transition:all 0.35s ease-in-out;
	}

.blur_txt{
		top:33%;
		position:relative;
		text-align: center;
		color: #fff;
	    font-size: 0.85em;
		letter-spacing: 0.2em;
		line-height: 1.2em;
		font-weight: 400; 
		z-index: 15;
	}

.blur_txt_img{
		text-align: center;
		width: 22%;
		display: inline-block;
		margin:  0 auto;
		margin-bottom: 5%;
	}

.blur_txt p{
		text-align: center;
		letter-spacing: 0.1em;
	    font-weight: 500;
		font-size: 1.1em;
	}

	.caption-style-4 .caption-text h6{
		font-size: 1em;
		font-weight: 600;
		letter-spacing: 0.2em;
		margin-bottom: 10px;
	}
	.caption-style-4 .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.caption-text{
		margin: 10px 15px;
	}
	.caption-text p{
		width: 100%;
	}


/* ------------------------------
   hover effect END
------------------------------ */

.ex5-sps {
	width:100%;
	margin: 0 auto;
	line-height: 18px;
	text-align: left;
}

.ex5-sps ul{
	margin-right: -2%;
}

.ex5-sps ul li{
	text-align: center;
	width: 18%;
	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	margin-bottom:1.8%;
}

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

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

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

/* ------------------------------
   イベント概要
------------------------------ */
.ev_pro{
	max-width:750px;
	padding: 1% 2%;
	background-color: #94c465;
	color: #fff;
	font-size: 1.1em;
	border: dotted 1px #777;
	background: radial-gradient(#285fa8, #071c39);
}

.ev_val{
	max-width:750px;
	text-align: left;
	padding: 3%;
	border: dotted #777;
	border-width:0px 1px 0px 1px;
	background-color: #fafafa;
}

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

.ev_val_end {
	max-width:750px;
	text-align: left;
	padding: 3% 3% 3.5% 3%;
	border: dotted #777;
	border-width:0px 1px 1px 1px;
}

.bt_entry_w{
	display: inline-block;
	width: 400px;
	text-align: center;
	background-color: #fff;
	padding: 20px 0;
	color: #333;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	font-weight: 600;
	margin-top: 30px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	animation: fluffy1 3s ease infinite;
}

.bt_entry_w span{
	display: inline-block;
}

.bt_entry_b{
	display: inline-block;
	width: 400px;
	text-align: center;
	background-color: #a30043;
	padding: 20px 0;
	color: #fff;
	font-size: 1.1em;
	letter-spacing: 0.3em;
	font-weight: 600;
	margin-top: 30px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	animation: fluffy1 3s ease infinite;
}

.bt_entry_b span{
	display: inline-block;
}

.bt_entry_bk{
	display: inline-block;
	max-width: 300px;
	text-align: center;
	background-color: #333;
	padding: 23px 35px 15px 35px;
	color: #fff;
	font-size: 0.8em;
	letter-spacing: 0.3em;
	line-height: 1.7em;
	font-weight: 300;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	animation: fluffy1 3s ease infinite;
}

.bt_entry_bk img{
	width: 150px;
}

.bt_entry_c{
	display: inline-block;
	width: 270px;
	text-align: center;
	background-color: #a30043;
	padding: 25px 0;
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.2em;
	font-weight: 600;
	margin-top: 20px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.btn-outer{
	width: 100%;
	display: block;
	text-align: center;
}


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

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

.decimal ul li {list-style-type: decimal; list-style-position:inside; text-indent:-1.2em; padding-left:1em;}
.decimal li:before {
	margin-right: -0.3em;
}

.map_box{ width:47%; float: right;  margin-top: 5px; margin-left: 30px; }
.map_box span{ width:100%; text-align: left; display: block; padding: 10px 0; font-size: 1em; font-weight: 500;}
.map{ background-color:#fff; max-width:100%; height:350px; box-sizing:border-box;overflow:hidden; text-align:left; border: solid 3px #fff;}



/* ------------------------------
   イベント概要ここまで
------------------------------ */

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

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



.fixed {
    position: fixed;
    top: 7px;
    width: 100%;
    z-index: 10000;
}

nav{
	width: 100%;
	z-index: 2000;
	position:absolute;
	top: 0;
    left: 0;
    transition: .3s;
}


#menu-box{
	top:0px;
	left: 0px;
	width: 100%;
	height: 85px;
	background-image:
	url("../images/bg_white_90.png");
	-webkit-box-shadow: 0px 6px 10px -5px #333;
    -moz-box-shadow: 0px 6px 10px -5px #333;
    box-shadow: 0px 6px 10px -5px #333;
	z-index: 500;
	position:fixed;
}

#menu-block{
	width: 100%;
}

#menu-block ul li{
	width: 11.625%;
	height: 85px;
	float: left;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	padding:16px 4px;
	line-height: 0.9em;
	margin: 0;
}
#menu-block ul li a{
	font-weight: 200;
	font-size: 10px;
	letter-spacing: 0em;
}
#menu-block ul li a:hover{
}

#menu-block ul li img{
	width: 40px;
	margin-bottom: 5%;
}

#menu-block ul li span{
	display: block;
}

.menu-logo{
	width: 7%;
	height: 100%;
	float: left;
	
	background-color:#333;
	box-sizing: border-box;
	position: relative;
}

.menu-logo img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 60%;
}

.menu-sns{
	width: 5%;
	height: 100%;
	float: left;
	padding:27px 0;
	background-color:#f7f7f7;
	box-sizing: border-box;
	position: relative;
}


.menu-sns img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 40px;
}

.sp_menu{
	display:none;
}


/*
.menu-box{
	margin-top: -7px!important;
	width:100%;
	height: 70px;
	text-align: center;
	margin: 0 auto;
	vertical-align: top;
	background-image:
	url("../images/bg_white_70.png");
}

.menu-inner{
	width:100%;
	padding:0px 20px 0px 10px;
	text-align: center;
	margin:0px auto;
}

.menu-logo {
	
	width:8%;
	display:table-cell;
	height: 54px;
	float: left;
	vertical-align: middle;
	padding: 0;
	position: relative;
}

.menu-logo img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 80%;
}



.ex-menu {
	width: 89.5%;
	margin: 0 auto;
	float: left;
	vertical-align: top;	
}

.ex-menu ul{
	text-align:right;
	height: 55px;
	margin: 0 auto;
}

.ex-menu ul li{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	width: 16%;
	height: 55px;
	background-color: #12335f;
	color: #fff;
	font-size: 12px;
}

.menu-p{
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	height: 55px;
	width: 800px;
	
}*/

.tit-bar{
	width: 100%;
	height: 70px;
	padding: 23px 0 7px 0;
	background-color:#222;
	-webkit-box-shadow: 0px 6px 10px -5px #333;
    -moz-box-shadow: 0px 6px 10px -5px #333;
    box-shadow: 0px 6px 10px -5px #333;
	z-index: 1000;
}

.tit-bar img{
	width: 200px;
}

.tit-bar-sub{
	width: 100%;
	height: 70px;
	padding: 18px 0 12px 0;
	background-color:#222;
	-webkit-box-shadow: 0px 6px 10px -5px #333;
    -moz-box-shadow: 0px 6px 10px -5px #333;
    box-shadow: 0px 6px 10px -5px #333;
	z-index: 10;
	position: relative;
}

.tit-bar-sub img{
	width: 250px;
}

.tit-bar3{
	width: 200px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 10px 0 10px;
	border-color: #222 transparent transparent transparent;
	margin: 0 auto;
	position:relative;
	z-index: 10;
}
.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;
}

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


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

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

.foot_logo{
	width: 190px;

}

.foot2_box {
	background-color: #222;
	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;
	overflow: hidden;
}
.foot2_box span{
	display:inline-block;
	margin: 7px 0px;
}

.foot_left{float: left; width: 45%; text-align: center; margin-bottom: 70px;
}
.foot_right{ float: right; width: 45%; text-align: center; margin-bottom: 70px;
}

.foot_left p{ font-weight: 600; font-size: 22px; letter-spacing: 0.15em; margin-bottom: 20px;
}
.foot_right p{ font-weight: 600; font-size: 21px; letter-spacing: 0.15em; margin-bottom: 20px;
}

.news_box{ width: 100%; height: 360px; border: solid 1px #fff; color: #333; padding: 0; background-color: #fff; overflow-y: scroll; text-align: left; font-size: 0.9em; line-height: 1.5em;
}

.news_box ul li{ padding: 2%; border-bottom: dotted 1px #ccc;
}

.news_box span{ color: #999; display: block; font-size: 0.9em; margin-bottom: 3px;
}

.fb_box{ width: 100%; height: 360px; border: solid 1px #fff; line-height: 0; padding: 0; overflow: hidden;
}

.ft_bx{ text-align: left;
}
.ft_icn{ float: left; min-width: 30px; height: 30px; padding-right: 30px;
}
.ft_icn img{height: 30px; width: auto;
}

.ft_txt_bx{ float: left; min-width: 30px;  text-align: left; font-size: 0.9em; letter-spacing: 0.2em; line-height: 2.5em; margin-left: 30px; margin-top: -10px; display:inline-block;
}

.ft_txt{ float: left; min-width: 30px;  margin-right: 40px; text-align: left;
}

.ft_mail{ float: right; max-width: 220px;
}

.ft_mail_2{ display: none;
}

.mail_box{ border: solid 1px #fff; padding: 10px 20px; text-align: center;
}

.mail_box hr{ border: 0.5px dashed ; margin-bottom: 8px;
}

.mail_box img{ 	width: 25px; vertical-align:text-bottom; margin-right: 10px;
}



.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.eve_list_box{
	overflow: hidden;
	font-size: 1em;
	letter-spacing: 0em;
	text-align: center;
	margin: 0 auto;
	width: auto;
	max-width: 950px;
}

.ev_list_tit{
	font-weight: 400;
}

.eve_list1{display: inline-block; text-align: left; width: 33%; margin-right: 1%; line-height: 22px;vertical-align: top;}
.eve_list2{display: inline-block; text-align: left; width: 33%; margin-right: 1%; line-height: 22px;vertical-align: top;}
.eve_list3{display: inline-block; text-align: left; width: auto; line-height: 22px;vertical-align: top;}
.eve_list4{display: inline-block; 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: #659fd6;
	font-size: 0.5em;
	vertical-align:0.2em;
}



.conte_box{
	min-height: 100px;
}

.conte_left{
	float:left;
	width: 50%;
}

.conte_right{
	float:right;
	width: 50%;
}

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

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



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

.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: #333;
  z-index: 2;
	font-size: 0.9em;
}
#loader img{
  width: 50px;
  height: 31px;
	margin-left: -10px;
}


/* ------------------------------
   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}
.mb55{margin-bottom: 55px}
.mb60{margin-bottom: 60px}
.mb65{margin-bottom: 65px}
.mb70{margin-bottom: 70px}
.mb75{margin-bottom: 75px}
.mb80{margin-bottom: 80px}
.mb85{margin-bottom: 85px}
.mb90{margin-bottom: 90px}
.mb95{margin-bottom: 95px}
.mb100{margin-bottom: 100px!important}
.mb110{margin-bottom: 110px}
.mb120{margin-bottom: 120px}
.mb130{margin-bottom: 130px}
.mb140{margin-bottom: 140px}
.mb150{margin-bottom: 150px}

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

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



@media (min-width:768px){

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

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


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


.ex3 ul{
	margin-right: -0.5%;
}

.ex3 ul li{

	width: 49%;
	padding:10px 0;
	margin-right: 0.5%;
	margin-bottom:10px;
	font-size: 0.9em;
}
	
.ft_txt_bx{ margin-left: 10px;
}

.foot_left{width: 48%;}
.foot_right{width: 48%;}
.step{top:52%;}

}

@media (max-width:950px){
	
	.ft_txt_bx{ margin-left: 0px;
}

	.ft_txt{ margin-right: 20px;
}
	

}

@media (max-width:900px){
	
	.ft_txt_bx { float: none; margin-top: 25px;}
	.ft_mail{ width: 220px;}
	table.event tr td span {display: block;}
	

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

h1 {
	top:30%;
	width:55%;
}

#video-ctr {
	position:absolute;
	top: 0px;
	left: 0px;
}

.top_img{
	position: relative;
	top: 0px;
	left: 0px;
}

#menu-box{
	margin-top: 0;
	height: 100px;
}
#menu-block{
	width: 100%;
}
	
#menu-block ul{
	padding:7px 0;
	line-height: 0;
}

#menu-block ul li{
	height: 45px;
	width: 22.5%;
	float: left;
	padding:0px 2px;
	text-align: center;
	box-sizing: border-box;
}
#menu-block a:hover{
}

#menu-block ul li a{
	font-weight: 200;
	font-size: 10px;
	letter-spacing: 0em;
	line-height: 2em;
	font-size: 9px;
}

#menu-block ul li span{
	display:;
}

#menu-block ul li img{
	width: 20%;
	vertical-align: middle;
	margin: 0 0px 0 0;
}


.menu-logo{
	width: 10%;
	float: left;
	padding:33px 0;
	background-color:none!important;
	box-sizing: border-box;
	position: relative;
}

.menu-logo img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 75%;
}

.tit-bar{
	width: 100%;
	height: 55px;
	padding: 14px 0 0px 0;
}

.tit-bar img{
	width: 160px;
}

.ex3-win ul{
	margin-right: -4%;
}

.ex3-win ul li{
	width: 45%;
	margin-right: 4%;
	margin-bottom:30px;
}
	
.ex3-ccpt ul{
	margin-right: -2%;

}

.ex3-ccpt ul li{

	width: 30%;
	margin-right: 2%;

}
	

.eve_list_box{
	overflow: hidden;
	font-size: 1em;
	letter-spacing: 0em;
	text-align: center;
	margin: 0 auto;
	padding-left: 0px;
	max-width: 320px;
	width: 100%;
}

.eve_list1{display: inline-block; text-align: left; width: auto; margin-right: 2%; line-height: 22px;vertical-align: top;}
.eve_list2{display: inline-block; text-align: left; width: auto; line-height: 22px;vertical-align: top;}
.eve_list3{display: inline-block; text-align: left; width: auto; line-height: 22px;vertical-align: top;}
.eve_list4{display: inline-block; float: left; text-align: left; width: auto;}
	
.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%;}
	
	
.inner_eve{
	max-width: 100%;
	padding:0px 7% 0px 7%;
	text-align: center;
	margin:0px auto;
}




.ex2req ul{margin-right: -8%;}
.ex2req ul li{
	width: 80%;
	margin-right: 0%;
	margin-bottom:20px;
	padding: 6%;
	}	
	


	
.head_logo{width: 15%;}

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

.ex4-sps ul{
	margin-right: -5%;

}

.ex4-sps ul li{

	width: 30%;
	margin-right: 1.7%;
}

.caption-style-4{
	margin-right: -5%;
}

.caption-style-4 li{
	width: 30%;
	margin-right: 1.7%;
}



.caption-style-4 li{

	width: 30%;
	margin-right: 1.7%;
}

.ex3-mrt ul{
	margin-right: -3%;
}

.ex3-mrt ul li{
	width: 46%;
	margin-right: 3%;
}


.profile{float:none; width: 100%;}
.map_box{float:none; width: 100%; margin-left: 0px; margin-bottom: 20px;}
.ft_mail{ width: auto;}

#menu-box{
display: none;
}	

/**/
.lock {
overflow:hidden;
}

.modal-content {
position:relative;
display:none;
width:96%;
margin:0px 0% 30px 2%;
padding:10px 0 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;
}

.modal-content p {
margin:0 4% 2% 0;
padding:0;
color: #fff;
font-size: 45px;
transform: scale( 1   , 0.6 );
font-weight: 100;
}

.modal-overlay {
z-index: -1;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
z-index:800;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:1000%;
overflow:auto;
background-color:rgba(0,0,0,0.75);
}
	
.close_top {
color:#00f;
text-align: right;
top:0px;
right: 12px;
}

.sp_menu{
	display:block;
	width: 100%;
	position: fixed;
	z-index: 100;
	margin: 0 auto;
}

.modal-open	{
	background: #222;
	color: #fff;
	width: 70px;
	height: 45px;
	display:block;
	padding: 15px 0 0 0;
	vertical-align: middle;
	text-align: center;
	z-index: 100;
}
	
.modal-open	img {
	width: 35px;

}

.modal-open:hover {
cursor:pointer;
}
	
/*
.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.modal-close {
color:#00f;
text-align: right;
}
*/
.modal-close:hover {
cursor:pointer;
}
/*
p.close_top{
text-align: right;
margin: 10px 0 20px;
}

p.close_top .modal-close{
height:35px;
border:1px solid #A5A4A4;
color: #A5A4A4;
font-size: 1.2em;
margin-right: 20px;
padding:10px 20px;
border-radius: 10px;
background-color: #ffffff;
}

.modal-content > ul{
overflow: hidden;
margin:0;
padding:0;
}

.modal-content > ul li.lavel{
background-color: #F70841;
font-size: 1.6em;
padding:5px 30px;
font-weight: bold;
}


.modal-content > ul li.lavel a{
color: #fff;
}

ul.nav_box{
background-color: #f1f1f1;
margin:0;
padding:15px 0 0;
overflow: hidden;
}

ul.nav_box li{
font-size: 1.5em;
width: 47%;
float: left;
margin:0 0 20px 3%;
}

ul.nav_box li a{
color: #505050;
display: block;
}


p.close_bottom{
background-color: #e8e6c2;
overflow: hidden;
text-align: center;
}


p.close_bottom a{
display: block;
color:#a5a4a4;
background-color: #fff;
padding:10px 30px;
font-size: 1.4em;
}
*/

ul.gnav{
	width: 100%;
		
}

.gnav-tit{
	width: 100%;
	text-align: center;
	margin-bottom: 3%;
}

.gnav-tit img{
	width:30%;
	display: block;
	padding-right: 7%;
	margin: 0 auto;
}

ul.gnav li {
	border: 1px solid #fff;
	width: 22.5%;
	height: 20vw;
	margin: 0 7px 7px 0;
	float: left;
	display: table;
	background: #222;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
ul.gnav li p {
	display: table-cell;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	transform: scale( 1   , 1 );
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: 300
}
.gnav img {
      width: 25%;
	margin: 0 auto;
		margin-bottom: 3%;
    }
	
	/*
	.gnav ul {
		width: 100%;
    }

	
    .gnav li {
      border: 1px solid #fff;
	  background: #222;
	  float: left;
	  width: 21%;
	  height: 19vw;
	  margin: 1%;
	  display: table;
    }
	.gnav p {
      transform: scale( 1   , 1 );
		font-size: 1em;
		display: table-cell;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
    }
	
	.gnav span {
    }
	
    .1gnav li a {
      text-decoration: none;
      /* (44-16)/2=14px *//* 
      padding: 1rem 1rem;
    }
	
	.gnav li img {
      width: 35%;
	margin: 0 auto;
	display: block;
		margin-bottom: 3%;
    }*/
/**/

.top-cover{
	background-size: 160%;
}
table.event tr td span {display: inline;}

}

@media (max-width:600px){

.ex2-eve ul{
	padding: 0px;
	max-width:100%;
	margin-left: 4%;
	display: block;
	margin-bottom: -40px;
}

.ex2-eve ul li{
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width: 96%;
	margin-right: 4%;
	margin-bottom: 40px;
}
		

.ex3 ul{
	margin-right: 0%;
}

.ex3 ul li{

	width: 100%;
	padding:10px 0;
	margin-right: 0%;
	margin-bottom:10px;
}

.ex3-win-sps ul{
	margin-right: -3.6%;

}

.ex3-win-sps ul li{

	width: 31%;
	margin-right: 1.4%;
}

.ex4-sps ul{
	margin-right: -3.6%;

}

.ex4-sps ul li{

	width: 31%;
	margin-right: 1.4%;
}
	



.ex5-sps ul{
	margin-right: -2.5%;
	margin-bottom:-10px;
}

.ex5-sps ul li{
	text-align: center;
	width: 23%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1%;
	margin-bottom:10px;
}

.inner_750_foot{
	text-align: center;
}

.ex3-ccpt ul{
	margin-right: -2%;

}

.ex3-ccpt ul li{

	width: 45%;
	margin-right: 2%;
	margin-bottom: 0;

}

.ex4-sps ul{
	margin-right: -4%;

}

.ex4-sps ul li{

	width: 47%;
	margin-right: 1.7%;
}

.caption-style-4{
	margin-right: -4%;

}	
.caption-style-4 li{

	width: 47%;
	margin-right: 1.7%;
}	

.foot_left {
	float: none; width: 80%; text-align: center; padding-top: 20px; margin: 0 auto;
}

.foot_right {
	float: none; width: 80%; text-align: center;  padding: 50px 0; margin: 0 auto;
}

.ft_bx{ text-align: center;}
	
.ft_mail{ display: none;}
.ft_mail_2{ display:block; width: 300px; margin: 0 auto; margin-top: 30px;}
	
.ft_txt_bx{ margin: 0 auto; margin-top: 30px; margin-right: -20px; font-size: 0.8em; }

.ft_icn_bx{ float: none; display:inline-block; margin: 0 auto; margin-right: -30px;}
.{width: 70%;}
.flow-bx p{
	font-size: 14px;
}
	
.flow-bx span{
	font-size: 10px;
	line-height: 1.5em;
}
.step{
	top:55%;
}

	.caption-style-4{
	margin-bottom:-3s%;
		
	}

	.caption-style-4 li{
	margin-bottom:3%;
	}
	.slick-next {
  right: 1%;
}
    ul.gnav li  {
	  width: 30%;
		height: 28vw;
    }
	.gnav-tit img{
		width:35%;
		padding-right: 5%;
	}

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

	
.ex2-wt ul{
	margin-right: -5%;
}

.ex2-wt ul li{
	width: 55%;
	margin-right: 5%;
	margin-bottom:20px;
}

	
.eve_list{width: 100%; margin-right: 0%;}



.ev_pro{
	font-size: 1.1em;
}

.ev_val{
	font-size: 0.85em;
	line-height: 1.7em;
}

.ev_val_end {
	font-size: 0.85em;
}



.notice{
	line-height: 1.6em;
}




#menu-block ul li img{
	width: 28%;
}

	
.foot_left {
	width: 100%;
}

.foot_right {
	width: 100%;
}

.ex3-mrt ul{
	margin-right: 0%;
}

.ex3-mrt ul li{
	width: 100%;
	margin-right: 0%;
}

.bt_entry_w{
	width: 100%;
}

.bt_entry_b{
	width: 100%;
}

.step{
	top:48%;
}

    ul.gnav li  {
	  font-size: 0.75em;
    }
	.gnav-tit img{
		width:40%;
		padding-right: 6%;
	}


}


@media (max-width:460px){

	h2 img{
	max-width: 150px;
	width: auto;
	}
}


.imp-block {
	display: flex;
	justify-content: flex-start;;
	align-items: flex-start;
	flex-wrap: nowrap;
	line-height: 1.6em;
	margin-bottom: 0.5em;
}

.imp-date {
	white-space: nowrap;
	margin-right: 1em;
}

.imp-conte {
	text-align: left;
	width: 100%;
}

.gallery-box {
	background-color: #fff;
	overflow: hidden;
	display: block;
	line-height: 0;
	padding: 15px 0;
}

.gallery-box ul li {
	margin: 0 0.5%;
}




