@charset "utf-8";

/* ==================================================================

    privacy.css

=================================================================== */


/* --------------------------------
■mv
-------------------------------- */ 
.secondary .contents .visual{
    background-image: url("../../images/privacy/visual.jpg");
}

/* --------------------------------
■message
-------------------------------- */ 
.contents .lead{
    margin-bottom: 60px;
}

.contents main > section + section{
    margin-top: 44px;
}

.contents section h2{
    font-size:2.4rem;
    margin-bottom: 24px;
}

.contents .sign{
    margin-top: 44px;
}

/* SP用
----------- */
@media only screen and
(max-width : 767px) {
    
.contents .lead{
    margin-bottom: 40px;
}

.contents main > section + section{
    margin-top: 24px;
}

.contents section h2{
    font-size:1.8rem;
    margin-bottom: 18px;
}

    
}

/* --------------------------------
■outline
-------------------------------- */ 
#outline{
    padding: 90px 0;
}

/* --------------------------------
■history
-------------------------------- */ 
#history{
    margin-top: 0;
    background: #E6E6E6;
    padding: 90px 0;
}


/* SP用
----------- */
@media only screen and
(max-width : 767px) {
    
    #outline{
        padding: 40px 0;
    }

    #history{
        padding: 40px 0;
    }

}

/* --------------------------------
■lineStyle
-------------------------------- */ 
table.lineStyle{
    width: 100%;
    border-top: 1px solid #B5B5B5;
}

table.lineStyle th,
table.lineStyle td{
    font-size: 1.8rem;
    padding: 40px 0 ;
    border-bottom: 1px solid #B5B5B5;
}

table.lineStyle th{
    width: 300px;
}

/* SP用
----------- */
@media only screen and
(max-width : 767px) {

    table.lineStyle th,
    table.lineStyle td{
        font-size: 1.5rem;
        padding: 14px 2px ;
        line-height: 1.4;
    }

    table.lineStyle th{
        width: 7em;
    }

}


/* --------------------------------
■facility
-------------------------------- */ 
#facility h2{
    margin-bottom: 80px;
}

#facility ul.list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 100px 7.890017931%;
}


#facility ul.list li{
    width: 43.87328153%
}
#facility ul.list li p.image{
    margin-bottom: 20px;
}

/* SP用
----------- */
@media only screen and
(max-width : 767px) {

    #facility h2{
        margin-bottom: 40px;
    }

    #facility ul.list{
        gap: 30px 4%;
    }


    #facility ul.list li{
        width: 46%
    }
    #facility ul.list li p.image{
        margin-bottom: 14px;
    }
    #facility ul.list li figcaption{
        font-size: 1.4rem;
    }


}