@charset "utf-8";

.titlewrap {
	background:url(../img/contact/mv.jpg) no-repeat center center/cover;
}

#contact {
    .wrap {
        .contents {
            display:grid;
            justify-items:center;
            h2 {
                width:100%;
            }
            p {
                text-align:center;
                font-size:2.0rem;
                a {
                    &:not(.txtlink){
                        color:var(--color_sub);
                    }
                    &.txtlink {
                        font-size:2.4rem;
                    }
                }
                &:has(.txtlink) {
                    display:grid;
                    .txtlink {
                        justify-self:end;
                    }
                    &:not(:last-child) {
                        margin-bottom:2em;
                    }
                }
                &:not(:last-child) {
                    margin-bottom:1em;
                }
            }
            .btn {
                width:100%;
                max-width:370px;
                margin-bottom:3em;
            }
        }
    }    
}

@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {

    #contact {
        .wrap {
            .contents {
                p {
                    font-size:1.8rem;
                    a {
                        &.txtlink {
                            font-size:2.0rem;
                        }
                    }
                }
            }
        }    
    }
        
}

@media screen and (max-width:768px) {
    
    #contact {
        .wrap {
            .contents {
                p {
                    text-align:left;
                    font-size:1.4rem;
                    a {
                        &.txtlink {
                            font-size:1.8rem;
                        }
                    }
                }
                .btn {
                    max-width:280px;
                    line-height:1.3;
                    margin-bottom:2em;
                }
            }
        }    
    }
    
}