@CHARSET "UTF-8";

	.mt-50{
		margin-top:50px !important;
	}

	.mt-100{
		margin-top:100px !important;
	}

	.mt-150{
		margin-top:150px !important;
	}

	.mt-200{
		margin-top:200px !important;
	}
	
	.pt-100{
		padding-top:100px !important;
	}
	.pb-100{
		padding-bottom:100px !important;
	}
	
	.pl-100{
		padding-left:100px !important;
	}
	
	.pr-100{
		padding-right:100px !important;
	}
	
	
@media (min-width: 992px) {
	.mt-lg-50{
		margin-top:50px !important;
	}

	.mt-lg-100{
		margin-top:100px !important;
	}

	.pt-lg-100{
		padding-top:100px !important;
	}
	.pb-lg-100{
		padding-bottom:100px !important;
	}
	
	.pl-lg-100{
		padding-left:100px !important;
	}
	
	.pr-lg-100{
		padding-right:100px !important;
	}
	
}

a.white:link    {color: #fff; text-decoration: none; }
a.white:visited {color: #fff; text-decoration: none; }
a.white:hover   {color: #fff; text-decoration: none; }
a.white:active  {color: #fff; text-decoration: none; }
    
/******************************/
/*  */
/******************************/

	.recruit h1{
		font-size:44px;
		color:#e40013;
		font-weight:bold;
	}
	
	.recruit h2{
		font-size:34px;
		color:#fff;
		font-weight:bold;
		margin:0 0 40px 0;
	}

	.recruit h2.ptn2{
		font-size:24px;
		color:#333;
		font-weight:normal;
		margin:0;
	}
	
	.recruit h2.ptn3{
		font-size:30px;
	}
		
	.recruit h3{
		font-size:18px;
		font-weight:bold;
		margin:0 0 30px 0;
	}
	
	.recruit h4{
		font-size:20px;
		font-weight:bold;		
		margin:20px 0;
	}

	.recruit h5{
		font-size:22px;
		font-weight:bold;		
		color:#fff;
	}

	.recruit h5 span{
		display:inline;
		font-size:0.65em;
		margin-left:2em;
	}
	
@media (min-width: 992px) {

	.recruit h1{
		font-size:86px;
	}
	
	.recruit h2{
		font-size:43px;
		margin:0 0 40px 0;
	}

	.recruit h2.ptn2{
		font-size:32px;
		margin:0;
	}

	.recruit h2.ptn3{
		font-size:43px;
	}
	
	
	.recruit h3{
		font-size:20px;
		margin:0;
	}
	
	.recruit h4{
		font-size:20px;
		margin:20px 0;
	}
	
	.recruit h5{
		font-size:24px;
	}
}
		
	
/******************************/
/*  */
/******************************/	
	.recruit .h1-catch{
		font-size:20px;
		font-weight:lighter;
	}
	
	.recruit .h2-catch{
		font-size:20px;
		font-weight:lighter;
		color:#fff;
	}

	.recruit .h3-catch{
		font-size:16px;
		font-weight:lighter;
		border-top:1px solid #cdcdcd;
		padding:30px 0 5px 0;
	}
	.recruit .h3-catch p{
		line-height:2em;
		margin:0;
		padding:0;	
	}

@media (min-width: 992px) {

	.recruit .h1-catch{
		font-size:24px;
		font-weight:lighter;
		margin-left:0.5em;
	}
	
	.recruit .h3-catch{
		font-size:16px;
		font-weight:lighter;
		border-top:none;
		border-left:1px solid #cdcdcd;
		padding:5px 0 5px 60px;
	}
	
}

/******************************/
/*  */
/******************************/	
	
	.recruit span{
		font-size:auto;
		display:block;
	}
		
	.recruit p{
		line-height:1.2em;
		margin:0 0 6px 0;
		padding:0;
	}
	
	.recruit .bk-red{		
		background-color:#e40013;
	}

/******************************/
/*  */
/******************************/	

	.btn-size-300{
		width:300px;
		height:70px;
		border-radius:35px;
		display:flex;
		align-items:center;
		font-size:30px;
	}
	
    a.btn-size-300:link    {color: #fff; text-decoration: none; background-color:#d7000f;}
    a.btn-size-300:visited {color: #fff; text-decoration: none; background-color:#d7000f;}
    a.btn-size-300:hover   {color: #fff; text-decoration: none; background-color:#b20d1d;}
    a.btn-size-300:active  {color: #fff; text-decoration: none; background-color:#b20d1d;}
    	

	.h-100{
		height:100%;
	}
	

/******************************/
/*  */
/******************************/	

	.recruit .box{
		width:320px;		
		height:400px;
		background-color:#fff;
		padding:24px;
	}
	
	.recruit .box dt{
		width:100%;
		height:230px;
	}
	.recruit .box dd{
		font-size:16px;
	}

/******************************/
/*  */
/******************************/	
	
	.recruit ul.list{
		list-style:none;
		margin:0;
		padding:0;
	}
	
	.recruit ul.list li{
		border-bottom:1px solid #cdcdcd;
		padding:30px 0;
		margin:0;
	}
	
	.recruit ul.list dl{
		display:flex;
		flex-wrap:wrap;
		margin:0;
		padding:0;
	}

	.recruit ul.list dt{
		width:100%;
		margin:0;
		padding:0 0 5px 0;
		font-weight:bold;
	}
	
	.recruit ul.list dd{
		width:100%;
		margin:0;
		padding:0;
	}

@media (min-width: 992px) {

	.recruit ul.list dt{
		width:200px;
		margin:0;
		padding:0;
		font-weight:lighter;
	}
	
	.recruit ul.list dd{
		width:calc(100% - 200px);
		margin:0;
		padding:0;
	}


}	

/******************************/
/*  */
/******************************/	
	
	.recruit .waku-1{
		border:1px solid #363636;
		width:100%;
	}
	
	.recruit .waku-1 .upper{
		padding:60px 20px;
		border-bottom:1px solid #363636;
	}

	.recruit .waku-1 .upper h2{
		color:#e40013;
		padding:0;
		margin:0;	
	}

	.recruit .waku-1 .lower{
		position:relative;
		padding:0;
		font-size:20px;
		font-weight:bold;		
	
		background-image: url('/wp-content/uploads/recruit-bk1.png');
		background-size:contain;
	
		background-position:top;
		background-repeat:no-repeat;		
		min-height:850px;		
	}
	
	.recruit .waku-1 .lower .in{
		background-color:rgba(255,255,255,0.5);
		padding:60px 20px;
		height:100%;
	}
	
	.recruit .waku-1 .lower p{
		line-height:1.4em;
	}

	.recruit .keep-changing{
		width:270px;
		position:absolute;
		left:20px;
		bottom:5%;
	}
	
@media (min-width: 992px) {

	.recruit .waku-1 .upper{
		padding:80px 0;
	}

	.recruit .waku-1 .upper h2{
		padding:0 60px;
		margin:0;	
	}
	
	.recruit .waku-1 .lower{
		font-size:20px;
		font-weight:bold;
		background-image: url('/wp-content/uploads/recruit-bk1.png');
		background-size:contain;
		background-position:right;
		min-height:650px;
	}
	
	.recruit .waku-1 .lower .in{
		background-color:transparent;
		padding:60px;
	}
	
	.recruit .keep-changing{
		width:350px;
		position:absolute;
		left:80px;
		bottom:15%;
	}	
}