.contents{
	background:#f9f9f9;
	padding-bottom:80px;
}

.career_en2{
	display:block;
	width:100%;
	max-width:188px;
}

.career-main{
	display:block;
	width:100%;
	max-height:540px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.career-main-img{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.career-main-text{
	position:absolute;
	bottom:8.5%;
	left:5.9%;
	font-size:36px;
	text-shadow:0px 0px 6px #000000;
	color:#FFF;
	font-weight:bold;
}


.career-paper{
	width:100%;
	max-width:800px;
	margin:0 auto 80px;
	padding:50px 60px 50px;
	background:#FFF;
	border: 4px solid #7fc5ff;
	border-radius:4px;
	box-sizing:border-box;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.25);
	position:relative;
	z-index:1;
}

.career-paper.career-paper2{
	border: 4px solid #94e5b5;
}

.career-paper:last-child{
	margin:0 auto 0;
}

.career-main-read{
	font-weight:bold;
	width:100%;
	max-width:800px;
	margin:60px auto 50px;
	line-height:2.5;
}

.letter{
	border-top:1px solid#CCC;
	margin-top:30px;
	padding-top:22px;
}

.letter-title + .letter{
	margin-top:35px;
}

.letter-body + .letter-body{
	margin-top:60px;
}


.letter-title{
	font-size:24px;
	font-weight:bold;
	color:#023892;
}

.career-paper2 .letter-title{
	color:#019944;
}

.letter-list{
	display:table;
	width:100%;
	table-layout:fixed;
	border-bottom:1px solid #CCC;
	padding-bottom:22px;
}

.letter-list:last-child{
	border-bottom:none;
}

.letter-list + .letter-list{
	margin-top:22px;
}

.letter-head,
.letter-text{
	width:100%;
	display:table-cell;
	vertical-align:top;
}

.letter-head{
	width:220px;
	font-weight:bold;
	color:#666;
}

.letter-img .letter-img-item{
	width:100%;
	display:block;
	margin:60px 0 0;
	padding:0;
}


.letter-list-title{
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	padding:6px 8px 6px;
	margin-top:60px;
	margin-bottom:32px;
	box-sizing:border-box;
	line-height:1.75;
	background: rgb(72,157,246); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(72,157,246,1) 0%, rgba(121,241,160,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(72,157,246,1) 0%,rgba(121,241,160,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(72,157,246,1) 0%,rgba(121,241,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489df6', endColorstr='#79f1a0',GradientType=1 ); /* IE6-9 */
}


.letter-list-item{
	width:320px;
	display:table-cell;
}

.letter-list-item img{
	width:100%;
	padding:0;
	margin:8px 0 0;
	display:block;
	line-height:1;
}

.letter-text2{
	padding-left:40px;
	box-sizing:border-box;
}



/* ================================================== */
@media screen and (max-width: 1000px) {
.career-main-text{

	font-size: 30px;
}
}

/* ================================================== */
@media screen and (max-width: 870px) {
.career-main-text{

	font-size: 24px;
}
}

/* ================================================== */
@media screen and (max-width: 830px) {
.career-main-read{
	padding: 0 20px;
	box-sizing:border-box;
}


.career-paper{
	width:-webkit-calc((100% - 40px)/1);
	width:-moz-calc((100% - 40px)/1);
	width:calc((100% - 40px)/1);

}

}

/* ================================================== */
@media screen and (max-width: 767px) {

.career_en2{
	/*max-width: 21.55%;*/
	width: 41.55%;
	max-width: 140px;
}

.career-main {
	display: block;
	width: 100%;
	max-height: 540px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}


.career-main-img{
	opacity:0;
}


.career-main{
	max-height:initial;
	background:url(../img/career_main.png) no-repeat center top;
	background-size:100%;
}

.career-main-img{
	opacity:0;
	display:none;
}

.career-main-text{
	position:static;
	margin:auto;
	padding: 18% 20px 20px;
	box-sizing:border-box;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.career-paper{
	margin:0 auto 40px;
	padding: 20px 20px 40px;

}


.letter-title + .letter{
	margin-top:20px;
}

.letter-list{
	display:block;
	padding-bottom: 20px;
}

.letter-list + .letter-list {
	margin-top: 20px;
}

.letter-title {
	font-size: 20px;
}

.letter-head,
.letter-text{
	display:block;
}

.letter-head br {
	display:none;
}

.letter-text{
	margin-top: 10px;
	line-height:1.75;
}

.letter-head{
	width:100%;
	font-weight:bold;
}

.letter-list:last-child{
	display:block;
}

.letter-list:last-child .letter-head,
.letter-list:last-child .letter-text{
	display:block;
}

.letter-list-item {
	width:100%;
	max-width:320px;
	display:block;
	margin:0 auto 20px;

}

.letter-text2 {
    padding-left: 0;
}


.career-main-read{
	line-height:1.75;
	font-size:14px;
}

}

/* ================================================== */
@media screen and (max-width: 666px) {
.career-main-text{
	padding: 20% 20px 20px;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 0;
}
}



/* ================================================== */
@media screen and (max-width: 561px) {

.career-main-img {
    opacity: 1;
    display: block;
}

.career-main-read {
	font-weight: normal;
	width: 100%;
	max-width: 800px;
	margin: 45px auto 50px;
	line-height: 2.5;
}

.career-main-text{
	padding: 0 20px 0;
	color:#666;
	text-shadow:none;
	margin-top:55px;
}
}