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

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/
@media print, screen and (min-width: 769px){
	
	h2.page_title {
		background: url("../images/recruit/page_title_pc.jpg") no-repeat;
		background-size: cover;
		color: #FFF;
	}
	
	section {
		width: 980px;
		margin: 0 auto;
	}
	
	section h3{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.2;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #0071BC;
		position: relative;
		color: #000;
		margin-bottom: 20px;
	}
	
	section h3::before{
		width: 8em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}
	
	section h4{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.5;
		font-weight: 700;
		margin: 40px 0 10px;
		color: #000;
		padding-bottom: 5px;
		position: relative;
		border-bottom: 1px solid #0071BC;
	}
	section h4::before{
		width: 4.15em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}
	section h5{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 12px;
		color: #000;
		text-align: center;
	}
	
	section div.mynav {
		margin: 40px 0 60px;
		text-align: center;
	}
	
	section div.mynav a{
		display: block;
		width: 130px;
		margin: 0 auto;
	}
	
	section h5.table_name{
		padding-left: 1em;
		padding-top: 35px;
		margin-bottom: 5px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	section table {
		width: 100%;
		border-top: 1px solid #000;
		color: #000;
	}
	
	section table th{
		width: 115px;
		background: #E7E7E6;
		padding: 6px 0 6px 15px;
		border-bottom: 1px solid #000;
	}
	
	section table td{
		/*width: 100%;*/
		padding: 6px 0 6px 34px;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
	}
	
	section ul.block {
		width: 100%;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	
	section ul.block li.left{
		width: 570px;
	}
	
	section ul.block li.left table td{
		text-align: center;
		padding: 6px 0 6px 0;
	}
	
	section ul.block li.left table td.bl_none{
		border-left: none;
	}
	
	section ul.block li.left table td.text_money{
		text-align: right;
		padding: 6px 40px 6px 0;
	}
	
	section ul.block li.left table td.text_left{
		text-align: left;
	}
	
	section ul.block li.right{
		width: 356px;
		display: flex;
		flex-wrap:wrap;
		justify-content: flex-end;
		align-items: flex-end;
	}
	
	section ul.block li.right div{
		position: relative;
		color: #000;
	}
	
	section ul.block li.right div h5{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 5px;
	}
	
	section ul.block li.right div address, section ul.block li.right div p{
		padding-left: 1.5em;
	}
	
	section ul.block li.right div a{
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.1;
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		color: #000;
	}
	/* 20200404追加CSS */
	.mb1{
		margin-bottom: 1em;
	}
	/* //20200404追加CSS */
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 768px){
	h2.page_title {
		background: url("../images/recruit/page_title_sp.jpg") no-repeat;
		background-size: cover;
		color: #FFF;
	}
	
	section {
		width: 94%;
		margin: 0 auto;
	}
	
	section h3{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.2;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #0071BC;
		position: relative;
		color: #000;
		margin-bottom: 20px;
	}
	
	section h3::before{
		width: 8em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}
	
	section h4{
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.5;
		font-weight: 700;
		margin: 40px 0 10px;
		color: #000;
		border-bottom: 1px solid #0071BC;
		position: relative;
		padding-bottom: 5px;
	}
	section h4::before{
		width: 4.15em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}
	section h5{
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 12px;
		color: #000;
		text-align: center;
	}
	
	section div.mynav {
		margin: 40px 0 60px;
		text-align: center;
	}
	
	section div.mynav a{
		display: block;
		width: 130px;
		margin: 0 auto;
	}
	
	section h5.table_name{
		padding-left: 1em;
		padding-top: 35px;
		margin-bottom: 5px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	
	.x-scroll {
		overflow: auto;
	}
	.x-scroll::-webkit-scrollbar{
		height: 5px; /* スクロールバーの高さ */
	}
	.x-scroll::-webkit-scrollbar-track {
		background: #F3F3F2; /* スクロールバーの背景色 */
	}
	.x-scroll::-webkit-scrollbar-thumb {
		background: #CDCDCD; /* スクロールバーの色 */
	}
	
	section table {
		width: 100%;
		border-top: 1px solid #000;
		color: #000;
		margin-bottom: 10px;
	}
	
	section table th{
		width: 115px;
		background: #E7E7E6;
		padding: 6px 0 6px 15px;
		border-bottom: 1px solid #000;
	}
	
	section table td{
		/*width: 100%;*/
		padding: 6px 0 6px 34px;
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
	}
	
	section ul.block {
		width: 100%;
	}
	
	section ul.block li.left{
		width: 100%;
	}
	
	section ul.block li.left table{
		width: 570px;
	}
	
	section ul.block li.left table td{
		text-align: center;
		padding: 6px 0 6px 0;
	}
	
	section ul.block li.left table td.bl_none{
		border-left: none;
	}
	
	section ul.block li.left table td.text_money{
		text-align: right;
		padding: 6px 40px 6px 0;
	}
	
	section ul.block li.left table td.text_left{
		text-align: left;
	}
	
	section ul.block li.right{
		width: 100%;
	}
	
	section ul.block li.right div{
		color: #000;
		margin: 40px 0;
	}
	
	section ul.block li.right div h5{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 5px;
	}
	
	section ul.block li.right div address, section ul.block li.right div p{
		padding-left: 1.5em;
	}
	
	section ul.block li.right div a{
		width: 50px;
		font-size: 50px;
		font-size: 5.0rem;
		line-height: 1.1;
		display: block;
		color: #000;
		margin: 25px auto 0;
	}
	/* 20200404追加CSS */
	.mb1{
		margin-bottom: 1em;
	}
	/* //20200404追加CSS */
}