@charset "utf-8";


/*基本サイズ表

14px = 1em
15px = 1.07em
16px = 1.14em
18px = 1.28em
20px = 1.42em
30px = 2.14em
40px = 2.85em
50px = 3.57em
60px = 4.28em
50px = 5em

*/



/* 下層ページ共通
---------------------------------------------------------- */

#pageTtl{
    font-size: 3.6rem;
    line-height: 1;
    font-weight:normal;
    color:#444;
    letter-spacing: 0.15em;
    padding:4.7em 0 2.6em;
}

#pageTtl span{
    font-family: 'Cormorant Garamond', serif;
    display:block;
    font-size: 2.0rem;
    font-weight: normal;
    margin-top:0.58em;
    letter-spacing:0.2em;
    color:#cdcdcd;
}

.page p {
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}

.p-lead{
    margin-bottom:3.57em;
    letter-spacing:0.02em;
    line-height:2;
}


@media screen and (max-width:767px) {
    #pageTtl{
        font-size: 3.0rem;
        padding:2.5em 0 2.0em;
    }
    #pageTtl span{
        margin-top:0.33em;
    }

}



/* contact
---------------------------------------------------------- */

#form{
    margin-bottom:3.57em;
}

#form th,
#form td {
    vertical-align:top;
    color:#666;
}

#form th{ width:30%;}
#form td{ width:70%;}

#form .required span{
    margin: 0 6px;
    color: #ff6565;
    font-size: 1.07em;
}

#form input[type="text"],
#form input[type="email"],
#form textarea{
    padding: 0.71em;
    border: 1px solid #e5e5e5;
    background: #fff;
    min-width:40%;
    font-size:1.07em;
    color:#666;
}

#form textarea{
    width:100%;
}

#form input[type="text"]:focus, 
#form textarea:focus {
    border: 1px solid #d6e9f1;
    background: #f6fcfe;
}

#form .ipt-small{ width:50%;}
#form .ipt-learge{width:70%;}

#sec-contact .list-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    max-width: 820px;
    margin: auto;
}

#sec-contact .list-btn li {
    margin-bottom: 1.42em;
    width:48.78%;
}

#sec-contact .p-error{
    font-size:1.42em;
    letter-spacing:0.1em;
}

#sec-contact .block-error {
    margin:2.14em 0 4.2em
}

#sec-contact .list-error{
    margin:2.5em 0 4em;
}

#sec-contact .list-error li{
    margin-bottom:1.42em;
}


@media screen and (max-width:767px) {
    #form th,
    #form td{
        width:100%;
    }
    #form .ipt-small,
    #form .ipt-learge,
    #form textarea{
        width:100%;
    }
    #form input{
        font-size:16px;
    }
    #sec-contact .list-btn li{
        width:100%;
        margin-bottom:1em;
    }
}