@charset "utf-8";
@import url("common.css");
@import url("../../css/sub.css");
@import url("board.css");
@import url("footer.css");

#pr-video,
#pr-newspaper,
#pr-catalogue{width:100%; max-width:1200px; margin-left:auto; margin-right:auto;}

#pr-video .vbox h4,
#pr-newspaper dl dt,
#pr-catalogue dl .text{text-align:left; font-size:18px; color:#444; font-weight:500; margin-bottom:10px;}
#pr-video .vbox h4 hr,
#pr-newspaper dl dt hr,
#pr-catalogue dl .text hr{width:30px; height:3px; background:#c11a21; text-align:left; margin-bottom:10px; }
#pr-newspaper dl .sum img,
#pr-catalogue dl dt img{width:100%;}

#pr-video .vbox{width:47%; max-width:600px; float:left; margin-bottom:40px;}
#pr-video .vbox:nth-child(2n-1){margin-right:6%;}
#pr-video .vbox iframe{height:316px;}

#pr-newspaper dl .sum{float:left;}
#pr-newspaper dl .sum img{border:solid 1px #dcdcdc; }
#pr-newspaper dl .mid{margin-left:1.25%; margin-right:1.25%;}
#pr-newspaper dl .mid2{margin-left:2%;}
#pr-newspaper .first{margin-bottom:30px;}
#pr-newspaper .first .sum{width:19%;}
#pr-newspaper .second,
#pr-newspaper .third{width:50%; max-width:550px; }
#pr-newspaper .second{float:left; }
#pr-newspaper .third{float:right; }
#pr-newspaper .second .sum,
#pr-newspaper .third .sum{width:49%;}


#pr-catalogue dl{width:19%; float:left; margin-left:8%; margin-bottom:40px;}
#pr-catalogue dl:nth-child(1){ margin-left:0;}
#pr-catalogue dl .text{margin-top:20px;}
#pr-catalogue dl .btn a{display:inline-block; width:100%; height:40px; line-height:40px; background:#ececec; color:#555;}
#pr-catalogue dl .btn a:hover{background:#c11a21; color:#fff;}



#recruit{color:#666; margin-left:auto; margin-right:auto;}
#recruit > h4{font-size:30px; font-weight:300; margin-bottom:60px; }
#recruit > div{padding-top:40px; padding-bottom:40px; }
#recruit > div > h5{font-size:25px; font-weight:500; color:#444;} 
#recruit > div > hr{width:50px; height:2px; background:#c11a21; margin-top:10px; margin-bottom:30px; margin-left:auto; margin-right:auto; text-align:center;}
#recruit > div > p{font-size:16px; font-weight:300; margin-bottom:30px;}

#recruit > div > .group{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; font-weight:700; }
#recruit > div > .group .circle{float:left; color:#777; border-radius:50%;  border:solid 5px #ececec; color:#444;}
#recruit > div > .group .mark{float:left; color:#777; }
#recruit > div > ul{width:100%; max-width:610px; margin-left:auto; margin-right:auto;  text-align:left;}
#recruit > div > ul li{font-size:18px; line-height:30px; font-weight:700;}
#recruit > div > ul li b{font-weight:300;}

#recruit .bg{background:#f2f2f2;}
#recruit .circlegroup{padding-top:0; }
#recruit .circlegroup img{width:100%;}

#recruit .recurit-order .group{max-width:990px;}
#recruit .recurit-order .group .circle{width:150px; height:150px; line-height:140px; font-size:20px; }
#recruit .recurit-order .group .mark{width:60px; height:150px; line-height:140px; font-size:50px; }

#recruit .recurit-how ul{max-width:610px;}

#recruit .recurit-rank .group{max-width:1200px; }
#recruit .recurit-rank .group .circle{width:150px; height:150px; line-height:140px; font-size:25px;  border:solid 5px #cfcfcf;}
#recruit .recurit-rank .group .mark{width:60px; height:150px; line-height:140px; font-size:50px; }

