@charset 'UTF-8';
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
/*リンク透過*/
@import url(base.css);
/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/
@media only screen and (max-width: 768px)
{
    .mainvisual__wrapper,
    .feature__wrapper,
    .information__wrapper,
    .leisure__wrapper,
    .corporate__wrapper,
    .rental__wrapper
    {
        margin-bottom: 5px;
    }
}

.section
{
    position: relative;

    transition: -webkit-filter .5s ease-in-out .5s;
    transition:         filter .5s ease-in-out .5s;
    transition:         filter .5s ease-in-out .5s, -webkit-filter .5s ease-in-out .5s;
}

.section.gray
{
    transition: -webkit-filter .8s ease-in-out .6s;
    transition:         filter .8s ease-in-out .6s;
    transition:         filter .8s ease-in-out .6s, -webkit-filter .8s ease-in-out .6s;
}

.section .section__title,
.contact .section__title
{
    /*
	font-family: $font-roboto;
	*/
    font-size: 3.6rem;
    font-weight: 500;

    margin-bottom: 70px;

    text-align: center;
    letter-spacing: .1em;

    color: #fff;
}

@media only screen and (max-width: 768px)
{
    .section .section__title,
    .contact .section__title
    {
        font-size: 2.8rem;

        margin-bottom: 60px;

        letter-spacing: 0;
    }
}

section.feature,
section.information,
section.leisure,
section.corporate,
section.rental
{
    max-width: 1155px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px)
{
    section.feature,
    section.information,
    section.leisure,
    section.corporate,
    section.rental
    {
        max-width: auto;
        margin: auto;
    }
}

.button
{
    font-family: 'Roboto', Sans-Serif;
    font-size: 1.4rem;
    font-weight: 700;

    display: block;

    width: 350px;
    margin: 6% auto 0;
    padding: 10px;

    transition: .2s;
    text-align: center;

    color: #649193;
    background-color: #fff;
}

.button.button_read
{
    float: right;

    width: auto;
    margin: 0;
    padding: 0;

    background-color: transparent;
}

.button.button_read:hover
{
    opacity: .8;
    color: #649193;
    background-color: transparent;
}

.button:hover
{
    color: #fff;
    background-color: #649193;
}

@media only screen and (max-width: 768px)
{
    .button
    {
        font-weight: 500;

        display: inline-block;

        margin: 0;
    }
    .button.button_read
    {
        float: none;

        width: 100%;
        padding: 15px 0;

        color: #fff;
        background-color: #649193;
    }
    .button.button_read:hover
    {
        opacity: 1;
        color: #fff;
        background-color: #649193;
    }
    .button.button_view
    {
        width: 100%;
        padding: 15px 0;

        color: #649193;
    }
    .button:hover
    {
        opacity: 1;
        color: #649193;
        background-color: #fff;
    }
}

@media only screen and (max-width: 768px)
{
    .foot_link
    {
        text-align: right;
    }
    .foot_link a
    {
        font-family: 'Roboto', Sans-Serif;
        font-size: 1.5rem;
        font-weight: 500;

        display: inline-block;
    }
    .foot_link a::after
    {
        display: block;

        width: 100%;
        height: 2px;

        content: '';

        background-color: #fff;
    }
}

/*
-----------------------------------------------------------------------
main
-----------------------------------------------------------------------
*/
.main .mainvisual__wrapper
{
    position: relative;

    height: 100vh;
}

@media only screen and (max-width: 768px)
{
    .main .mainvisual__wrapper
    {
        width: 100%;
        margin-top: 50px;

        background: url(../img/index/mainvisual-sp.jpg) no-repeat;
        background-size: cover;
    }
    .main .mainvisual__wrapper::after
    {
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;

        content: '';

        background: url(../img/index/black-dots.png);
    }
    .main .mainvisual__wrapper.pc
    {
        display: none;
    }
}

.main .mainvisual__wrapper .fp-tableCell
{
    vertical-align: top;
}

.main .mainvisual__wrapper .mainvisual
{
    color: #fff;
}

