@charset "UTF-8";
/* ******************************************************************

	--interview.css--

	1. interview

****************************************************************** */


/*==================================================================
	1. interview
===================================================================*/
.imageHead {
	margin-bottom: 60px;
}
.mHead {
	color: #002B73;
	font-size: 23px;
	font-family: "Sawarabi Mincho";
	margin-bottom: 52px;
}
#contents .contact {
    margin: 0 auto;
    width: 840px;
}
#contents .contact .formSection {
    width: 755px;
}
#contents .contact .formSection .note {
    border-bottom: 1px solid #597E79;
    padding-bottom: 19px;
    padding-left: 5px;
    margin-bottom: 44px;
}
#contents .contact .formSection table {
    width: 100%;
}
#contents .contact .formSection table th {
    padding-right: 9px;
    text-align: right;
    vertical-align: top;
    width: 250px;
}
#contents .contact .formSection table th,
#contents .contact .formSection table td {
    padding-bottom: 22px;
}
#contents .contact .formSection table input {
    width: 100%;
}
#contents .contact .formSection table textarea {
    height: 135px;
    width: 100%;
}
#contents .contact .formSection table .button {
	color:#FFF;
	padding: 11px 0 9px;
    width: 285px;
	background-color:#666;
}
#contents .contact .formSection table .button:hover{
	opacity:0.5;
}


@media screen and (max-width: 1040px){
    #contents .contact {
        margin-left: 55px;
        width: 74%;
    }
    #contents .contact .formSection {
        margin: 0;
        width: 100%
    }
    #contents .contact .formSection table th {
        width: 30%;
    }
}

@media screen and (max-width: 640px){
    #contents .contact {
        margin-left: 0;
        padding: 0 30px;
        width: 100%;
    }
    #contents .contact .formSection .note {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 51px;
    }
    #contents .contact .formSection table th,
    #contents .contact .formSection table td {
        display: block;
        text-align: left;
        width: 100%;
    }
    #contents .contact .formSection table th {
        padding-bottom: 2px;
        padding-left: 4px;
    }
    #contents .contact .formSection table td {
        padding-bottom: 10px;
    }
    #contents .contact .formSection table td input {
        border-width: 2px;
        height: 92px;
    }
    #contents .contact .formSection table td textarea {
        border-width: 2px;
        height: 255px;
    }
    #contents .contact .formSection table .button {
        padding: 14px 0 17px;
        width: 100%;
		background-color:#666;
    }
}

@media screen and (max-width: 480px){
    #contents .contact .formSection table td input {
        border-width: 1px;
        height: 60px;
    }
    #contents .contact .formSection table td textarea {
        border-width: 1px;
        height: 150px;
    }
}

@media screen and (max-width: 320px){
    #contents .contact {
        margin: 0 auto;
        padding: 0;
        width: 90%;
    }
    #contents .contact .formSection .note {
        margin-bottom: 30px;
    }
    #contents .contact .formSection table td input {
        height: 40px;
    }
    #contents .contact .formSection table td textarea {
        height: 100px;
    }
}