.recruit_bg{ background: #27a0a1 } .recruit_bg h1 img{ width: 400px; padding: 100px 0 0px; margin-bottom: -21px; } #choice p{ text-align: center; margin: 60px auto 40px; } .recruit_choice { display: flex; justify-content: center; margin-bottom: 70px; background-color: #013751; width: 900px; border-radius: 15px; padding: 30px; margin: 0px auto 100px; box-sizing: border-box; } .recruit_choice a{ color: #fff } .recruit_choice a:hover{ color: #f6ff00; } .recruit_choice ul li{ padding: 10px 30px; border-bottom: solid; border-color: #ffffff; border-width: 2px; margin-bottom: 20px; text-align: center; } .recruit_choice ul{ padding: 20px } .job_name{ width: 900px; display: block; margin: 50px auto 0; } .f24{ margin-bottom: 0; } .green{ border-bottom: solid; border-color: #013751; border-width: 1px; } hr{ display:block; width: 100%; height: 1px; border: 0; border-top: 1px dashed #cccccc; margin: 20px auto } td a{ background: #013751; padding: 5px 10px; color: #fff; border-radius: 5px } .marker span{ background:linear-gradient(transparent 60%, #f6ff00 60%); font-size: 24px; font-weight: bold; } /*table*/ table { margin: 20px auto; width: 900px; border-top: solid 1px #cccccc; border-bottom: solid 0px #cccccc; } table td{ text-align: left; padding: 20px; line-height: 30px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .tbl-r02 th { vertical-align: middle; border: solid 1px #cccccc; color: #fff; border-top: solid 0px #cccccc; border-right: solid 0px #cccccc; width: 30%; padding: 20px } table td:last-child{ border-right: solid 1px #cccccc; } .tbl-r02 td {  border: solid 1px #cccccc; padding: 15px; } #tbl_01 .tbl-r02 th{ background: #27a0a1 } #tbl_02 .tbl-r02 th{ background: #27a186 } #tbl_03 .tbl-r02 th{ background: #278fa1 } #tbl_04 .tbl-r02 th{ background: #a13527 } #tbl_04{ margin-bottom: 70px } @media screen and (max-width: 767px) { .job_name{ width: 94%; font-weight: bold } table{ width: 100% } .last td:last-child { border-bottom: solid 1px #cccccc; width: 100%; } .recruit_choice ul li{ padding: 10px 0px; } .tbl-r02 th{ width: 100%!important; padding: 10px 0; border: solid 0px #cccccc; } .tbl-r02 th, .tbl-r02 td { display: block; } .recruit_choice{ display: block; width: 94% } .recruit_choice ul{ padding: 0 } .recruit_bg h1 img{ width: 100%; margin-bottom: -16px; } #tbl_01{ width: 94%; margin: auto; } #tbl_02{ width: 94%; margin: auto; } #tbl_03{ width: 94%; margin: auto; } #tbl_04{ width: 94%; margin: auto; } .job_name{ margin: 58px auto 0; } }