@charset "UTF-8";

/* sass */
.area-pagettl { padding: 0; }

.area-pagettl::before { background-image: url(/recruit/image/bg-pagettl-recruit-index-sp.jpg); content: ''; }

.area-pagettl > .l-content { display: flex; align-items: center; min-height: 400px; padding: 30px 0; }

.area-pagettl > .l-content .hdg-wrap { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: transparent; color: #fff; padding: 0; }

.area-pagettl > .l-content .hdg-wrap .hdg img { margin-top: 25px; width: 70%; }

.area-pagettl > .l-content .hdg-wrap .hdg-sub { font-size: 2rem; font-weight: normal; line-height: 1.6; margin-top: 15px; }

.recruit-list { margin-top: 20px; }

.recruit-list .recruit-item { margin-top: 20px; }

.recruit-list .recruit-item .recruit-link { color: #fff; display: flex; justify-content: flex-start; padding: 25px 30px; position: relative; }

.recruit-list .recruit-item .recruit-link::after { background: url(/shared/images/icn-arrow-white.svg) no-repeat center center transparent; background-size: contain; content: ''; display: block; height: 9px; position: absolute; right: 20px; top: 50%; width: 24px; }

.recruit-list .recruit-item .recruit-link .recruit-link-txt { font-size: 2.4rem; }

.recruit-list .recruit-item .recruit-link.pt1 { background-color: #00669B; }

.recruit-list .recruit-item .recruit-link.pt2 { background-color: #B95500; }

.recruit-list .recruit-item .recruit-link.pt3 { background-color: #2D663C; }

.recruit-list .recruit-item .recruit-link.icn-blank .recruit-link-txt::after { background: url(/shared/images/icn-blank-w.svg) no-repeat center center transparent; background-size: 10px 10px; content: ''; display: inline-block; height: 10px; margin-left: 15px; margin-right: 8px; vertical-align: middle; width: 10px; }

.btn-internship-box { margin-top: 40px; }

.btn-internship-box .btn-internship { display: block; }

@media all and (min-width: 768px) { .area-content { padding-top: 10px; }
  .area-pagettl { min-height: 530px; }
  .area-pagettl::before { background-image: url(/recruit/image/bg-pagettl-recruit-index-pc.jpg); max-height: calc(530px + 84px); }
  .area-pagettl > .l-content { min-height: 530px; }
  .area-pagettl > .l-content .hdg-wrap { -webkit-backdrop-filter: none; backdrop-filter: none; background-color: transparent; padding: 0; }
  .area-pagettl > .l-content .hdg-wrap .hdg { font-size: 4rem; }
  .area-pagettl > .l-content .hdg-wrap .hdg img { margin-top: 60px; width: 580px; }
  .area-pagettl > .l-content .hdg-wrap .hdg-sub { margin-top: 25px; }
  .recruit-list { display: flex; justify-content: space-between; margin-top: 40px; }
  .recruit-list .recruit-item { width: calc((100% - 80px) / 3); }
  .recruit-list .recruit-item .recruit-link { align-items: center; display: flex; height: 100%; padding: 45px 45px 45px 30px; transition: opacity .2s ease; }
  .recruit-list .recruit-item .recruit-link:hover { opacity: .5; }
  .btn-internship-box { margin-top: 60px; }
  .btn-internship-box .btn-internship { transition: opacity .2s ease; }
  .btn-internship-box .btn-internship:hover { opacity: .5; } }