@charset "UTF-8";

#job #future_contents{max-width: 1600px;margin: 80px auto 0;}
#job #future_contents h3 + p{font-size: 30px;margin-top: 40px;text-align: center;font-weight: 500;}
#job #future_contents h3 + p + p{text-align: center;margin: 30px auto 0;max-width: 1100px;padding: 0 60px;}

#job #future_contents .future_item{margin-top: 80px;}
#job #future_contents .future_item dd{position: absolute;max-width: 700px;padding: 30px 50px;box-shadow: 3px 3px 6px #ddd;bottom:-80px;background: #fff;text-align: left;border: 1px solid #eee;}
#job #future_contents dl:nth-of-type(n+2){margin-top: 160px;}
#job #future_contents dl:last-of-type{margin-bottom: 80px;}
#job #future_contents dl:nth-of-type(odd){justify-content: flex-end;}
#job #future_contents dl:nth-of-type(odd) dd{right: 700px;left: 200px;animation-name: fadeIn;}
#job #future_contents dl:nth-of-type(even) dd{left: 700px;right: 200px;animation-name: fadeIn;}
#job #future_contents .future_item dd h4 small{font-size: 20px;font-weight: bold;font-weight: 500;color: #0086d9;display: block;margin-bottom: 4px;}
#job #future_contents .future_item dd h4{font-size: 30px;font-weight: bold;line-height: 1.4;}
#job #future_contents .future_item dd h4 + p{margin-top: 15px;line-height: 1.8;}
#job #future_contents .future_item dd h5{font-size: 26px;font-weight: 500;margin-top: 20px;}
#job #future_contents .future_item dd h5 span{color: #0086d9;}
#job #future_contents .future_item dd h5{margin-top: 7px;line-height: 1.8;}

@media only screen and (max-width: 1600px) {
#job #future_contents dl:nth-of-type(odd) dd{right: 40%;left: 60px;}
#job #future_contents dl:nth-of-type(even) dd{left: 40%;right: 60px;}
}

@media only screen and (max-width: 1260px) {
#job #future_contents dl:nth-of-type(odd) dd{right: auto;left: 60px;width: 55%;}
#job #future_contents dl:nth-of-type(even) dd{left: auto;right: 60px;width: 55%;}
}

@media only screen and (max-width: 768px) {
#job #future_contents{margin: 40px auto 0;}
#job #future_contents h3 + p{font-size: 18px;margin-top: 20px;text-align: center;}
#job #future_contents h3 + p + p{text-align: left;margin: 20px auto 0;padding: 0 20px;}

#job #future_contents .future_item{margin-top: 40px;padding: 0 20px;}
#job #future_contents .future_item dd{position: static;max-width: 700px;padding: 15px 20px;box-shadow: 3px 3px 6px #ddd;margin: 0 auto;}
#job #future_contents dl:nth-of-type(n+2){margin-top: 40px;}
#job #future_contents dl:last-of-type{margin-bottom: 0px;}
#job #future_contents dl:nth-of-type(odd) dd{width: 90%;margin-top: -5%;z-index: 1;animation-name: fadeInUp;}
#job #future_contents dl:nth-of-type(even) dd{width: 90%;margin-top: -5%;z-index: 1;animation-name: fadeInUp;}
#job #future_contents .future_item dd h4 small{font-size: 15px;margin-bottom: 4px;}
#job #future_contents .future_item dd h4{font-size: 20px;}
#job #future_contents .future_item dd h4 + p{margin-top: 10px;}
#job #future_contents .future_item dd h5{font-size: 20px;margin-top: 15px;}
#job #future_contents .future_item dd h5{margin-top: 5px;}

}