@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

html, body, main, .newHiring,.newHiring_end{
	height: 100%
}


body > .newHiring,.newHiring_end{
	height: auto;
}

.backs {

}
/*----------------------------------------------------
  header
----------------------------------------------------*/

.topLine {
	width: 100%;
}
.headerTitle h1{
	padding: 2% 0% 0% 5%;
}

.headerTitle a {
	text-decoration: none;
	color: #000033;
}

.headerTitle a:hover {
	color: #006699;
}

.homeButton {
	text-align: -webkit-right;
	padding: 0% 5% 1% 0%;
}

.homeButton li {
	display: inline-block;
	background-color: #000033;
	padding: 0.3%;
	border-radius: 10px;
	width: 120px;
    text-align: center;
	}

.homeButton a {
	text-decoration: none;
	color: #FFFFFF;
}

/*----------------------------------------------------
  footer
----------------------------------------------------*/
.underLine {
	padding: 2% 1% 1% 0%;
	background-color: #000033;
	color: #FFFFFF;
	text-align: right;
	font-size: small;
	position: absolute;
	left: 0;
	right: 0;
}

.entryFooter {
	padding: 2% 1% 1% 0%;
    background-color: #000033;
    color: #FFFFFF;
    text-align: right;
    font-size: small;
    position: absolute;
    left: 0;
    right: 0;
}

.headMainFooter {
	width: 100%;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

/*----------------------------------------------------
  main
----------------------------------------------------*/
.newHiring,.newHiring_end{
	background-color: #D7EEFF;
	min-height: 100%; 
}

.mainPhoto {
	text-align: center;
}

.mainPhoto img {
	width: 100%;
}

.entry_btn {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3%;
}

.entry_btn a {
	font-size: 30px;
	border-radius: 30px;
	text-decoration: none;
	padding: 2% 10% 2% 10%;
	width: 50%;
	color: #FFFFFF;
	background-color: #9F353A;
}

.entry_btn a:hover {
	background-color: #B5495B;
}

.en_pd {
    margin-top: 5%;
    margin-bottom: 5%;
}

.box_A {
	background-color: #FFFFFF;
    width: 80%;
    margin: 0 auto;
    padding: 30px;
    border-radius: 40px;
    margin-top: 3%;
    margin-bottom: 3%;
}

.box_A_Word {
	padding: 1% 1% 1% 5%;
}

.box_A h2 {
	padding: 1% 1% 1% 3%;
}

.box_A img{
	padding: 10px;
}

.newHiring hr {
	width: 85%;
    margin: 0 auto;
    border: 0.5px #000033 solid;
}

.people {
	width: 40%;
	float: right;
}

.homeEntryButton {
	background-color: #D7EEFF;
}

.homeEntryButton li {
	text-align: center;
	display: inline-block;
	width: 100%;
	background-color: #000033;
}

.homeEntryButton li:hover {
	background-color: #003366;
}

.homeEntryButton a {
	text-decoration: none;
	color: #FFFFFF;
    padding: 1% 27% 1% 27%;
    font-size: 150%;
}

#pageTop a {
	margin-left: auto;
    margin-right: auto;
 	display: block;
	z-index: 999;
	padding: 8px;
	border-radius: 30px;
	width: 50px;
	height: 50px;
	background-color: #113285;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity: 0.8;
	transition: opacity 0.3s ease-out;
}

#pageTop a:hover {
	text-decoration: none;
	opacity: 0.5;
}

#pageTop span {
	position: absolute;
    top: 48%;
    left: 25%;

}

.arrow{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.arrow::before{
	content: '';
	width: 15px;
	height: 15px;
	border: 0px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 30%;
	left: 35%;
	margin-top: -5px;
	opacity: 0.8;
}

.entryBtn {
	margin-top: 5px;
}

.entryBtn a {
	display: block;
	z-index: 999;
	padding: 8px 8px 2px 8px;
	border-radius: 20px;
	width: 80px;
	height: 50px;
	background-color: #9F353A;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	opacity: 0.7;
	transition: opacity 0.3s ease-out;
}

.entryBtn a:hover {
	opacity: 0.5;
}

.btns {
	width: 100px;
	margin: 0, auto;
	position: fixed;
	bottom: 9%;
    right: 1%;
}

/*----------------------------------------------------
  カレンダー
----------------------------------------------------*/

.calendar1{
	text-align: center;
    padding: 0% 1% 3% 1%;
}

iframe{
	max-width: 875px;
    width: 60%;
    min-width: 630px;
    height: 600px;
}

table #footer1 .footer{
	padding: 25px 0 2px;
}

.calendarBox  {
	color: #000066;
	width: 100%;
	text-align: center;
	padding: 2% 0% 1% 0%;
}

.calendarh2 {
	display: inline-block;
}


/*----------------------------------------------------
  entry
----------------------------------------------------*/

.titleLine {
	width: 100%;
	margin: 0 auto;
}

.titleLine h2 {
	padding: 0% 0% 0% 10%;
}

.titleLine {
	padding: 0% 0% 2% 0%;
}

.whiteBackground {
	background: #FFFFFF;
	width: 80%;
	padding: 2%;
	margin: 0% auto 0% auto;
	min-height: 100%;
}

.fullBackground {
	width: 100%;
	background-color: #FFFFFF;
	min-height: 100%;
}

.newHiring input[type=text] {
	width: 99%;
	height: 28px;
	font-size: 16px;
}

.occupations {
	width: 100%;
	padding: 2%;
}

.newHiring table {
	width: 90%;
	min-width: 100px;
    padding: 2% 3% 5% 1%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.newHiring table th {
	background: transparent;
	text-align: left;
	padding: 12px 0px 0px;
	font: inherit;
	min-width: 250px;
	vertical-align: top;
	border: none;
}

.newHiring table td {
	border: none;
	padding: 10px;
}

.confirmation_btn {
	font-size: 14px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    height: 40px;
    width: 160px;
    background-color: #000033;
    color: #FFFFFF;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

p.centered {
    text-align: center;
    padding: 3%;
}

p.backButton {
	text-align: center;

}

.errorMessage {
	text-align: center;
	position:relative;
	margin: 4% 0% 8% 0%;
}

.headerMainFooter {
	width: 100%;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

/* newHiring_end */

.newHiring_end{
	padding-bottom: 30px;
}

.newHiring_end .box_A_Word{
	padding: 1% 1% 1% 3%;
}