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

/*******************************
1024
*******************************/
@media screen and (max-width:1024px) {
    #mainVisual {
        padding: 0 5%;
    }
    #mainText01 {
        display: block;
        left: 5%;
        width: 100%;
    }
    #mainText01 h2 {
        font-size: 4.5vw;
        margin-bottom: 0.8rem;
        line-height: 1.3;
    }
    #mainText01 p {
        font-size: inherit;
        line-height: 1.6;
    }
    #mainText01 .br01 {
        display: block;
    }
    #mainText01 .br02 {
        display: none;
    }
    #mainImage01 {
        width: 50%;
    }
    #mainImage02 {
        width: 17.25%;
    }
    #news {
        margin: 4rem auto 1rem;
    }
    #news h3 {
        margin-right: 2%;
        font-size: 3vw;
    }
    #news ul {
        font-size: inherit;
    }
    #news ul li dl dt {
        margin-right: 4%;
    }
    #news .readmore {
        margin-top: 1rem;
    }
    #details {
        padding: 3rem 0;
    }
    #details ul li a {
        height: 10rem;
        font-size: 1.8vw;
        line-height: 1.6;
    }
    #details ul li.bnr01 a {
        background: url(/common/images/bnrBgKango.png) no-repeat -3.5rem 0;
        background-size: auto 100%;
        padding-left: 32%;
    }
    #details ul li.bnr01 a img {
        margin: 0.5rem 0 -1rem;
        height: 2.8rem;
    }
    #details ul li.bnr02 a {
        background: url(/common/images/bnrBgKaigo.png) no-repeat -2.5rem 0;
        background-size: auto 100%;
        padding-left: 25%;
    }
    #details ul li.bnr02 a img {
        margin: 0.5rem 0 -1rem;
        height: 2.8rem;
    }
    #contact a {
        font-size: 2vw;
        padding: 1.2rem 0;
    }
}

/*******************************
738
*******************************/
@media screen and (max-width:738px) {
    #mainVisual {
        padding: 0;
    }
    #bridge01, #bridge02 {
        top: 71%;
        left: 2%;
        transform: translateY(0) translateX(0);
        -webkit- transform: translateY(0) translateX(0);
        width: 60%;   
    }
    #spMainImage {
        width: 61.84%;
    }
    #spMainImage01 {
        width: 100%;
        animation-name: anim03sp;
        animation-duration: 1s;
        animation-timing-function: ease-out;
    }
    @keyframes anim03sp {
        from {
            opacity: 0;
            transform: translateY(200px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    #spMainImage02 {
        width: 100%;
        animation-name: anim04sp;
        animation-duration: 2s;
        animation-timing-function: ease-out;
    }
    @keyframes anim04sp {
        from {
            opacity: 0;
            transform: translateY(-400px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    #mainText01 {
        width: 100%;
        top: 7%;
    }
    #mainText01 h2 {
        font-size: 8vw;
    }
    #mainText01 .br01 {
        display: none;
    }
    #mainText01 .br02 {
        display: block;
    }
    #mainText01 p {
        font-size: 3.5vw;
    }
    #news {
        margin: 3rem auto 1rem;
        display: block;
    }
    #news h3 {
        margin: 0 0 1rem;
        font-size: 5vw;
        width: auto;
        text-align: center;
    }
    #news #newsContents {
        width: auto;
    }
    #news ul li dl dt {
        width: 22%;
    }
    #news ul li dl dd {
        width: 74%;
    }
    #news .readmore a {
        overflow: hidden;
    }
    #details ul {
        display: block;
    }
    #details ul li {
        width: auto;
    }
    #details ul li a {
        height: 35vw;
        font-size: 3.4375vw;
    }
    #details ul li.bnr01 {
        margin-bottom: 1rem;
    }
    #details ul li.bnr01 a img, #details ul li.bnr02 a img {
        height: 11vw;
    }
    #contact {
        width: 90%;
    }
    #contact a {
        font-size: inherit;
    }

}

/*******************************
320
*******************************/
@media screen and (max-width:320px) {
}