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

.catch {
	margin-bottom: 0;
}
/*----------------------------------------
	.contents
----------------------------------------*/
.contents .engTitle,
.contents h2 {
	letter-spacing: 0.1em;
}
.contents h2 {
	font-weight: normal;
	font-size: 18px;

}
.contents .engTitle {
	font-weight: bold;
	line-height: 1;
}
.contents .textBox .text {
	margin: 0 0 20px 0;
}
.contents .cont-wrap {
	display: flex;
	flex-wrap: wrap;
}
.contents .detail {
	width: calc(100%/3);
	text-align:  center;
}
*::-ms-backdrop, .contents .detail {
	width: 33.33%; /* IE11 */
}

@media print, screen and (min-width: 769px){
	.contents .engTitle {
		font-size: 28px;
	}
	.contents .title-large {
		font-size: 32px;
	}
}
@media screen and (max-width:768px){
	.contents .engTitle {
		font-size: 22px;
	}
	.contents h2 {
		font-size: 14px;
	}
}
@media screen and (max-width:480px){
	.contents .detail {
		width: 100%;
		text-align:  left;
	}
}

/*----------------------------------------
	#about
----------------------------------------*/
#about .detail {
	background: #015b99;
}
#about .cont-wrap .detail:nth-child(2n) {
	background: #2a3688;
}
#about .detail .engTitle,
#about .detail h2,
#about .detail p {
	color: #FFF;
}

@media print, screen and (min-width: 769px){
	#about .detail h2 {
		font-size: 16px;
	}
	#about .detail .textSpc {
		padding: 30px;
	}
}

@media screen and (max-width:768px){
	#about .cont-wrap {
		display: block;
	}
	#about .cont-wrap .detail {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		text-align: left;
		padding: 20px 1em;
		align-items: center;
	}
	#about .cont-wrap .detail .imgSpc {
		width: 40%;
		max-width: 250px;
	}
	#about .cont-wrap .detail .textSpc {
		width: 60%;
		padding: 0 0 0 1em;
	}
	#about .title-area {
		text-align: left;
		padding: 0;
	}
}

@media screen and (max-width:480px){
	#about .cont-wrap .detail {
		align-items: initial;
	}
}

/*----------------------------------------
	#recruit
----------------------------------------*/
#recruit .cont-wrap {
	background: #6d6e70;
	background: #6d6d6d;
}
#recruit .engTitle,
#recruit h2,
#recruit p {
	color: #FFF;
}
#recruit .title-area {
	text-align: left;
}
#recruit {
	margin: 0 0 50px 0;
}
@media print, screen and (min-width: 769px){
	#recruit .cont-wrap {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#recruit .cont-wrap .imgSpc {
		width: 55%;
	}
	#recruit .cont-wrap .textSpc {
		width: 45%;
		padding: 0 0 0 30px;
	}
}

@media screen and (max-width:768px){
	#recruit .title-area {
		text-align: center;
	}
	#recruit .cont-wrap {
		padding: 0 0;
	}
	#recruit .textSpc {
		width: 100%;
		text-align: center;
		padding: 1em 20px 20px;
	}
}

/*----------------------------------------
	#news
----------------------------------------*/
#news .title-area {
	margin-bottom: 30px;
}
#news .newsBox dl {
    border-bottom: solid 1px #CCC;
}
#news .newsBox dl:first-child {
    border-top: solid 1px #CCC;
}
#news h3 {
	color: #015b99;
	font-size: inherit;
}
#news .newsBox dl dt {
	font-weight: bold;
	color: #015b99;
}

@media print, screen and (min-width: 769px){
    #news .newsBox dl {
    	display: table;
    	width: 800px;
    	margin: 0 auto;
    	padding: 30px 15px;
    }
    #news .newsBox dl dt,
    #news .newsBox dl dd {
    	display: table-cell;
    }
    #news .newsBox dl dt {
        width: 80px;
    }
    #news .newsBox dl dd {
        padding: 0 0 0 15px;
    }
}
@media screen and (max-width:768px){
    #news.contents {
    	padding: 0 15px;
    }
    #news .newsBox dl {
        padding: 15px;
    }
}