@charset "UTF-8";

/*-----------------------------
ここにない設定は、style.css参照
------------------------------*/

/*-----------------------------
コンテンツ
------------------------------*/
/* コンテンツ：PROFOLE */
#contents #profile h2,
#contents #contact h2{
    font-size:130%;
    margin:20px;
}
#profile .hisakiga img{
    width:200px;
    height:auto;
    margin:0 20px;
}
#profile .hisakiga p{
    margin:0 60px;
}
#profile .hisaprof p{
    margin:20px;
}

/* コンテンツ：CONTACT */
#contact table{
    border-collapse:collapse;
/*    margin:30px 0 30px 50px;*/
    margin:4% 0 4% 6.5%;
}
#contact th,td{
    border:1px solid #000;
    padding:10px;
}
#contact th{
    text-align:left;
    background:#ba9648;
}

/* SPのemail設定は、media screenで！これは中間用。*/
#contact input[type="text"],input[type="email"]{
    width:430px; /*PC:これで横サイズ決まっている*/
}

#contact textarea{
    width:100%;
    height:200px;
    resize:none;
}
#contact input[type="submit"]{
    -webkit-appearance:none;
    border:none;
    padding:10px 40px;
    background:#87643e;
    color:#eee;
    font-weight:bold;
    
    border-bottom:4px solid #ba9648;
    border-radius:3px;
    
    cursor:pointer;
    margin:20px auto 0;
    display:block;
    margin-bottom:30px;
}
#contact .alert{
    color:red;
    margin: 0 25px;
    font-weight: bold;
}

/*-----------------------------
 タブレット -959
------------------------------*/
@media screen and (min-width:640px){

/* TAB:Profile */
    #profile .hisakiga img{
        margin:0 40px;
    }
    #profile .hisakiga p{
        margin:0 60px;
    }
    #profile .hisakiga{
        float:left;
    }
    #profile .hisaprof p{
        width:700px;
        display:block;
        margin-top:40px;
    }
}

/*-----------------------------
 PCサイト
------------------------------*/
@media screen and (min-width:960px){

/* PC コンテンツ*/
    #contact input[type="text"],input[type="email"]{
        width:430px; /*PC:これで横サイズ決まっている*/
    }
    #contact table{
        margin-left:145px;
    }
    #contact .alert{
        margin: 0 125px;
    }
}
@media screen and (max-width:640px){
    
    /* CONTACT：縦配置に */
    #contact th,
    #contact td{
        width:100%;
        display:block;
        margin-top:-1px;
    }
    #contact input[type="text"],input[type="email"]{
        width:315px; /*SP:これで横サイズ決まっている*/
    }
    #contact table{
        margin:5% auto;
    }
}