/* フォント */

* {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.nav li a,
.movingh2 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing:1px;
}


/* お問い合わせフォーム */
.confirm_container>.openbtn {
    display: none;
}
.done,
.confirm,
.contact {
    width: 90%;
    margin: 0 auto;
}

.done article h2,
.confirm article h2,
.contact>h2 {
    text-align: center;
    margin: 20px 0 20px 0;
    background-color: rgb(199,178,153);
}

.confirm img{
    object-fit: fill;
}

.done p,
.confirm p,
.contact p {
    text-align: center;
    margin-bottom: 30px;
}

form dt {
    /* background-color: rgb(252,224,235); */
    color: #333;
    background: rgb(252,224,235) url(../img/icon/ramencircle.png) no-repeat padding-box left 5% center/20%;
    background-size: contain;
    text-indent: 10%;
}

form dt span{
    color: #F33;
}

form dt,
form dd {
    margin-bottom: 30px;
}

input[type="text"] {
    width: 80%;
}

input[type="tel"] {
    width: 50%;
}

textarea {
    width: 80%;
    height: 115px;
    resize: none;
    overflow-y: scroll;
}

input[type="submit"] {
    margin: 30px 0 20px 0;
}

input:invalid:focus {
    border: solid 1px red;
  }


.invidible {
    display: none;
}

.done p a{
    text-decoration: underline;
    text-align: center;
    margin: 50px 0 50px 0;
}


@media screen and (max-width:620px) {
    .done,
    .confirm,
    .contact {
        width: 100%;
    }

    .confirm p,
    .contact p {
        text-align: justify;
        font-size: .8em;
        margin: 0 auto;
        width:80%;
    }

    .invidible {
        display: block;
    }

    form dt {
        background: rgb(252,224,235) url(../img/icon/ramencircle.png) no-repeat padding-box left 5% center/20%;
        background-size: contain;
        text-indent: 13%;
    }
    

    
}

/* 「お問い合わせフォーム」ページ ここまで↑ */