@media only screen and (min-width: 768px){
    #top .header{
        display:none;
    }
}
#top #bg{
    position:fixed;
    width:100%;
    height:100vh;
    z-index:0;
    top:0;
    left:0;
    right:0;
}
@media only screen and (max-width: 767px){
    #top #bg {
        top:50px;
    }
}
#top #bg #shadow {
    position:absolute;
    content:"";
    top:0;
    left:0;
    bottom:0;
    right:0;
    height:100%;
    width:100%;
    z-index:9;
    background:rgba(0,0,0,0.55);
}
#top #bg .slidebg_container {
    width:100%;
    height:100%;
}
#top #bg .slidebg_container .slick-track,#top #bg .slidebg_container .slick-list {
    height:100%;
}
#top #bg .slidebg_container .slick-slide {
    height:100%;
}
#top #bg .slidebg_container .mv01 {
    background:url(../image/mv01.jpg) no-repeat center top;
    background-size:cover;
}
#top #bg .slidebg_container .mv02 {
    background:url(../image/mv02.jpg) no-repeat center top;
    background-size:cover;
}
#top #bg .slidebg_container .mv03 {
    background:url(../image/mv03.jpg) no-repeat center top;
    background-size:cover;
}
#top #bg .slidebg_container .mv04 {
    background:url(../image/mv04.jpg) no-repeat center top;
    background-size:cover;
}
#top #bg .slidebg_container .mv05 {
    background:url(../image/mv05.jpg) no-repeat center top;
    background-size:cover;
}
#top #bg .slidebg_container .mv06 {
    background:url(../image/mv06.jpg) no-repeat center top;
    background-size:cover;
}
@media only screen and (max-width: 767px) {
    #top #bg .slidebg_container .mv01 {
        background-image:url(../image/mv01_sp.jpg);
    }
    #top #bg .slidebg_container .mv02 {
        background-image:url(../image/mv02_sp.jpg);
    }
    #top #bg .slidebg_container .mv03 {
        background-image:url(../image/mv03_sp.jpg);
    }
    #top #bg .slidebg_container .mv04 {
        background-image:url(../image/mv04_sp.jpg);
    }
    #top #bg .slidebg_container .mv05 {
        background-image:url(../image/mv05_sp.jpg);
    }
    #top #bg .slidebg_container .mv06 {
        background-image:url(../image/mv06_sp.jpg);
    }
}
#top #wrap {
    height:100%
}