#recruit .recurit-pay .group{max-width:700px;}
#recruit .recurit-pay .group .circle{width:180px; height:180px; line-height:170px;  font-size:30px; }
#recruit .recurit-pay .group .mark{width:80px; height:180px; line-height:170px; font-size:60px;}

#recruit .recurit-time ul{max-width:221px; }

#recruit .recurit-benefit .benefitgroup{width:100%; max-width:1050px; margin-left:auto; margin-right:auto;}
#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(8){margin-left:75px;}
#recruit .recurit-benefit .benefitgroup > div > dl{float:left; width:150px; }
#recruit .recurit-benefit .benefitgroup > div > dl dt i{width:100px; height:100px; line-height:94px; border-radius:50%; font-size:40px;  border:solid 5px #cfcfcf; color:#c11a21;}
#recruit .recurit-benefit .benefitgroup > div > dl .title{ font-size:18px; color:#555; margin-top:10px; font-weight:700;}
#recruit .recurit-benefit .benefitgroup > div > dl .text{font-size:14px; height:57px; }

@media (max-width: 1199px){
	#pr-video,
	#pr-newspaper,
	#pr-catalogue,
	#recruit > h4,
	#recruit > div > p,
	#recruit .recurit-order,
	#recruit .recurit-how,
	#recruit .recurit-rank .group,
	#recruit .recurit-pay .group,
	#recruit .recurit-benefit .benefitgroup{width:90%;  max-width:600px; margin-left:auto; margin-right:auto;}

	#pr-video .vbox{width:100%; float:none; }
	#pr-video .vbox iframe{height:337px;}
	
	#pr-newspaper .first .sum{width:32%;}		
	#pr-newspaper .first .mid{margin-left:0; margin-right:0;}	
	#pr-newspaper .first dd:nth-child(3),
	#pr-newspaper .first dd:nth-child(6){margin-left:2%; margin-right:2%; }
	
	#pr-newspaper .second,
	#pr-newspaper .third{width:100%; max-width:600px; }
	#pr-newspaper .second,
	#pr-newspaper .third{float:none; }

	#pr-catalogue dl{width:49%; margin-left:2%;}
	#pr-catalogue dl:nth-child(2n-1){ margin-left:0;}
	
	#recruit > div > ul li{line-height:25px;}	
	#recruit > div > ul li b{display:inline-block; width:100%; padding-left:10px; padding-bottom:10px;}
	
	#recruit .recurit-order .group .circle,
	#recruit .recurit-rank .group .circle,
	#recruit .recurit-pay .group .circle{width:160px; height:160px; line-height:150px; }
	#recruit .recurit-order .group .mark,
	#recruit .recurit-rank .group .mark,
	#recruit .recurit-pay .group .mark{height:160px; line-height:150px;}
	#recruit .recurit-order .group .mark:nth-child(6),
	#recruit .recurit-rank .group .mark:nth-child(6){margin-left:50px;}
	#recruit .recurit-rank .group .circle:nth-child(11){margin-left:220px;}
	#recruit .recurit-pay .group .mark{width:60px; }
	
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(5){margin-left:75px;}
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(8){margin-left:0;}	
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(12){margin-left:150px;}
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(12),
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(13){margin-top:20px;}
}

