@charset "UTF-8";

/* htmlサンプルから引っ張ってきた、ＰＣ用レスポンシブ。（元はタブレットも、これ。） */
/* SPを軸としてるが、このまま使用。 */
@media screen and (min-width: 1025px) {
/* @media screen and (min-width: 600px) { */

    .contact-wrapper {
        width: 580px;
    }

        .contact-wrapper2 {
            width: 580px;
        }

        .name,
        .nameRuby,
        .emailAddress,
        .emailConfirmation,
        .phoneNumber,
        .message {
            float: left;

            width: 159.5px;
            height: 32px;

            margin-top: 0;
            padding-left: 5px;
            border: 2px solid red;
            border-right: 0px none;
            border-radius: 8px 0 0 8px;

            line-height: 32px;
        }

        #name,
        #nameRuby,
        #emailAddress,
        #emailConfirmation,
        #phoneNumber {
            width: 250px;

            margin-top: 0;
            margin-bottom: 32px;

            font-size: 1.6rem;
        }

        #message {
            width: 420.5px;

            margin-top: 0;

            font-size: 1.6rem;
        }

        /* 2022/10/15 */
        /* 新しく記述。 */
        .validation {
            padding-bottom: 0;
        }
}