body{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #FFF;
    background-color: #000000;
}
}
body.active{overflow:hidden;z-index:-1}
.no-js #program-timeline>div{background:#fff;padding:10px;margin-bottom:10px;border:1px solid #dcd9d9}
.no-js #program-timeline>div h3{font-size:1.5em;font-weight:300;color:#374054;display:inline-block;margin:0}
.no-js #program-timeline>div h4{font-size:1.2em;font-weight:300;color:#7e8890;margin:0 0 15px 0}
.no-js #program-timeline>div p{color:#74808a;font-size:0.9em;margin:0}
.no-js #program-timeline:before,.no-js #program-timeline:after{content:none}
@-webkit-keyframes dropHeader{
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes dropHeader{
0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}


header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
	-webkit-animation-name: dropHeader;
	animation-name: dropHeader;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
background: #2b272a; /* Old browsers */
background: -moz-linear-gradient(top, #2b272a 0%, #2c3438 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2b272a 0%,#2c3438 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2b272a 0%,#2c3438 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


header ul{
	display: inline-block;
	text-align: center;
	padding: 10px;
	margin: 0;
	width: 100%;
	background-color: #000;
}
header li{display:inline-block}
header a{
	display: block;
	color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top:10px;
	margin-bottom:10px;
}
header a:hover{color:#000;text-decoration:none;background:#eee;border-radius:4px}
header a:focus{color:#3498db;text-decoration:none}
header.active{display:block}
header.sticky{position:fixed;z-index:999}
#menu.active{display:block}
#mobile-menu-open{display:none;cursor:pointer;position:fixed;right:15px;top:10px;color:#3498db;font-size:1.5em;z-index:20;padding:0 7px;border-radius:4px;background:#fff}
#mobile-menu-close{display:none;text-align:right;width:100%;background:#fff;font-size:1.5em;padding-right:15px;padding-top:10px;cursor:pointer;color:#3498db}
#mobile-menu-close span{font-size:0.5em;text-transform:uppercase}
#mobile-menu-close i{vertical-align:middle}
footer{
	background-color: #000000;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height:300px;
	position: relative;
	z-index: 10;
}
.copyright{padding-top:20px}
.copyright p{
	margin: 0;
	color: #FFFFFF
}
.top{text-align:center}
.top span{
	cursor: pointer;
	display: block;
	margin: 15px auto 0 auto;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 3px solid #FFF;
	text-align: center
}
.top i{
	color: #FFFFFF
}
.social{text-align:right}
.social ul{margin:5px 0 0 0;padding:0}
.social li{display:inline-block;font-size:1.25em;list-style:none}
.social a{display:block;color:#74808a;padding:10px}
.social a:hover{color:#3498db}
.btn-rounded-white{display:inline-block;color:#fff;padding:5px 10px;border:3px solid #fff;border-radius:30px;-webkit-transition:.5s ease all;transition:.5s ease all}
.btn-rounded-white:hover{color:#3498db;background:#fff;text-decoration:none}
.shadow{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.shadow-large{box-shadow:0 3px 6px rgba(0,0,0,0.08),0 3px 6px rgba(0,0,0,0.15)}
.heading{
	position: relative;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 300;
	margin: 0 0 30px 0
}
.heading:after{
	position: absolute;
	content: '';
	top: 100%;
	height: 1px;
	width: 50px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: #9A5656;
}
.background-alt{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#292d29+0,3d3035+100 */
background: #000; /* Old browsers */
background: -moz-linear-gradient(top, #000 0%, #292d29 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #000 0%,#292d29 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #000 0%,#292d29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#292d29',GradientType=0 ); /* IE6-9 */}



.background-alt2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b272a+0,2c3438+100 */
background: #2b272a; /* Old browsers */
background: -moz-linear-gradient(top, #2b272a 0%, #2c3438 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2b272a 0%,#2c3438 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2b272a 0%,#2c3438 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b272a', endColorstr='#2c3438',GradientType=0 ); /* IE6-9 */}


#lead{
    position: relative;
    height: 100vh;
    min-height: 700px;
    max-height: 1080px;
    background-size: cover;
    padding: 15px;
    overflow: hidden;
    background-image: url(../images/bg.png);
    background-position: center center;
}
#lead-content{
	position: relative;
	z-index: 10;
	margin-top: 20px;
}
#lead-content h1,#lead-content h2{margin:0}#lead-content h1{color:#fff;font-weight:900;font-size:5em;text-transform:uppercase;letter-spacing:0.05em;line-height:0.9em}
#lead-content h1,#lead-content h2{margin:0}
#lead-content h1{color:#fff;font-weight:900;font-size:5em;text-transform:uppercase;letter-spacing:0.05em;line-height:0.9em}
#lead-content h2{color:#FFF;font-weight:500;font-size:2.25em;margin-bottom:15px}
.lead-overlay{

        background:url(../images/dot.svg);
        content:'';
        height:100%;
        position: absolute;
        top: 0;
        left: 0;
        width:100%;
}
#footer-overlay{

        background:url(../images/dot.svg);
        content:'';
        height:100%;
        position: absolute;
        top: 0;
        left: 0;
        width:100%;
}


#lead-down{position:absolute;left:0;right:0;width:100%;text-align:center;z-index:10;bottom:15px;color:#fff}
#lead-down span{cursor:pointer;display:block;margin:0 auto;width:35px;height:35px;border-radius:50%;border:3px solid #a0cfee;text-align:center}
#lead-down i{-webkit-animation:pulsate 1.5s ease;animation:pulsate 1.5s ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;padding-top:5px}
@-webkit-keyframes pulsate{
0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
50%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}
100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
}
@keyframes pulsate{
0%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
50%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}
100%{-webkit-transform:scale(1, 1);transform:scale(1, 1)}
}


#outline{
	padding-top: 100px;
	padding-right: 15px;
	padding-bottom: 75px;
	padding-left: 15px;
}


#outline h2{color:#FFF}
#outline p{
	color: #FFFFFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
#program{
	text-align: center;
	padding-top: 73px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;

}
#program h2{color:#FFF;}
#program-timeline{margin:30px auto 0 auto;position:relative;max-width:1000px}
#program-timeline:before{position:absolute;content:'';top:0;bottom:0;left:303px;right:auto;height:100%;width:3px;background:#3498db;z-index:0}
#program-timeline:after{position:absolute;content:'';width:3px;height:40px;background:#3498db;background:-webkit-linear-gradient(top, #3498db, rgba(52,152,219,0));background:linear-gradient(to bottom, #3498db, rgba(52,152,219,0));top:100%;left:303px}

.program-block h4{
color: #FFF;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
line-height: 1.3;/*行高*/
background: #0099CC;
vertical-align: middle;/*上下中央*/
border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
margin-bottom:20px;
margin-top:20px;
width:100%;
}

.program-block h4:before {
content: '●';
color: white;
margin-right: 8px;
}
.vtimeline-content{margin-left:350px;background:#fff;border:1px solid #e6e6e6;padding:15px;border-radius:3px;text-align:left}
.vtimeline-content h3{font-size:1.5em;font-weight:300;color:#374054;display:inline-block;margin:0}
.vtimeline-content h4{font-size:1.2em;font-weight:300;color:#7e8890;margin:0 0 15px 0}
.vtimeline-content p{color:#333;font-size:1em;margin:0}
.vtimeline-point{position:relative;display:block;vertical-align:top;margin-bottom:30px}
.vtimeline-icon{position:relative;color:#fff;width:50px;height:50px;background:#3498db;border-radius:50%;float:left;z-index:99;margin-left:280px}
.vtimeline-icon i{display:block;font-size:2em;margin-top:10px}
.vtimeline-date{width:260px;text-align:right;position:absolute;left:0;top:10px;font-weight:300;color:#374054}
#program{
	text-align: left;
	padding-top: 100px;
	padding-right: 15px;
	padding-bottom: 80px;
	padding-left: 15px;
}
#program h2{color:#FFF;margin-bottom:10px}
.program-block{text-align:left}
.program-block h3{font-weight:500;float:left;margin:0;color:#374054}
.program-block p,.program-block ul{
	margin: 0;
	color: #FFF;
	font-size: 1em
}
.program-block ul{padding:0 0 0 20px}
#registration{
	text-align: left;
	padding-top: 100px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}
.registration-block{max-width:950px;margin:0 auto 30px auto;text-align:left}
#registration p{
	color: #FFFFFF;
	line-height:1.6em;
}
#registration h2{
	color: #FFFFFF;
	margin-bottom: 50px
}

#registration h4{
position: relative;
padding: 0.25em 0;
margin-top:1em;
}
#registration h4:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(70, 130, 180), transparent);
background: -webkit-linear-gradient(to right, rgb(70, 130, 180), transparent);
background: linear-gradient(to right, rgb(70, 130, 180), transparent);
}

.project{position:relative;max-width:900px;margin:0 auto 30px auto;overflow:hidden;background:#fff;border-radius:4px}
.project-image{float:left}
.project-info{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:300px;padding:15px}
.project-info h3{font-size:1.5em;font-weight:300;color:#374054;margin:0 0 15px 0}
.project-info p{color:#74808a;margin:0 0 15px 0;font-size:0.9em}
#skills{
	text-align: center;
	padding-top: 73px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}
#skills h2{color:#FFF;margin-bottom:50px}
#skills ul{display:block;margin:0 auto;padding:0;max-width:800px}
#skills li{display:inline-block;margin:7px;padding:5px 10px;color:#374054;background:#e4e4ea;list-style:none;cursor:default;font-size:1.2em}


#contact{
	text-align: left;
	padding-top: 100px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}
.contact-block{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#contact h2{color:#FFF;margin-bottom:50px}
#contact h4{
color: #FFF;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
line-height: 1.3;/*行高*/
background: #3498db;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
margin-bottom:20px;
margin-top:20px;
width:100%;
}

#contact h4:before {
content: '●';
color: white;
margin-right: 8px;
}

#contact-form{max-width:500px;margin:0 auto}
#contact-form input,#contact-form textarea{display:block;width:100%;padding:10px;border-radius:4px;border:none;margin-bottom:10px;background:#1d6fa5;color:#fff;-webkit-transition:.5s ease all;transition:.5s ease all}
#contact-form input::-webkit-input-placeholder,#contact-form textarea::-webkit-input-placeholder{color:#fff}
#contact-form input:-moz-placeholder,#contact-form textarea:-moz-placeholder{color:#fff;opacity:1}
#contact-form input::-moz-placeholder,#contact-form textarea::-moz-placeholder{color:#fff;opacity:1}
#contact-form input:-ms-input-placeholder,#contact-form textarea:-ms-input-placeholder{color:#fff}
#contact-form input:focus,#contact-form textarea:focus{outline:none;background:#16527a}
#contact-form textarea{height:150px;resize:none}
#contact-form button{display:block;width:100%;background:#fff;border-radius:4px;padding:5px 10px;border:none;color:#3498db;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);-webkit-transition:.5s ease all;transition:.5s ease all}
#contact-form button:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}



#mapsec{
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.mapsec-block{
	width: 100%;
	text-align: center
}

#link{
	text-align: left;
	padding-top: 100px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}
.link-block{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#link h2{color:#FFF;margin-bottom:50px}
#link h4{
color: #FFF;/*文字色*/
padding: 0.5em;/*文字周りの余白*/
line-height: 1.3;/*行高*/
background: #3498db;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 25px 25px 25px;/*左側の角を丸く*/
margin-bottom:20px;
margin-top:20px;
width:100%;
}

#link h4:before {
content: '●';
color: white;
margin-right: 8px;
}


@media only screen and (max-width: 750px){
n:relative;margin-bottom:15px;display:block;margin-left:70px}
.vtimeline-icon{margin-left:0}
.vtimeline-content{margin-left:70px}
}
@media only screen and (max-width: 992px){
#lead{padding:10px 15px}
#lead-content{position:relative;-webkit-transform:none;transform:none;left:auto;top:auto}
#lead-content h1{font-size:3em}
#lead-content h2{font-size:1.75em}
#outline{text-align:center}
#outline p{text-align:left}
}
@media only screen and (max-width: 768px){
header{position:fixed;display:none;z-index:999;-webkit-animation:none;animation:none;bottom:0;height:100%}
#mobile-menu-open,#mobile-menu-close{display:block}
#menu{height:100%;overflow-y:auto;box-shadow:none;border-radius:0;width:100%}
#menu li{display:block;margin-bottom:10px}
#lead-content h1{font-size:2em}
#lead-content h2{font-size:1.3em}
#lead-content a{padding:10px 20px}
#lead-down{display:none}
.program-block h3,.program-block span{float:none}
.project-image{display:none}
.project-info{position:relative;margin:0;top:auto;-webkit-transform:none;transform:none}
footer{text-align:center}
.social{text-align:center}
#lead{
	position: relative;
	height: 100vh;
	min-height: 500px;
	max-height: 1080px;
	background-size: cover;
	padding: 15px;
	overflow: hidden;
	background-image: url(../images/bg.png);
	background-position: center center;
}
}
@media only screen and (max-width: 480px){
#lead-content h1{font-size:1.5em}
#lead-content h2{font-size:1em}
#lead-content a{font-size:0.9em;padding:5px 10px}
}
.program-block ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: disc;
	line-height: 160%;
}
.program-block ul li{
	color: #FFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height:1.7em;
	font-weight:normal;
}
.program-block ol {
	padding: 0px;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	list-style-type: decimal;
	line-height: 160%;
}
.program-block ol li{
	color: #505150;
	margin-bottom: 10px;
	padding: 0px;
}
/* Page: Tasks
=================================================================== */

.priority.high {
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.priority.high span {
	padding: 2px 10px;
	color: #000;
	display: inline-block;
	font-size: 13px;
	background-color: #FFF;
}
.priority.blue {
	margin-bottom: 1px;
	background-color: #DBE9E9;
	margin-top:12px;
}

.priority.blue span {
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	background-color: #70C8E6;
}

.priority.high1 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high1 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high2 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high2 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high3 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high3 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high4 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high4 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high5 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high5 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high6 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high6 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}
.priority.high7 {
	background: #FFEFEC; /* rgba(250,96,61,.1); */
	margin-bottom: 1px;
}

.priority.high7 span {
	background: #3498db; /* rgba(250,96,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}

.priority.medium {
	background: #FFF7EB; /* rgba(250,187,61,.1); */
	margin-bottom: 1px;
}

.priority.medium span {
	background: #FABB3D; /* rgba(250,187,61,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}

.priority.low {
	background: #F1F9ED; /* rgba(120,205,81,.1); */
	margin-bottom: 1px;
}

.priority.low span {
	background: #78CD51; /* rgba(120,205,81,1); */
	padding: 2px 10px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
}

.task {
	margin-bottom: 4px;
}

.task.last {
	border-bottom: 1px solid transparent;
}

.task.high {
}

.task.medium {
	border-left: 2px solid #FABB3D; /* rgba(250,187,61,1) */;
}

.task.low {
	border-left: 2px solid #78CD51; /* rgba(120,205,81,1); */
}

.task .desc {
	display: inline-block;
	width: 100%;
	padding: 10px 10px;
	font-size: 13px;
}

.task .desc .title{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: bold;
}
.task .desc .title p{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: normal;
}

.task .time {
	display: inline-block;
	float: right;
	width: 15%;
	padding: 10px 10px 10px 0px;
	font-size: 12px;
	text-align: right;
}

.task .time .date {
	font-size: 18px;
	margin-bottom: 5px;	
}

.timeline {
	width: auto;
	height: 100%;
	margin: 20px auto; 
	background: url(../img/timeline-bg.png) repeat-y center top; 
}

.timeslot {
	display: inline-block;
	position: relative;	
	width: 100%;
	margin: 5px 0px;
}

.timeslot .task {
	position: absolute;
	width: 42%;
	padding-right: 18px;
	display: block;
	height: auto;
	border: none;
}

.timeslot.alt .task {
	left: auto;
	right: -20px;
	padding-left: 18px;
}

.timeslot .task span {
	border: 2px solid #67C2EF; /* rgba(103, 194, 239, 1); */
	background: #EDF6FB; /* rgba(103, 194, 239, .1); */
	padding: 5px;
	display: block;
	font-size: 11px;
}

.timeslot .task span span{
	border: 0px;
	background: transparent;
	padding: 0px;
}

.timeslot .task span span.details{
	font-size: 16px;
	margin-bottom: 10px;
}

.timeslot .task span span.remaining{
	font-size: 14px;
}

.timeslot .task .arrow {
	position: absolute;
	top: 6px;
	right: 0px;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-left-arrow.png) no-repeat;
}

.timeslot.alt .task .arrow {
	position: absolute;
	top: 6px;
	left: 0px;
	height: 20px;
	width: 20px;
	background: url(../img/timeline-right-arrow.png) no-repeat;
}

.timeslot .icon {
	position: absolute;
	border: 2px solid #67C2EF; /* rgba(103, 194, 239, 1); */
	background: #3b3b41;
	-webkit-border-radius: 50em;
	   -moz-border-radius: 50em;
			border-radius: 50em;
	height: 30px;
	width: 30px;
	left: 50%;
	margin-left: -16px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	text-shadow: none;
	z-index: 2;
}

.timeslot.alt .icon {
	
}

.timeslot .time {
	background: #f9f9f9;
	position: absolute;
	top: 1px;		
	left: 50%;
	padding: 5px 10px 5px 40px;
	z-index: 1;
	margin-top: 1px;
}

.timeslot.alt .time {
	top: 1px;
	left: auto;		
	right: 50%;
	padding: 5px 40px 5px 10px;
}
h1,h2,h3,h4,h5,h6,p {
	margin-top:0.4em;
	margin-bottom:0.4em;
}
#form{
	max-width: 280px;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}
#form2{
	max-width: 280px;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
#access_block{
	position: relative;
	max-width: 1000px;
	margin: 0 auto 30px auto;
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
	padding: 20px;
	text-align: left;
	border: 1px solid #CCC;
}
#form input,#form textarea{display:block;width:100%;padding:10px;border-radius:4px;border:none;margin-bottom:10px;background:#1d6fa5;color:#fff;-webkit-transition:.5s ease all;transition:.5s ease all}
#form input::-webkit-input-placeholder,#form textarea::-webkit-input-placeholder{color:#fff}
#form input:-moz-placeholder,#form textarea:-moz-placeholder{color:#fff;opacity:1}
#form input::-moz-placeholder,#form textarea::-moz-placeholder{color:#fff;opacity:1}
#form input:-ms-input-placeholder,#form textarea:-ms-input-placeholder{color:#fff}
#form input:focus,#form textarea:focus{outline:none;background:#16527a}
#form textarea{height:150px;resize:none}
#form button{
	display: block;
	width: 100%;
	border-radius: 4px;
	border: none;
	color: #000;
	font-weight: normal;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
	-webkit-transition: .5s ease all;
	transition: .5s ease all;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */}