@media (max-width: 999px){
	.pc2{display:none;}
	.mbl2{display:block;}
	
	#pr-video,
	#pr-newspaper,
	#pr-catalogue,
	#recruit > h4,
	#recruit > div > p,
	#recruit .recurit-order,
	#recruit .recurit-how,
	#recruit .recurit-rank .group,
	#recruit .recurit-pay .group,
	#recruit .recurit-benefit .benefitgroup{max-width:400px; }
	
	#pr-video .vbox iframe{height:225px;}

	#pr-video .vbox h4,
	#pr-newspaper dl dt,
	#pr-catalogue dl .text{font-size:16px; }
	#pr-catalogue dl .btn a{font-size:13px; height:30px; line-height:30px;}
	
	#recruit > h4{font-size:18px; margin-bottom:30px;}
	#recruit > div > h5{font-size:20px;} 	
	#recruit > div > ul li{font-size:16px}	
	
	#recruit .recurit-order .group .circle,
	#recruit .recurit-rank .group .circle,
	#recruit .recurit-pay .group .circle{width:115px; height:115px; line-height:105px; font-size:18px; }
	#recruit .recurit-order .group .mark,
	#recruit .recurit-rank .group .mark,
	#recruit .recurit-pay .group .mark{width:27px; height:115px; line-height:105px; font-size:25px; }
	#recruit .recurit-order .group .mark:nth-child(6),
	#recruit .recurit-rank .group .mark:nth-child(6){margin-left:45px;}
	#recruit .recurit-rank .group .circle:nth-child(11){margin-left:140px;}

	#recruit .recurit-benefit .benefitgroup .benefit dl{width:33.3%;}	
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(13){width:100%;}	
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(5),
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(8),
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(12){margin-left:0;}	
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(10),
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(11){margin-top:20px;}
	#recruit .recurit-benefit .benefitgroup >  div > dl .text{font-size:12px;}
}
@media (max-width: 599px){	
	#pr-video,
	#pr-newspaper,
	#pr-catalogue,
	#recruit > h4,
	#recruit > div > p,
	#recruit .recurit-order,
	#recruit .recurit-how,
	#recruit .recurit-rank .group,
	#recruit .recurit-pay .group,
	#recruit .recurit-benefit .benefitgroup{max-width:270px;}
	
	#pr-catalogue dl .text{margin-top:10px;}
	
	#pr-video .vbox iframe{height:152px;}

	#pr-video .vbox h4,
	#pr-newspaper dl dt,
	#pr-catalogue dl .text{font-size:14px; }
	
	#pr-newspaper .first .sum{width:49%;}		
	#pr-newspaper .first .mid,
	#pr-newspaper .first dd:nth-child(3),
	#pr-newspaper .first dd:nth-child(6){margin-left:0; margin-right:0; }
	#pr-newspaper .first dd:nth-child(3),
	#pr-newspaper .first dd:nth-child(5){margin-left:2%; }
	
	#recruit .recurit-order .group .circle,
	#recruit .recurit-rank .group .circle,
	#recruit .recurit-pay .group .circle{width:120px; height:120px; line-height:120px;}
	#recruit .recurit-order .group .mark:nth-child(4),
	#recruit .recurit-rank .group .mark:nth-child(4),
	#recruit .recurit-pay .group .mark:nth-child(4){margin-left:45px;}
	#recruit .recurit-order .group .mark:nth-child(6),
	#recruit .recurit-rank .group .mark:nth-child(6){margin-left:0;}
	#recruit .recurit-rank .group .mark:nth-child(10){margin-left:45px;}
	#recruit .recurit-rank .group .circle:nth-child(11){margin-left:0;}

	#recruit .recurit-benefit .benefitgroup .benefit dl{width:50%;}
	#recruit .recurit-benefit .benefitgroup .benefit dl:nth-child(9){margin-top:20px;}
}
@media (max-width: 399px){
	#pr-video,
	#pr-newspaper,
	#pr-catalogue,
	#recruit > h4,
	#recruit > div > p,
	#recruit .recurit-order,
	#recruit .recurit-how,
	#recruit .recurit-rank .group,
	#recruit .recurit-pay .group,
	#recruit .recurit-benefit .benefitgroup{max-width:250px;}
	#recruit > h4{font-size:16px; }
	
	#pr-video .vbox h4{margin-bottom:10px;}	
	#pr-video .vbox iframe{height:141px;}
	
	#recruit .recurit-order .group .circle,
	#recruit .recurit-rank .group .circle,
	#recruit .recurit-pay .group .circle{width:110px; height:110px; line-height:100px;}
	#recruit .recurit-order .group .mark,
	#recruit .recurit-rank .group .mark,
	#recruit .recurit-pay .group .mark{height:100px; line-height:100px; }
	#recruit .recurit-order .group .mark:nth-child(4),
	#recruit .recurit-rank .group .mark:nth-child(4),
	#recruit .recurit-pay .group .mark:nth-child(4){margin-left:40px;}
	#recruit .recurit-rank .group .mark:nth-child(10){margin-left:40px;}
}