@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* ------主視覺------ */
.top-img {
    background-color: blanchedalmond;
    width: 100%;
    /* max-width: max-content; */
    /* min-width: min-content; */
}

.top-img .top-img-box {
    /* border-bottom: red solid 6px; */
    width: 100%;
    /* margin: 0 auto; */
    overflow: hidden;

}

.top-img .top-img-box img {
    width: 100%;
}

.top-img .top-img-box .pc {
    display: inline-block;
}

.top-img .top-img-box .mb {
    display: none;
}

@media (max-width:768px) {
    /* 手機模式 */
    .top-img {
        margin-top: 0;
    }

    .top-img .top-img-box {
        border-radius: 0px;
    }

    .top-img .top-img-box {
        padding: 0px;
    }

    .top-img .top-img-box .pc {
        display: none;
    }

    .top-img .top-img-box .mb {
        display: inline-block;
    }
}

/* ------主視覺END------ */
/* ------Section Button------ */
.section{
    /* position: absolute; */
    /* top:700px; */
    /* width: 100%; */
    height: auto;
    /* height: 100px;  */
    /* height: auto;  */
    display: flex; 
    justify-content: center;
    gap: 2rem;
}
.btn{
   
    /* width: 30%; */
    /* height: 100px; */
    /* display: flex; */
    /* background-image: url(./images/1280x640.jpg); */
    /* aspect-ratio: 2/1; */
    /* color: aliceblue; */
    position: relative;
    background-color: blueviolet;
    align-items: center;
}
.btn img{
    width: 100%;
    height: auto;
    object-fit: cover;
    /* object-position: top left; */
    /* position: absolute; */
    /* top: 50%;left: 50%; */
    
    /* transform: translate(-50%, -50%); */
    /* color: black; */
   
}
.btn img:hover{
    scale: 1.1;
}




/* ------Section Button End------ */

/* ------footer------ */
footer {
    background-color: brown;
    width: 100%;
    height: 100%;
    color: aliceblue;

}

.R18-box {
    /* border: 2px solid white; */
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.R18-logo {
    max-width: 64px;
    display: inline-block;
    /* border: 2px solid white; */
    margin-bottom: 1rem;
}

.R18-text {
    max-height: 80px;
    /* line-height: 60px; */
    padding-left: 2rem;
    display: inline-block;
    /* border: 2px solid white; */
    vertical-align: middle;
    text-align: justify;

}

@media (max-width:768px) {
    .R18-text {
        padding-left: 0rem;
    }

}

.social-icon {
    width: 80px;
    height: 80px;
    margin-left: 1rem;
    /* aspect-ratio: 1/1; */
    /* padding-left: 1rem; */
}

/* ------footer END------ */