@charset "UTF-8";
/* CSS Document */
word-break: break-all; word-wrap: break-word; overflow-wrap: break-word;


html {
    margin: 0;
    padding: 0;
}

html { scroll-behavior: smooth;}

body {
    margin: 0 auto;
    padding: 0;
    max-width: 1500px;
}

img {
    width: 100%;
    height: 100%;
    max-width: 700px;
}

a {
    transition: 0.3s;
}
a:hover {
    opacity: 0.7;
    transition: 0.3s;
}



/*----------ヘッダー----------*/
header {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    background-size:100% auto;
    text-align: center;
    padding: 0 5% 5%;
}
header img {
    margin-top: 20%;
}



/*----------main----------*/
main > * {
    text-align: center;
    padding: 0 5%;
}
main img {
    margin-bottom: 30px;
    max-width: 700px;
}
.bkground_blue {
    background-image: url(../images/bkground_blue.jpg);
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: bottom;
    text-align: center;
    margin-bottom: 50px;
}


.bkground_pink {
    background-image: url(../images/bkground_pink.jpg);
    background-repeat: no-repeat;
    background-size:100% 100%;
    background-position: bottom;
    text-align: center;
    margin-bottom: 50px;
}



.map img {
    max-width: 500px;
}
.map {
    max-width: 700px;
    margin: 0 auto 50px;
}



.last_btn {
    max-width: 700px;
    margin: 0 auto;
}
.btn_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.last_btn img {
    max-width: 340px;
    max-height: 150px;
}



/*----------YT----------*/
.YT {
    margin-top: 30px;
}



/*----------フッター----------*/
.footer_img img {
    max-width: 100%;
}
footer {
    text-align: center;
    margin: 20px auto;
}



/*---------------------
	PCとスマホの切り替え
-----------------------*/

.pcview {
    
}
.spview {
    display: none;
}


@media screen and (max-width: 800px) {
    .btn_flex {
        justify-content: center;
    }
    .footer_img {
        margin-top: 30px;
    }
}

@media screen and (max-width: 600px) {
    header {
        padding-bottom: 10px;
    }
    header img {
        margin-top: 0;
        padding-top: 100px;
    }
    main img {
        margin: 20px auto 0;
    }
    .bkground_blue,.bkground_pink {
        padding-bottom: 20px;
    }

    .map img {
        margin-bottom: 30px;
    }
    .map {
        margin-bottom: 20px;
    }

    footer {
        font-size: 0.6rem;
    }

    /*---------------------
	　PCとスマホの切り替え
    -----------------------*/
    .pcview {
        display: none;
    }
    .spview {
        display: block;
    }
}

@media screen and (max-width: 450px) {
    header {
        padding-bottom: 0;
        background-image: url(../images/sp/header.jpg);
    }
    .bkground_blue,.YT {
        margin-top: 20px;
        margin-bottom: 30px;
    }
}