.container{margin:0 30px}.section{padding:60px 0}.intro{background:#fff;text-align:center}.intro__title{font-size:2.1rem;font-weight:bold;margin-bottom:32px;line-height:1.5}.intro__text{margin:0 auto;line-height:1.8;font-size:1.6rem}.role-section{padding:60px 0;background:#fff}.role-section__category{color:#0071b6;font-size:1.4rem;font-weight:bold;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.role-section__category::before{content:"■";margin-right:8px}.role-section__title{font-size:1.8rem;font-weight:bold;line-height:1.5;margin-bottom:24px;color:#333}.role-section__image.tab{display:block}.role-section__image.pc{display:none}.role-section__image{width:100%;height:240px;background:#f0f0f0;overflow:hidden;position:relative}.role-section__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.role-section__divider{width:90px;height:4px;background:-webkit-gradient(linear, left top, right top, from(#005b97), to(#1e9cd7));background:linear-gradient(90deg, #005b97 0%, #1e9cd7 100%);margin:24px 0 24px 0}@media(min-width: 768px){.role-section__divider{height:6px}}.role-section__description{font-size:1.6rem;line-height:1.8;color:#333;margin-bottom:32px}.btn--outline{background:#fff;border:1px solid #ccc;color:#333;border-radius:30px;padding:0;font-size:1.6rem;font-weight:bold;width:320px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 30px;position:relative;text-decoration:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;margin:0 auto;font-family:"Montserrat",sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.btn--outline::after{content:"";width:30px;height:6px;border-bottom:2px solid #06b6d4;border-right:3px solid #06b6d4;-webkit-transform:skew(45deg);transform:skew(45deg);margin-left:20px}.btn--outline:hover{opacity:.8}.btn--outline:hover::after{opacity:.8}@media(min-width: 768px){.intro .container{padding:0 70px}.intro__title{font-size:3rem}.intro__text{font-size:2.4rem}.role-section__category{font-size:2rem;font-weight:600}.role-section__title{font-size:3rem}.role-section__image{height:400px}.role-section__description{font-size:1.8rem;font-weight:300}.btn--outline{margin-right:0}}@media(min-width: 1280px){.container{margin:0}.role-section{position:relative;height:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;margin-bottom:40px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 60px;max-width:calc(100vw - 60px)}.machining.role-section{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.role-section__title{font-size:3.6rem}.role-section__image.tab{display:none}.role-section__image.pc{display:block}.role-section__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.role-section__image::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:2}.role-section__content{position:relative;z-index:3;max-width:470px}.role-section__category,.role-section__title,.role-section__description{color:#fff}.role-section__title{font-size:2.9rem}}/*# sourceMappingURL=roles.css.map */