@charset "UTF-8";

@media screen and (max-width: 667px) {
/*----------------------------------------------------
  header
----------------------------------------------------*/
	.topLine {
		background-color: #000033
	}

	.headerTitle h1{
		padding: 2% 0% 0% 5%;
		color: #000033;
		font-size: 21px;
		color: #FFFFFF;
	}

	.headerTitle a {
	color: #FFFFFF;
	}

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

	.homeButton {
		background-color: #000033;

	}

	.homeButton li {
		background-color: #FFFFFF;
	}

	.homeButton a {
		color: #000033;	
	}

/*----------------------------------------------------
  footer
----------------------------------------------------*/
	.entryFooter {
		bottom: 0;
	}

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

	iframe{
    min-width: 100%;
    height: 450px;
	}

	.calendarBox {
	font-size: 12px;
	padding: 3% 0% 3% 0%;
	}

/*----------------------------------------------------
  main
----------------------------------------------------*/

	.mainPhoto img {
		width: 100%;
	}

	.box_A h2 {
		font-size: 1rem;
	}

	.box_A p {
		padding-left: 0;
	}

	.people {
		height: auto;
		max-width: 50%;
	}
	
/*----------------------------------------------------
  entry
----------------------------------------------------*/

	.whiteBackground {
		width: 90%;
	}

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

	.newHiring table th {
		padding: 10px;
		margin-left: 10px;
		margin-right: 10px;
		min-width: 100px;
		background: #000033;
		color: #FFFFFF;
		text-align: center;
		display: block;
	}
	
	.newHiring table td {
		display: block;
	}

	.errorMessage {
		margin: 10% 1% 5% 1%;
	}

	.entry_btn a {
		font-size: 20px;
		border-radius: 18px;
		text-decoration: none;
		padding: 2% 10% 2% 10%;
		width: 50%;
	}

	.btns {
 		right: 0%;
	}

	.newHiring_end .box_A{
		width: 75%;
		/* padding: 1%; */

	}
	.newHiring_end .box_A h2{
		font-size: 1.5rem;
		padding: 1% 1% 5% 1%;
	}
	.newHiring_end .box_A_Word{
		padding: 1%;
	}

}