@media only screen and (max-width: 768px)
{
    .main .mainvisual__wrapper .mainvisual
    {
        display: table-cell;

        vertical-align: middle;
    }
}

.main .mainvisual__wrapper .mainvisual .mainvisual__copy
{
    font-size: 2.0rem;
    line-height: 3.0rem;

    position: absolute;
    top: 62%;

    display: block;

    width: 100%;
    margin-top: 6.0rem;
    margin-bottom: 2%;
    padding-left: 1%;

    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .main .mainvisual__wrapper .mainvisual .mainvisual__copy
    {
        font-size: 1.8rem;
        line-height: 2.8rem;

        top: 50%;
    }
}

.main .mainvisual__wrapper .mainvisual .mainvisual__title
{
    font-size: 3.8rem;

    position: absolute;
    top: 42%;

    width: 100%;
}

.main .mainvisual__wrapper .mainvisual .mainvisual__title__txt
{
    font-size: 3.8rem;

    display: block;

    width: 100%;
    margin-bottom: 2%;
    padding-left: 1%;

    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .main .mainvisual__wrapper .mainvisual .mainvisual__title__txt
    {
        font-size: 2.2rem;
        line-height: 2.8rem;

        margin-bottom: 4%;
    }
}

.main .mainvisual__wrapper .mainvisual .mainvisual__title img
{
    display: block;

    width: 28%;
    min-width: 60rem;
    max-width: 40rem;
    margin: 0 auto 1.625rem auto;
}

@media only screen and (max-width: 768px)
{
    .main .mainvisual__wrapper .mainvisual .mainvisual__title
    {
        z-index: 20;
        top: 30%;
        left: auto;
    }
    .main .mainvisual__wrapper .mainvisual .mainvisual__title img
    {
        width: 72%;
        min-width: auto;
        margin-bottom: .875rem;
    }
}

.main .mainvisual__wrapper .mainvisual .mainvisual__videoarea
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100vw;
}

.main .mainvisual__wrapper .mainvisual .mainvisual__videoarea::after
{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;

    content: '';

    background: url(../img/index/black-dots.png);
}

.main .mainvisual__wrapper .mainvisual .mainvisual__videoarea video
{
    position: relative;
    left: 50%;

    min-width: 100vw;
    min-height: 100vh;

    -webkit-transform: translate(-50%);
            transform: translate(-50%);
}

