@charset "UTF-8";

.container {
    display: grid;
    align-items: end;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
    min-height: 100vh;
}

.section--title {
    font-size: 1.8rem;
}
.contact {
    margin-top: 68px;
}
.contact__text {
    text-align: center;
    padding: 26px 26px;
}

/* contacttopic */
.main {
    background-color: #FFFDFD;
}
.contact__topic {
    background-color: #F1D8DE;
    padding: 31px 17px 29px 22px;
    width: 322px;
    height: auto;
    border-radius: 20px;
    margin: 0 auto;
}
.contact__title {
    font-size: 1.4rem;
    text-decoration: underline;
}

/* insta */
.insta__item {
    display: flex;
}
.insta__item img {
    width: 59px;
    height: 59px;
    margin-top: 23px;
    margin-right: 78px;
    cursor: pointer;
} 
.insta__item img:hover {
    opacity: 0.7;
} 
.insta__txt p {
    margin-top: 23px;
}
.insta__txt p span {
    text-decoration: underline;
}
.text {
    margin-top: 23px;
}

/* line */
.contact__line {
    margin-top: 37px;
}
.line__item {
    display: flex;
}
.line__item img {
    margin-top: 23px;
    margin-right: 29px;
    width: 59px;
    height: 59px;
}
.line__item img:hover {
    opacity: 0.7;
} 
.line__txt {
    margin-top: 23px;
}
.line__txt a:first-of-type {
    text-decoration: underline;
}

.content__attention {
    text-align: center;
    margin-top: 27px;
    margin-bottom: 27px;
}

@media screen and (min-width: 769px) {
    .contact__topic {
        width: 716px;
        height: auto;
        display: flex;
        justify-content: space-around;
        padding: 31px 35px 29px 35px;
    }
    .contact__line {
        margin-top: 0;
    }
    br {
        display: none;
    }
}

@media screen and (min-width: 988px) {
    .contact {
        margin-top: 100px;
    }
}

/* wavefooter */
.wavefooter {
    background: linear-gradient(to bottom, #FFFDFD 0%, #FFFDFD 50%, #C48FA9 50%, #C48FA9 100%);
}
.wavefooter__sp {
    width: 100%;
    display: block;
}
.wavefooter__pc {
    display: none;
}

@media screen and (min-width: 769px) {
    .wavefooter__pc {
        width: 100%;
        display: block;
    }
    .wavefooter__sp {
        display: none;
    }
}
/* pc 769px */