@media only screen and (max-width: 767px) {
    #top #wrap {
        margin-top:50px;
    }
}
#top .main_visual {
    padding:110px 0 71px 0;
    z-index:999;
    position:relative;
}
#top .main_visual .logo1 {
    text-align:center;
    margin-bottom:75px;
}
#top .main_visual .txt1 {
    text-align:center;
    margin-bottom:48px;
}
#top .main_visual .txt2 {
    text-align:center;
}
@media only screen and (max-width: 767px) {
        #top .main_visual {
        padding:51px 0 39px;
    }
    #top .main_visual .logo1 {
        margin-bottom:34px;
    }
    #top .main_visual .logo1 img {
        width:113px;
    }
    #top .main_visual .txt1 {
        margin-bottom:31px;
    }
}
#top .container {
    position:relative;
    z-index:997;
    overflow:hidden;
}
#top .block_local {
    position:relative;
    margin-top:302px;
    padding-top:47px;
    min-height:998px;
}
#top .block_local .img_map {
    position:absolute;
    right:93px;
    top:0;
    max-width:918px;
}
#top .block_local .inner {
    position:relative;
    z-index:5;
    max-width:600px;
    margin:0 auto;
}
#top .block_local .ttl {
    margin-bottom:50px;
}
#top .block_local .pttl {
    margin-bottom:50px;
}
#top .block_local li {
    position:relative;
    margin-bottom:18px;
}
#top .block_local .item {
    background:#fff;
    display:block;
    padding:26px 27px 19px;
    font-family:"adobe-caslon-pro",serif;
}
#top .block_local .item:after {
    content:"";
    position:absolute;
    top:50%;
    margin-top:-11px;
    right:34px;
    width:21px;
    height:21px;
    background:url(../image/ico_arrow.svg) no-repeat 100% 50%;
    background-size:100% 100%;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
}
#top .block_local .in {
    display:block;
    position:relative;
    z-index:5;
}
#top .block_local .in>* {
    display:inline-block;
    vertical-align:middle;
}
#top .block_local .in .txt {
    font-weight:bold;
    font-size:20px;
    font-size:2rem;
    letter-spacing:.12em;
}
#top .block_local .in img {
    vertical-align:text-top;
    margin:1px 0 0 19px;
}
#top .block_local .coming {
    position:absolute;
    top:-5px;
    right:59px;
    background:#2E7396;
    color:#fff;
    text-align:center;
    width:171px;
    font-size:16px;
    font-size:1.6rem;
    font-weight:bold;
    padding:11px 5px 6px;
    line-height:1;
    letter-spacing:.01em;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
}
@media only screen and (min-width: 768px) {
    #top .block_local a:before {
        content:'';
        display:block;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#808080;
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transform-origin:50% 0;
        transform-origin:50% 0;
        -webkit-transition-property:transform;
        transition-property:transform;
        -webkit-transition-duration:0.3s;
        transition-duration:0.3s;
        -webkit-transition-timing-function:ease-out;
        transition-timing-function:ease-out;
        -webkit-transition:-webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition:-webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition:transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
        transition:transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1),-webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
    }
    #top .block_local a:hover {
        opacity:1;
    }
    #top .block_local a:hover:before {
        -webkit-transform:scaleY(1);
        transform:scaleY(1);
    }
    #top .block_local a:hover:after {
        background-image:url(../image/ico_arrow01.svg);
    }
    #top .block_local a:hover .txt {
        color:#fff;
    }
    #top .block_local a:hover .coming {
        background:#fff;
        color:#2E7396;
    }
}
@media only screen and (max-width: 767px) {
    #top .block_local {
        margin-top:22px;
        padding-top:34px;
        min-height:100%;
    }
    #top .block_local .img_map {
        right:5px;
        max-width:230px;
    }
    #top .block_local .ttl {
        margin-bottom:20px;
    }
    #top .block_local .ttl img {
        max-width:183px;
    }
    #top .block_local .pttl {
        margin-bottom:27px;
    }
    #top .block_local .in .txt {
        font-size:15px;
        font-size:1.5rem;
    }
    #top .block_local .in img {
        margin:3px 0 0 11px;
        width:auto;
        height:11px;
    }
    #top .block_local li {
        margin-bottom:14px;
    }
    #top .block_local .item {
        height:60px;
        padding:22px 13px 12px;
    }
    #top .block_local .item:after {
        right:11px;
        margin-top:-10px;
    }
    #top .block_local .coming {
        display:block;
        width:auto;
        margin-top:-6px;
        padding-right:18px;
        background:none;
        color:#2E7396;
        padding:0;
        position:static;
        font-size:13px;
        font-size:1.3rem;
    }
}
#top .sec_block_cmn {
    position:relative;
    z-index:10;
    color:#fff;
    padding:106px 0;
    height:650px;
    background-image:url(../image/bg_concept.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-align:center;
}
@media only screen and (min-width: 769px) {
    #top .sec_block_cmn {
        background-attachment:fixed;
    }
}
@media only screen and (max-width: 767px) {
    #top .sec_block_cmn {
        padding:50px 0 60px;
        height:auto;
    }
}
#top .sec_ttl {
    margin-bottom:50px;
}
#top .sec_ttl span {
    display:block;
    margin-top:10px;
    font-family:"adobe-caslon-pro",serif;
    line-height:1;
    font-size:64px;
    font-size:6.4rem;
    letter-spacing:.06em;
}
@media only screen and (max-width: 767px) {
    #top .sec_ttl span {
        margin-top:5px;
        font-size:53px;
        font-size:5.3rem;
        letter-spacing:.03em;
    }
}
#top .sttl {
    margin-bottom:52px;
}
@media only screen and (max-width: 767px) {
    #top .sttl {
        margin-bottom:35px;
    }
}
#top .concept {
    color:#000;
    background-position:center bottom;
    height:750px;
    padding:144px 0;
}
#top .concept .ttl {
    margin-bottom:54px;
}
#top .concept .ttl span {
    display:block;
    margin-bottom:9px;
    font-family:"adobe-caslon-pro",serif;
    font-weight:bold;
    font-size:12px;
    font-size:1.2rem;
    letter-spacing:.13em;
}
@media only screen and (max-width: 767px) {
    #top .concept {
        height:569px;
        padding:58px 0;
    }
    #top .concept .ttl {
        margin-bottom:24px;
    }
    #top .concept .ttl span {
        margin-bottom:7px;
        font-size:10px;
        font-size:1rem;
    }
    #top .concept .ttl img {
        width:172px;
    }
}
#top .vision {
    background-image:url(../image/bg_vision.jpg);
}
#top .vision .sec_ttl {
    margin-bottom:36px;
}
#top .vision .sec_ttl img {
    width:76px;
}
@media only screen and (max-width: 767px) {
    #top .vision .sec_ttl {
        margin-bottom:14px;
    }
    #top .vision .sec_ttl img {
        width:76px;
    }
}
#top .community {
    background-image:url(../image/bg_community.jpg);
}
#top .community .sec_ttl {
    margin-bottom:34px;
}
#top .community .sec_ttl img {
    width:123px;
}
@media only screen and (max-width: 767px) {
    #top .community {
        background-image:url(../image/bg_community_sp.jpg);
        padding-bottom:84px;
    }
    #top .community .sec_ttl {
        margin-bottom:11px;
    }
}
#top .urban {
    padding-top:134px;
    background-image:url(../image/bg_urban.jpg);
}
#top .urban .sec_ttl {
    margin-bottom:34px;
}
#top .urban .sec_ttl img {
    width:130px;
}
@media only screen and (max-width: 767px) {
    #top .urban {
        padding:45px 0 85px;
    }
    #top .urban .sec_ttl {
        margin-bottom:11px;
    }
}