#form button:hover{box-shadow:0 10px 20px rgba(0,0,0,0.9),0 6px 6px rgba(0,0,0,0.9)}
#form a:hover{ text-decoration:none}



#form2 input,#form2 textarea{display:block;width:100%;padding:10px;border-radius:4px;border:none;margin-bottom:10px;background:#1d6fa5;color:#fff;-webkit-transition:.5s ease all;transition:.5s ease all}
#form2 input::-webkit-input-placeholder,#form textarea::-webkit-input-placeholder{color:#fff}
#form2 input:-moz-placeholder,#form2 textarea:-moz-placeholder{color:#fff;opacity:1}
#form2 input::-moz-placeholder,#form2 textarea::-moz-placeholder{color:#fff;opacity:1}
#form2 input:-ms-input-placeholder,#form2 textarea:-ms-input-placeholder{color:#fff}
#form2 input:focus,#form2 textarea:focus{outline:none;background:#16527a}
#form2 textarea{height:150px;resize:none}
#form2 button{
	display: block;
	width: 100%;
	border-radius: 4px;
	border: none;
	color: #000;
	font-weight: normal;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
	-webkit-transition: .5s ease all;
	transition: .5s ease all;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */}
#form2 button:hover{box-shadow:0 10px 20px rgba(0,0,0,0.9),0 6px 6px rgba(0,0,0,0.9)}
#form2 a:hover{ text-decoration:none}


