/*  #member
================================================ */
#member { background-image: url(../img/recruit/interview/bg_sp.png); background-size: contain; background-repeat: no-repeat; }

#member .inner { padding: 45px 0 30px; }

#member .tit { color: #fff; font-size: 3rem; font-weight: bold; text-align: center; letter-spacing: .3em; line-height: 1.2; }

#member .copy { overflow: hidden; position: relative; color: #fff; font-size: 1.4rem; font-weight: bold; letter-spacing: .08em; line-height: 1; text-align: center; padding-top: 2px; }

#member .copy:before { position: absolute; right: 50%; top: 7px; height: 0; width: 100%; margin-right: 85px; content: ""; border-bottom: 1px solid #fff; }

#member .copy:after { position: absolute; left: 50%; top: 7px; height: 0; width: 100%; margin-left: 85px; content: ""; border-bottom: 1px solid #fff; }

#member .list { margin-top: 56px; }

@media screen and (max-width: 599px) { #member { background-color: #f7f7f7; } }

@media screen and (min-width: 600px) { #member { background-image: url(../img/recruit/interview/bg_pc.png); background-color: #f7f7f7; }
  #member .inner { padding-top: 77px; padding-bottom: 60px; }
  #member .tit { font-size: 8.5rem; padding-left: 15px; line-height: 1; }
  #member .copy { overflow: visible; font-size: 2.8rem; padding-top: 0; }
  #member .copy:before { right: auto; top: 12px; left: 0px; width: 284px; margin-right: 0; }
  #member .copy:after { left: auto; top: 12px; right: 0px; width: 284px; margin-left: 0; }
  #member .list { margin-top: 180px; } }

/*  #entry
================================================ */
#entry { padding: 34px 0 52px; }

@media screen and (min-width: 600px) { #entry { padding: 81px 0 118px; } }

/*  #intro
================================================ */
#intro { position: relative; padding: 248px 23px 56px; }

#intro .img { position: absolute; top: 0; left: 0; width: 100%; }

#intro .box { position: relative; background-color: transparent; }

#intro .box:before { position: absolute; top: -4px; left: -4px; height: 4px; width: 238px; content: ""; background-image: -webkit-gradient(linear, right top, left top, from(#088cad), to(#525eff)); background-image: -o-linear-gradient(right, #088cad 0%, #525eff 100%); background-image: linear-gradient(-90deg, #088cad 0%, #525eff 100%); }

#intro .box .contents { -webkit-box-shadow: 0 0 0 4px #f7f7f7; box-shadow: 0 0 0 4px #f7f7f7; }

#intro .box .contents .txtArea { padding: 44px 27px 37px; }

#intro .box .contents .txtArea .copy { font-size: 2rem; font-weight: 600; line-height: 1.6; background-color: #fff; }

#intro .box .contents .txtArea .txt { font-size: 1.4rem; font-weight: 300; padding-top: 17px; background-color: #fff; }

#intro .box .contents .txtArea .name { font-size: 2rem; font-weight: bold; letter-spacing: .08em; }

@media screen and (min-width: 600px) { #intro { padding: 0 0 270px; margin: 0 auto; }
  #intro .img { top: 64px; }
  #intro .box { margin: 35px 60px 0; }
  #intro .box:before { top: -7px; left: -7px; height: 7px; width: 71%; }
  #intro .box .contents { -webkit-box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); box-shadow: 0 0 0 7px rgba(247, 247, 247, 0.5); min-height: 605px; margin: 0 auto; }
  #intro .box .contents .contentsIn { width: 1100px; margin: auto; position: relative; }
  #intro .box .contents .txtArea { position: absolute; top: 0; left: 58%; background-color: #fff; width: 550px; margin: 0 0 0 0; padding: 144px 0 30px 30px; }
  #intro .box .contents .txtArea .copy { font-size: 3.8rem; font-weight: bold; text-align: left; }
  #intro .box .contents .txtArea .txt { font-size: 2rem; font-weight: normal; margin-top: 36px; padding-top: 0; }
  #intro .box .contents .txtArea .name { font-size: 3.8rem; } }

/*  #environment
================================================ */
#environment .inner { position: relative; top: -14px; padding-bottom: 35px; }

#environment .titWrap { padding-top: 0; }

#environment .box { margin: 38px 0 0; }

#environment .box .txtArea { margin-top: -45px; }

#environment .box .txtArea .subtit { text-align: left; font-weight: bold; }

@media screen and (min-width: 600px) { #environment .inner { top: -33px; padding-bottom: 75px; }
  #environment .box { margin: 64px 0 0; }
  #environment .box .img { padding-bottom: 0; margin-left: 0; width: auto; position: relative; }
  #environment .box .img img { width: 640px; margin-left: 0; position: absolute; top: 0; left: 0; }
  #environment .box .img .bg { bottom: auto; top: 60px; margin-left: 90px; }
  #environment .box .txtArea { width: 780px; margin: 105px -60px 0 auto; }
  #environment .box .txtArea .subtit { text-align: left; font-weight: bold; }
  #environment .box .txtArea .txt { margin-top: 33px; } }

/*  #fascination
================================================ */
#fascination .inner { position: relative; top: -14px; padding-bottom: 32px; }

#fascination .titWrap { padding-top: 0; }

#fascination .box { margin: 38px 0 0; }

#fascination .box .txtArea { margin-top: -45px; }

#fascination .box .txtArea .subtit { text-align: left; font-weight: bold; }

@media screen and (min-width: 600px) { #fascination .inner { top: -33px; padding-bottom: 90px; }
  #fascination .box { margin: 65px 0 0; }
  #fascination .box .img { padding-bottom: 0; margin-right: 0; width: auto; text-align: right; position: relative; }
  #fascination .box .img img { width: 640px; margin-left: 0; position: absolute; top: 0; right: 0; }
  #fascination .box .img .bg { bottom: auto; top: 60px; margin-left: 90px; }
  #fascination .box .txtArea { width: 780px; margin: 105px 0 0 -60px; }
  #fascination .box .txtArea .subtit { text-align: left; font-weight: bold; }
  #fascination .box .txtArea .txt { margin-top: 30px; } }

/*  #challenge
================================================ */
#challenge .inner { position: relative; top: -14px; padding-bottom: 27px; }

#challenge .titWrap { padding-top: 0; }

#challenge .box { margin: 38px 0 0; }

#challenge .box .txtArea { margin-top: -45px; }

#challenge .box .txtArea .subtit { text-align: left; font-weight: bold; }

@media screen and (min-width: 600px) { #challenge .inner { top: -33px; padding-bottom: 28px; }
  #challenge .titWrap { padding-top: 0; }
  #challenge .box { margin: 65px 0 0; }
  #challenge .box .img { padding-bottom: 0; margin-left: 0; width: auto; position: relative; }
  #challenge .box .img img { width: 640px; margin-left: 0; position: absolute; top: 0; left: 0; }
  #challenge .box .img .bg { bottom: auto; top: 60px; margin-left: 90px; }
  #challenge .box .txtArea { width: 780px; margin: 105px -60px 0 auto; }
  #challenge .box .txtArea .subtit { text-align: left; font-weight: bold; }
  #challenge .box .txtArea .txt { margin-top: 30px; } }

/*  .lnavBox
================================================ */
.lnavBox .list .item { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.8179 0.23070000000000002 0.0567 0 0 0.10470000000000002 0.9058 0.050400000000000014 0 0 0.0816 0.1602 0.7393 0 0 0 0 0 1 0" /></filter></svg>#filter'); -webkit-filter: sepia(30%); filter: sepia(30%); }

.lnavBox .list .item .box { padding: 20px 0 23px 24px; background: rgba(51, 51, 51, 0.6); }

.lnavBox .list .item .box .copy { font-size: 1.4rem; }

.lnavBox .list .item + .item .box { padding-left: 24px; }

@media screen and (min-width: 600px) { .lnavBox .list .item .box { padding: 116px 0 133px 24px; }
  .lnavBox .list .item .box .copy { font-size: 1.4rem; }
  .lnavBox .list .item + .item .box { padding-left: 59px; }
  .lnavBox .list .item .box .copy { font-size: 3.2rem; font-weight: bold; } }