@charset "UTF-8";

section#mailformpage
{
    width:100%;
    padding:60px 0;
    border-top:25px solid #3c7abd;
}
    h3.mailform-h3
    {
        text-align: center;
        font-size:3em;
        font-family:"游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
        margin:0;
    }
    p.mailform-text01
    {
        text-align:center;
        margin:0.5em 0 0;
    }
    div.mailform-inner
    {
        width:800px;
        margin:30px auto;
        border:5px solid #EEEEEE;
        padding:40px 0;
        text-align:center;
    }
        h4.mailform-h4
        {
            width:85%;
            margin:0 auto;
            border-bottom:1px dotted #3c7abd;
            color:#3c7abd;
            font-size:1.5em;
        }
        p.mailform-text02
        {
            margin:0.5em 0 1.8em;
        }
            a.mailform-tel
            {
                text-decoration:none;
                font-size:3.8em;
                font-weight:bold;
                color:#FF6600;
                transition: .6s;
                line-height:1;
                
            }
                a.mailform-tel:hover
                {
                    opacity:0.6;
                }
        p.mailform-text03
        {
            margin:0 0 1em;
            font-weight:bold;
            font-size:1.1em;
        }
        p.mailform-text04
        {
            width:85%;
            margin:0 auto 2.5em;
            text-align:left;
        }
        p.mailform-text05
        {
            width:85%;
            margin:0.8em auto 0.5em;
            text-align:left;
        }
/*mailform
-------------------------------------------------------*/
    form#form
    {
        width:85%;
        background-color:#F5F5F5;
        margin:0 auto;
        box-sizing:border-box;
        padding:10px 3%;
    }
        dl.mailform
        {
            width:100%;
            margin:0;
            display:inline-flex;
            flex-wrap:wrap;
            justify-content:flex-start;
            text-align: left;
        }

                    dl.mailform span
                    {
                        color:#CC0000;
                    }
                    dl.mailform dt
                    {
                        width:26%;
                        box-sizing:border-box;
                        margin:6px 0;
                    }
                    dl.mailform dd
                    {
                        width:74%;
                        box-sizing:border-box;
                        margin:0;
                        margin:6px 0;
                    }


                input[type="text"]{
                  border: solid 1px #aaa;
                  border-radius:5px;
                  padding:10px;
                }
                input[type="submit"]{
                    border-radius:5px;
                    color:#FFFFFF;
                    background-color:#3c7abd;
                    border:none;
                    padding:0.5em 1.5em;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    transition: all  0.3s ease;
                }
                input[type="submit"]:hover
                {
                    opacity:0.6;
                }
                input[type="reset"]{
                    border-radius:5px;
                    color:#FFFFFF;
                    background-color:#3c7abd;
                    font-weight:bold;
                    border:none;
                    padding:0.5em 1.5em;
                    margin-left:5px;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    transition: all  0.3s ease;
                }
                input[type="reset"]:hover
                {
                    opacity:0.6;
                }
                input.size-S
                {
                    width:30%!important;
                }
                input.size-M
                {
                    width:50%!important;
                }
                input.size-L
                {
                    width:69%!important;
                }
                textarea.size-LL
                {
                    width:100%!important;
                    height:120px!important;
                    border-radius:5px;
                }


@media screen and (max-width : 1300px) {}
@media screen and (max-width : 1230px) {}
@media screen and (max-width : 1100px) {}
@media screen and (max-width : 1024px) {}
@media screen and (max-width : 768px) {
    
section#mailformpage
{
    width:100%;
    padding:3em 0;
}
    h3.mailform-h3
    {
        font-size:2.3em;
    }
    p.mailform-text01
    {
    }
    div.mailform-inner
    {
        width:90%;
        margin:2em auto;
        border:5px solid #EEEEEE;
        padding:2em 0;
    }
        h4.mailform-h4
        {
            width:90%;
            margin:0 auto;
            font-size:1.5em;
        }
        p.mailform-text02
        {
            margin:0.5em 0 1em;
        }
            a.mailform-tel
            {
                font-size:3.2em;
                
            }
                a.mailform-tel:hover
                {
                }
        p.mailform-text03
        {
            margin:0 0 1em;
            font-weight:bold;
            font-size:1.1em;
        }
        p.mailform-text04
        {
            width:90%;
            margin:0 auto 1.5em;
        }
        p.mailform-text05
        {
            width:90%;
        }
/*mailform 768px
-------------------------------------------------------*/
    form#form
    {
        width:90%;
        background-color:#F5F5F5;
        margin:0 auto;
        box-sizing:border-box;
        padding:10px 3%;
    }
        dl.mailform
        {
        }

                    dl.mailform span
                    {
                    }
                    dl.mailform dt
                    {
                        width:30%;
                    }
                    dl.mailform dd
                    {
                        width:70%;
                    }

}

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

section#mailformpage
{
    width:100%;
    padding:2em 0 0.5em;
}
    h3.mailform-h3
    {
        font-size:1.5em;
    }
    p.mailform-text01
    {
        text-align:left;
        width:90%;
        margin:0.5em auto 0;
    }
    div.mailform-inner
    {
        width:90%;
        margin:1em auto 0;
        padding:1em 0;
    }
        h4.mailform-h4
        {
            font-size:1.3em;
        }
        p.mailform-text02
        {
            margin:0.5em auto 1.5em;
            text-align:left;
            width:90%;
        }
            a.mailform-tel
            {
                font-size:2.5em;
                
            }
/*mailform 768px
-------------------------------------------------------*/
    form#form
    {
        padding:10px 5%;
    }
        dl.mailform
        {
            display:block;
        }

                    dl.mailform span
                    {
                    }
                    dl.mailform dt
                    {
                        width:100%;
                    }
                    dl.mailform dd
                    {
                        width:100%;
                    }
                input[type="text"]{
                  border: solid 1px #aaa;
                  border-radius:5px;
                  padding:10px;
                }
                input[type="submit"]{
                    width:100%;
                    border-radius:5px;
                    color:#FFFFFF;
                    background-color:#3c7abd;
                    border:none;
                    padding:0.5em 1.5em;
                    margin-bottom:0.8em;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    transition: all  0.3s ease;
                }
                input[type="submit"]:hover
                {
                    opacity:0.6;
                }
                input[type="reset"]{
                    border-radius:5px;
                    color:#FFFFFF;
                    background-color:#3c7abd;
                    font-weight:bold;
                    border:none;
                    padding:0.5em 1.5em;
                    margin-left:0;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    transition: all  0.3s ease;
                }
                input[type="reset"]:hover
                {
                    opacity:0.6;
                }
                input.size-S
                {
                    width:30%!important;
                }
                input.size-M
                {
                    width:80%!important;
                }
                input.size-L
                {
                    width:80%!important;
                }
                textarea.size-LL
                {
                    width:100%!important;
                    height:120px!important;
                    border-radius:5px;
                }
}