/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.pagettl{border-top:1px solid #C7C7C7;background-color:#F7F7F7;padding:14px 0 14px 10px;margin-bottom:30px;}.pagettl h1{color:#3470B5;font-size:20px;font-weight:500;max-width:1200px;margin:auto;}.wrap{padding-left:20px;padding-right:20px;}main.job-intro{background:url(/img/recruit/img_bg01.svg) no-repeat;background-size:contain;background-position:right top 400px;}main.job-intro .bg01{top:400px;width:80%;}main.job-intro .sec01{max-width:1200px;margin:0 auto 70px;}main.job-intro .sec01 .sec01-left{background:#1B60BF;padding:30px 20px;}main.job-intro .sec01 .sec01-left h2{text-align:left;color:#fff;border:none;font-size:1.8rem;padding:0;margin-bottom:20px;}main.job-intro .sec01 .sec01-left p{color:#fff;letter-spacing:1px;line-height:1.6;font-size:1.1rem;}main.job-intro .sec01 .sec01-right{background:url(/img/recruit/job-intro/img_main.jpg) no-repeat;background-size:cover;background-position:center;height:250px;width:100%;}main.job-intro .sec02{border:2px solid #546FB9;background:#fff;padding:40px 20px 30px;position:relative;text-align:justify;margin-bottom:50px;}main.job-intro .sec02 h3 span{color:#fff;background:#546FB9;padding:10px 30px;font-size:1.2rem;letter-spacing:1px;position:absolute;top:-24px;left:-16px;font-weight:500;}main.job-intro .sec03{border:2px solid #4EAF52;background:#fff;padding:40px 20px 30px;position:relative;text-align:justify;margin-bottom:50px;}main.job-intro .sec03 h3 span{color:#fff;background:#4EAF52;padding:10px 30px;font-size:1.2rem;letter-spacing:1px;position:absolute;top:-24px;left:-16px;font-weight:500;}main.job-intro .sec04{border:2px solid #F5A729;background:#fff;padding:40px 20px 30px;position:relative;text-align:justify;margin-bottom:50px;}main.job-intro .sec04 h3 span{color:#fff;background:#F5A729;padding:10px 30px;font-size:1.2rem;letter-spacing:1px;position:absolute;top:-24px;left:-16px;font-weight:500;}main.job-intro .sec03 .sp_none{display:none;}@media (min-width:751px){.pagettl{margin-top:4px;margin-bottom:60px;}main.job-intro .bg01{top:400px;width:70%;max-width:660px;}main.job-intro .sec01{display:flex;margin-bottom:90px;}main.job-intro .sec01 .sec01-left{width:50%;padding:40px 20px;}main.job-intro .sec01 .sec01-right{width:50%;height:auto;}main.job-intro .sec02{margin-bottom:80px;}main.job-intro .sec03{margin-bottom:80px;}main.job-intro .sec04{margin-bottom:60px;}main.job-intro .sec03 .sp_none{display:block;}}@media (min-width:900px){.pagettl{margin-top:4px;}main.job-intro .sec02{padding:50px 60px 40px;line-height:1.7;font-size:1.1rem;}main.job-intro .sec03{padding:50px 60px 40px;line-height:1.7;font-size:1.1rem;}main.job-intro .sec04{padding:50px 60px 40px;line-height:1.7;font-size:1.1rem;}}@media (min-width:1024px){.wrap{padding-left:12px;padding-right:12px;}main.job-intro .sec01 .sec01-left{width:60%;padding:50px 55px 50px 50px;}main.job-intro .sec01 .sec01-left h2{font-size:2.1rem;}main.job-intro .sec01 .sec01-left p{font-size:1.3rem;letter-spacing:2px;}main.job-intro .sec01 .sec01-right{width:40%;}main.job-intro .sec02{margin-left:40px;}main.job-intro .sec02 h3 span{padding:14px 36px;top:-36px;left:-40px;font-size:1.4rem;}main.job-intro .sec03{margin-left:40px;}main.job-intro .sec03 h3 span{padding:14px 36px;top:-36px;left:-40px;font-size:1.4rem;}main.job-intro .sec04{margin-left:40px;}main.job-intro .sec04 h3 span{padding:14px 36px;top:-36px;left:-40px;font-size:1.4rem;}}@media (min-width:1200px){main.job-intro .sec04{margin-bottom:0;}main.job-intro .wrap{padding-left:0px;padding-right:0px;}}