.main .feature__wrapper
{
    background: url(../img/index/section1-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 768px)
{
    .main .feature__wrapper
    {
        padding: 90px 20px;
    }
}

.main .feature__wrapper .section__title
{
    margin-bottom: 2%;
}

@media only screen and (max-width: 768px)
{
    .main .feature__wrapper .section__title
    {
        margin-bottom: 0;
    }
}

.main .feature__wrapper .feature__area__wrapper
{
    width: 80%;
    margin: 0 auto;
    padding: 40px;
}

@media only screen and (max-width: 768px)
{
    .main .feature__wrapper .feature__area__wrapper
    {
        width: auto;
        margin: auto auto 60px auto;
        padding: 40px 20px 45px;

        color: #649193;
    }
}

.main .feature__wrapper .feature__area__wrapper h3
{
    font-size: 2.8rem;

    padding-bottom: 40px;

    color: #fff;
}

.main .feature__wrapper .feature__area__wrapper img
{
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px)
{
    .main .feature__wrapper .feature__area__wrapper img
    {
        margin-bottom: 40px;
    }
}

.main .feature__wrapper .feature__area__wrapper p
{
    font-size: 1.8rem;
    line-height: 3.4rem;

    color: #fff;
}

.main .feature__wrapper .feature__area__wrapper .feature__area__wrapper__left
{
    float: left;

    width: 45%;
}

.main .feature__wrapper .feature__area__wrapper .feature__area__wrapper__right
{
    float: right;

    width: 50%;
}

.main .information__wrapper
{
    padding: 0 130px;

    background: url(../img/index/section2-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 768px)
{
    .main .information__wrapper
    {
        padding: 90px 20px;

        background-size: cover;
    }
}

.main .information__wrapper .information__img
{
    float: left;

    width: 47.5%;
    margin-right: 5%;

    box-shadow: 3px 3px 5px rgba(0, 0, 0, .4);
}

.main .information__wrapper .information__img img
{
    width: 100%;
}

.main .information__wrapper .section__text
{
    font-size: 1.8rem;
    line-height: 2.8rem;

    text-align: center;

    color: #fff;
}

@media only screen and (max-width: 768px)
{
    .main .information__wrapper .section__text
    {
        font-size: 1.3rem;
        line-height: 2.7rem;

        margin-bottom: 60px;
    }
}

.main .leisure__wrapper
{
    background: url(../img/index/section3-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 768px)
{
    .main .leisure__wrapper
    {
        padding: 90px 0;
    }
}

.main .leisure__wrapper ul
{
    overflow: hidden;

    width: 90%;
    margin: 0 auto;
    padding: 0;

    list-style: none;

    text-align: center;
}

@media only screen and (max-width: 768px)
{
    .main .leisure__wrapper ul
    {
        width: 100%;
    }
}

.main .leisure__wrapper ul li
{
    font-size: 1.8rem;

    float: left;

    width: calc(100% / 5);

    color: #fff;
}

@media only screen and (max-width: 768px)
{
    .main .leisure__wrapper ul li
    {
        width: calc(100% / 2);
    }
}

.main .leisure__wrapper ul li img
{
    padding: 20px 0;
}

@media only screen and (max-width: 768px)
{
    .main .leisure__wrapper .section__title
    {
        font-size: 2.6rem;

        margin-bottom: 60px;
    }
}

.main .corporate__wrapper
{
    background: url(../img/index/section4-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper
    {
        padding: 90px 20px;
    }
}

.main .corporate__wrapper .section__title
{
    margin-bottom: 2%;
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper .section__title
    {
        margin-bottom: 60px;
    }
}

.main .corporate__wrapper .corporate__information
{
    font-size: 1.8rem;
    line-height: 3.4rem;

    margin: 40px auto;

    text-align: center;

    color: #fff;
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper .corporate__information
    {
        text-align: left;
    }
}

.main .corporate__wrapper .corporate__area__wrapper
{
    width: 80%;
    margin: 0 auto;
    padding: 40px;

    background-color: rgba(255, 255, 255, .9);
    box-shadow: 5px 5px 7px rgba(0, 0, 0, .4);
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper .corporate__area__wrapper
    {
        width: auto;
        margin: auto auto 60px auto;
        padding: 40px 20px 45px;

        box-shadow: 3px 3px 5px rgba(0, 0, 0, .4);
    }
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__area__wrapper__left
{
    float: left;

    width: 45%;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__area__wrapper__left .corporate__about li
{
    font-size: 1.4rem;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__area__wrapper__right
{
    float: right;

    width: 50%;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__area__wrapper__right .corporate__about li
{
    font-size: 1.4rem;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__about li
{
    margin-top: 15px;
    padding-bottom: 15px;

    border-bottom: 1px solid #d7d7d7;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__about:first-of-type
{
    margin-top: 0;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__about:last-of-type
{
    padding-bottom: 0;

    border-bottom: none;
}

.main .corporate__wrapper .corporate__area__wrapper .corporate__about dt
{
    font-size: 1.4rem;
    font-weight: 700;

    float: left;

    color: #649193;
}

.en .main .corporate__wrapper .corporate__area__wrapper .corporate__about dt
{
    float: none;

    margin-bottom: 5px;
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper .corporate__area__wrapper .corporate__about dt
    {
        font-size: 1.3rem;

        float: none;

        width: auto;
        margin-bottom: 3px;
    }
    .main .corporate__wrapper .corporate__area__wrapper .corporate__about dd
    {
        font-size: 1.2rem;
        line-height: 1.6rem;

        width: auto;
        margin-left: 0;

        color: #333;
    }
}

.main .corporate__wrapper .corporate__nav__wrapper
{
    margin-top: 4%;
    padding-top: 20px;

    border-top: 1px solid #d7d7d7;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav
{
    float: left;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list
{
    font-size: 1.4rem;

    float: left;

    margin-right: 30px;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list:last-of-type
{
    margin-right: 0;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list a
{
    display: inline-block;

    width: 180px;
    padding: 10px;

    transition: .2s;
    text-align: center;

    color: #fff;
    background-color: #649193;
}

.en .main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list a
{
    font-family: 'Roboto', Sans-Serif;

    width: 210px;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list a::before
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin-right: 5px;

    content: url(../img/common/arrow-type2_white.svg);
    vertical-align: -1px;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__nav .corporate__nav__list a:hover
{
    opacity: .8;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__logo
{
    float: right;

    transition: .2s;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__logo img
{
    width: 257px;
    height: 23px;
}

.main .corporate__wrapper .corporate__nav__wrapper .corporate__logo:hover
{
    opacity: .8;
}

.main .corporate__wrapper .button.button_view
{
    display: none;
}

@media only screen and (max-width: 768px)
{
    .main .corporate__wrapper .button.button_view
    {
        display: inline-block;
    }
}

.main .rental__wrapper
{
    background: url(../img/index/section5-bg.jpg) no-repeat center center;
    background-size: cover;
}

@media only screen and (max-width: 768px)
{
    .main .rental__wrapper
    {
        padding: 90px 20px;
    }
}

.main .rental__wrapper .section__title
{
    margin-bottom: 2%;
}

@media only screen and (max-width: 768px)
{
    .main .rental__wrapper .section__title
    {
        margin-bottom: 0;
    }
}

.main .rental__wrapper .rental__area__wrapper
{
    width: 80%;
    margin: 0 auto;
    padding: 40px;
}

@media only screen and (max-width: 768px)
{
    .main .rental__wrapper .rental__area__wrapper
    {
        width: auto;
        margin: auto auto 60px auto;
        padding: 40px 20px 45px;

        color: #649193;
    }
}

.main .rental__wrapper .rental__area__wrapper img
{
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px)
{
    .main .rental__wrapper .rental__area__wrapper img
    {
        margin-bottom: 40px;
    }
}

.main .rental__wrapper .rental__area__wrapper p
{
    font-size: 1.8rem;
    line-height: 3.4rem;

    color: #fff;
}

.main .rental__wrapper .rental__area__wrapper .rental__area__wrapper__left
{
    float: left;

    width: 45%;
}

.main .rental__wrapper .rental__area__wrapper .rental__area__wrapper__right
{
    float: right;

    width: 50%;
}

.main .fixed
{
    position: fixed !important;
    z-index: 5;
    top: 0 !important;
    left: 0 !important;
}

/*
-----------------------------------------------------------------------
fullpage.js
-----------------------------------------------------------------------
*/
@media only screen and (max-width: 768px)
{
    .pc.mainvisual__wrapper.fp-section.fp-table
    {
        display: none;
    }
}

#fp-nav.right
{
    right: 53px;

    transition: .5s ease-in-out;
    transition-delay: 0s;
    pointer-events: none;

    opacity: 0;
}

#fp-nav.right.pc_opennav
{
    right: -53px;

    transition: right .8s ease-in-out 0;
    transition-delay: 0s;
}

#fp-nav.right.on
{
    transition: opacity .5s;
    transition-delay: 1s;

    opacity: 1;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span
{
    background-color: #fff !important;
}

#fp-nav ul li:first-child,
.fp-slidesNav ul li:first-child
{
    display: none;
}

/*
----------------------------------------
huckclearfix
----------------------------------------
*/

.clearbox
{
    display: inline-block;
}


.clearbox:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '';
}

/*\*/
* html .clearbox
{
    height: 1%;
}


.clearbox
{
    display: block;
}

/**/

@media screen and (min-width: 768px){
    body{
        width: 100%;
    }
    .main{
        width: 100%;
        overflow: hidden;
    }
}