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

img{
	width: 100%;
}
.visiblePc {
	display: block;
}
.visibleSp {
	display: none;
}
.contents{
	letter-spacing: 0.03em;
}
/*-----------------------main-visual------------------------*/
.main{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 80px;
}
.contents h1{
	font-size: 30px;
	letter-spacing: 0.03em;
	margin-top: 105px;
	margin-bottom: 30px;
}
.contents h1 span{
	font-size: 14px;
	margin-right: 20px;
}
.main div img{
	width: 100%;
}
/*-----------------------//main-visual------------------------*/

.mw900{
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

/*-----------------------section1------------------------*/
.section1{
	position: relative;
}
.com-img{
	position: absolute;
	top:15%;
	right:0;
	width: 30%;
}
.kaisha {
	width: 100%;
	margin-bottom: 65px;
	line-height: 1.5rem;
}

.kaisha th,
.kaisha td {
	padding: 10px 20px;
}
.kaisha th{
	border-right: 2px solid #004ea2;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}
.kaisha td{
	padding-left: 40px;
}
.kaisha tr:first-child td{
	border-top: 2px solid #004ea2;
	padding-top: 30px;
}
.kaisha tr:first-child th{
	border-top: 2px solid #004ea2;
	padding-top: 30px;
}



/*@media screen and (max-width: 767px) {
	.kaisha,
	.kaisha tr,
	.kaisha td,
	.kaisha th {display:block;}
	.kaisha th {width:auto;}
}*/

section p{
	margin-bottom: 50px;
}

/*-----------------------//section1------------------------*/

.line{
	height: 2px;
	margin-bottom: 110px;
}

/*-----------------------section2------------------------*/

.contents h2{
	color: #004ea2;
	margin-bottom: 25px;
	font-size: 24px;
}
.kaisha2 th{
	white-space: nowrap;
	padding-right: 35px;
}
.kaisha3 th{
	white-space: nowrap;
	padding-right: 43px;
	color: #004ea2;
}
.kaisha3 td{
	padding-left: 45px;
}
.kaisha3{
	margin-bottom: 50px;
}
.kaisha3 td .bold{
	font-weight: bold;
}
/*-----------------------//section2------------------------*/

/*-----------------------section3------------------------*/

.line2{
	margin-bottom: 40px;
}
.section3_p_1{
	margin-bottom: 30px;
	font-size: 16px;
}
.link_jump{
	display: inline-block;
	font-size: 20px;
	float: right;
}
.link_jump.first{
	margin-right: 5%;
}
.link_jump:hover{
	opacity: 0.7;
}
.arrow::after{
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: -2px 0 0 14px;
	background: url("../images/company-guide/mark_right.png") no-repeat; background-size: contain;
	vertical-align: middle;
}

/*-----------------------//section3------------------------*/

/*-----------------------section4------------------------*/

.box_recruit{
	background-image: url("../images/company-guide/recruit.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	margin-bottom: 80px;
}
.box_small{
	display: inline-block;
	position: relative;
	width: 236px;
	height: 236px;
	background: #000;
	z-index: 1;
	opacity: 0.9;
}
.box_small.ex{
	width: 100%;
	opacity: 0.7;
	pointer-events: none;
}
.box_small:hover{
	
}
.box_small p{
	position: absolute;
	color: #fff;
	font-size: 18px;
	opacity: 1;
	z-index: 3;
	top: 45%;
	left: 24%;
}
.box_small.ex p{
	left: 48%;
}
.line4{
	margin-bottom: 50px;
}
.box_recruit:hover{
	opacity: 0.8;
}

/*-----------------------//section4------------------------*/



@media screen and (max-width: 1000px){
	
	.mw900{
	width: 90%;
	}
	.contents h1{
		margin: 0 auto;
		width: 90%;
	}
	.box_small{
		width: 28%;
		height: 23.7vw;
	}
	.box_small p{
		font-size: 2vw;
		left: 22%;
	}
	
}

@media screen and (max-width: 768px){
	
	p{
		font-size: 3vw;
	}
	.contents h1{
		font-size: 4.5vw;
		margin-top: 11vw;
		margin-bottom: 3.5vw;
		width: 90%;
	}
	.contents h1 span{
		font-size: 2.5vw;
		margin-right: 3vw;
	}
	.main{
		margin-bottom: 12vw;
	}
	
	/*-----------------------section1------------------------*/

	.kaisha {
		margin-bottom: 10vw;
	}
	.kaisha th,
	.kaisha td {
		padding-right: 0;
	}
	.kaisha td{
		padding-left: 4vw;
		line-height: 1.5;
	}
	.kaisha tr:first-child td{
		padding-top: 4vw;
	}
	.kaisha tr:first-child th{
		padding-top: 4vw;
		white-space: nowrap;
		padding-right: 10vw;
	}
	section p{
		margin-bottom: 10vw;
	}
	.box_small.ex p {
        left: 45%;
    }

	/*-----------------------//section1------------------------*/
	
	.line{
		margin-bottom: 15vw;
	}
	.visiblePc{
		display: none;
	}
	.visibleSp{
		display: block;
	}
	
	/*-----------------------section2------------------------*/

	.contents h2{
		color: #004ea2;
		margin-bottom: 3vw;
		font-size: 5vw;
	}
	.kaisha2 th{
		white-space: nowrap;
		padding-right: 2vw;
	}
	.kaisha3 th{
		padding-right: 5.5vw;
	}
	.kaisha3 td{
		padding-left: 4vw;
	}
	.kaisha3{
		margin-bottom: 10vw;
	}

	/*-----------------------//section2------------------------*/

	/*-----------------------section3------------------------*/

	.line2{
		margin-bottom: 8vw;
	}
	.section3_p_1{
		margin-bottom: 5vw;
		font-size: 3.9vw;
	}
	
	/*-----------------------//section3------------------------*/
	
	/*-----------------------section4------------------------*/

	.box_recruit{
		margin-bottom: 8vw;
	}
	.box_small{
		width: 50%;
		height: 23.7vw;
	}
	.box_small p{
		top: 40%;
		left: 21%;
		font-size: 3.5vw;
	}
	.line4{
		margin-bottom: 25vw;
	}

	/*-----------------------//section4------------------------*/

}