@charset "UTF-8";
/* CSS Document */

/*basic*/
html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size : 14px;
line-height : 1.5;
color:#fff;
letter-spacing:0.1em;
}

*{margin:0;padding:0}
ul, ol { list-style : none}
a {
text-decoration:none;
outline: none;	
}
a:focus{
outline: none;	
}

img{
width:100%;	
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

.futogo{
font-family: "a-otf-futo-go-b101-pr6n",sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing:0.2;
}
.proxima{
font-family: "proxima-nova",sans-serif;
font-weight:700;
}
/*fixed btn*/
.btns{
width:100%;
position:fixed;	
z-index:2;
}
.bar{
position:fixed;
top:50px;
left:50px;
width:50px;
height:50px;
}
.fa-bars{
font-size:48px;
color:#fff;
}
.mouse{
position:fixed;
bottom:20px;
left:0;
right:0;
margin:0 auto;
width:7%;
max-width:55px;
}
.pagetop{
position:fixed;

right:50px;
width:5%;
max-width:50px;
}



h1{
text-align:center;
margin:0 auto;
max-width:300px;
}

.copy{
font-size:72px;
color:#fff;
text-align:center;
margin-bottom:20px;
padding-left:36px;
}

.desc{
color:#fff;
size:18px;
text-align:center;
margin-top:20px;
}

.btn_large{
max-width:340px;
text-align:center;
margin:0 auto;
}

.access{
width:1000px;
height:619px;
margin:0 auto;
position:relative;
}
.access .map{
max-width:741px;
position:absolute;
left:0px;
top:0px;	
}
.access .text{
position:absolute;
bottom:0;
right:0;
width:400px;
}
.map_copy{
font-size:48px;	
text-align:left;
color:#fff;
}
.map_desc{
margin-bottom:20px;
text-align:left;
color:#fff;
size:18px;
}
.map_btn{
max-width:340px;
text-align:center;
}


/*障害popup*/
.shogai{
    color:#FF0004;
    font-weight:bold;
}

.tac{text-align:center !important;}


/*footer*/
footer{
position:fixed;
bottom:0px;
left:0px;
height:150px;
background:#00a0e9;
width:100%;
display:none;
}
footer .logo{
float:left;
height:100px;
max-width:360px;
padding-top:20px;
padding-left:50px;
}
footer .sns{
float:right;
text-align:right;
padding-top:35px;
padding-right:50px;
}
footer .sns li{
display:inline-block;
margin:0 10px;
line-height:1;
}
footer .sns a{
color:#fff;
font-size:35px;	
}
footer .locationbox{
width:150px;
}
footer .copyright{
margin-top:5px;
color:#fff;
font-size:12px;
text-align:center;
white-space:nowrap;
}
footer .copyright .sp_break{
display:none;
}
/*sidemenu*/
.sidemenu p{
margin-bottom:30px;
}
.news ul{
background:rgba(0,0,0,0.3);	
padding:15px;
}
.news li{
border-bottom:1px solid #fff;
padding-bottom:10px;
margin-bottom:15px;
color:#fff;
list-style:none;
}
.news li:last-child{
border-bottom:none;
padding-bottom:0px;
margin-bottom:0px;
}
.news .news_title{
font-size:18px;
letter-spacing:0.2em;	
}
.news .new{
float:left;	
width:35px;
}
.news .date{
text-align:right;	
}
.news .title a{
font-size:16px;
color:#fff;
margin-top:5px;
}

.side_banner{
margin: 15px 0px 0px 0px;
}

.side_sns{
margin: 15px 0px 0px 0px;	
}
.side_sns li{
float:left;
margin-left:30px;
}
.side_sns li a{
color:#fff;
font-size:36px;
}

/*hack fullpage*/
#fp-nav ul li a span{
background:#fff !important;
border-radius: 0% !important;
}

@media screen and (max-width : 1024px) {
h1{
text-align:center;
max-width:200px;
}
.copy{
font-size:48px;
color:#fff;
text-align:center;
margin-bottom:20px;
padding-left:24px;
}
.access{
width:660px;
height:409px;
}
.access .map{
max-width:489px;	
}

}

@media screen and (max-width : 960px) {
/*footer*/

footer .logo{
max-width:300px;
}

}

@media screen and (max-width : 765px) {
.bar{
position:fixed;
top:25px;
left:25px;
width:25px;
height:25px;
}
.fa-bars{
font-size:24px;
color:#fff;
}
.mouse{
position:fixed;
bottom:10px;
left:0;
right:0;
margin:0 auto;
max-width:25px;
}
.pagetop{
position:fixed;
right:25px;
max-width:25px;
}

h1{
text-align:center;
max-width:150px;
}
.copy{
font-size:36px;
padding-left:18px;
margin-bottom:10px;
}
.btn_large{
max-width:210px;
}
.desc{
margin-top:10px;
}

.access{
width:500px;
height:200px;
}
.access .map{
max-width:300px;	
}
.access .text{
position:absolute;
bottom:0;
right:0;
width:330px;
}
.map_copy{
font-size:36px;	
}
.map_desc{
margin-bottom:10px;
font-size:14px;
}
.map_btn{
max-width:210px;
text-align:center;
}
.news .date{
font-size:10px;
}
.news .title a{
font-size:14px;
}

/*footer*/
footer{
height:auto;
}
footer .logo{
/*
position:static;
float:left;
height:auto;
max-width:183px;
margin-top:10px;
padding-left:15px;
*/
float:none;
height:auto;
max-width:300px;
padding-top:20px;
padding-left:0px;
margin:0 auto;
}
footer .sns{
/*
position:static;
float:right;
width:40%;
text-align:right;
margin-top:20px;
padding-right:0px;
*/
float:none;
text-align:center;
padding-top:10px;
padding-right:0px;
}
footer .sns li{
margin:0 8px;
}
footer .sns a{
color:#fff;
font-size:25px;	
}
footer .locationbox{
/*
width:auto;
margin-left:0px;
margin-right:0px;
padding-right:8px;
*/
width:100px;
}
footer .copyright{
/*padding-top:5px;*/
font-size:8px;
padding-bottom:5px;
}
}

@media screen and (max-width : 480px) {
h1{
text-align:center;
max-width:100px;
}
.copy{
font-size:24px;
padding-left:12px;
margin-bottom:10px;
}
.btn_large{
max-width:160px;
}
.desc{
font-size:12px;
}
.access{
width:90%;
height:auto;
}
.access .map{
max-width:100%;
position:static	
}
.access .text{
position:static;
width:100%;
}
.map_copy{
font-size:24px;	
}
.map_desc{
margin-bottom:10px;
font-size:12px;
}
.map_btn{
max-width:160px;
text-align:center;
}
/*footer*/
footer .logo{
max-width:240px;
}
footer .copyright .sp_break{
display:block;
}


}