@charset "UTF-8";

#job.past .past_item{max-width: 1600px;margin: 80px auto 0;}
#job.past .past_item dd{position: absolute;max-width: 700px;padding: 30px 50px;box-shadow: 3px 3px 6px #ddd;top:50%;transform: translateY(-50%);background: #fff;text-align: left;border: 1px solid #eee;}
#job.past .past_item dd h3{font-size: 26px;font-weight: bold;}
#job.past .past_item dd h3 + p{margin-top: 15px;line-height: 1.8;}
#job.past #past_contents dl:nth-of-type(odd){justify-content: flex-end;}
#job.past #past_contents dl:nth-of-type(odd) dd{right: 640px;animation-name: fadeIn;}
#job.past #past_contents dl:nth-of-type(even) dd{left: 700px;animation-name: fadeIn;}


@media only screen and (max-width: 1600px) {
#job.past #past_contents dl:nth-of-type(odd) dd{right: 43.75%;width: 50%;}
#job.past #past_contents dl:nth-of-type(even) dd{left: 43.75%;width: 50%;}
}
@media only screen and (max-width: 1260px) {
#job.past #past_contents dl:nth-of-type(odd) dd{right: auto;left: 60px;top:5%;transform: translateY(0%);}
#job.past #past_contents dl:nth-of-type(even) dd{left: auto;right: 60px;top:5%;transform: translateY(0%);}
}

@media only screen and (max-width: 768px) {
#job.past .past_item{margin: 40px auto 0;padding: 0 20px;}
#job.past .past_item dd{position: static;max-width: 700px;padding: 15px 20px;box-shadow: 3px 3px 6px #ddd;}
#job.past #past_contents dl:nth-of-type(odd){justify-content: center;}
#job.past #past_contents dl:nth-of-type(even){justify-content: center;}
#job.past #past_contents dl:nth-of-type(n+2){margin-top: 40px;}
#job.past #past_contents dl:nth-of-type(odd) dd{width: 90%;margin-top: -5%;z-index: 1;animation-name: fadeInUp;}
#job.past #past_contents dl:nth-of-type(even) dd{width: 90%;margin-top: -5%;z-index: 1;animation-name: fadeInUp;}
#job.past .past_item dd h3{font-size: 18px;}
#job.past .past_item dd h3 + p{margin-top: 7px;}
}