.text-center {text-align:center}
.bg2 {
	background:#D9EFF6;
}
#map {
	height: 540px;
	float: left;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 2em;
}
.top-title-mg {margin-top:130px;}
.pc{
	display:block;
}
.sp{
	display:none;
}
@media only screen and (max-width:768px) {
.top-title-mg {margin-top:80px;}
.pc{
	display:none;
}
.sp{
	display:block;
}
#form2{
	max-width: 350px;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}
}

#lead #lead-content .pc p{
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	margin-top: 1em;
	text-shadow: black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}
.pad_tb50{
	padding-top: 240px;
	padding-bottom: 50px;
}
.pad_tb30{
	padding-top: 120px;
	padding-bottom: 50px;
}
#outline ul{
	font: 14px/1.6 'arial narrow', sans-serif;
	list-style: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#outline ul li{
  position: relative;
  color: #FFF;
  margin-bottom:12px;
	margin-left: 0px;
  padding-left: 20px;
  line-height: 30px;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
}
#outline ul li:last-child{
  border:none;
  margin: 0;
}
#outline ul li:before{
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  left: 5px;
  font-size: 1.2em;
  -webkit-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  background-position: bottom;
}
.mg_t20{
	margin-top:20px;
}
.mg_b20{
	margin-bottom:20px;
}
.large{
	font-size: 1em;
	color: #5A5B5A;
}
ul.style1{
  counter-reset:list;
  list-style-type:none;
  padding: 0;
}
ul.style1 li{
  position:relative;
  line-height: 2rem;
  margin: 7px 0 10px 10px;
  padding-left:0px;
  font-weight: normal;
  font-size:16px;
}
ul.style1 li:before{
	counter-increment: none;
	content: counter(list);
	position: absolute;
	top: 11px;
	left: -25px;
	width: 16px;
	height: 16px;
	background: #0099CC;
	text-align: center;
	color: #0099CC;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.logo_left{
	float:left;
}
.small{
	font-size:0.9em;
}

.shadow {
    color: #FFF;
    text-shadow: 2px 2px 1px #000,
    -2px 2px 1px #000,
    2px -2px 1px #000,
    -2px -2px 1px #000;
}
.kakomi {
    padding: 0.5em 1em;
    margin: 1em 0;
    border: dashed 2px #036EA2;/*点線*/
}
.kakomi p {
    margin: 0; 
    padding: 0;
}
.white{ color:white;}
.kaisai_right{float: right}