@media screen and (min-width: 768px), print {
  .seo_bread_list {
      margin-bottom: 71px;
  }

  a[id] {
      padding-top: 75px;
      margin-top: -75px;
      display: block;
  }

  #recruit_info .pb {
      margin-bottom: 28px;
  }

  #recruit_info .o-ttl {
      text-align: center;
      margin-bottom: 98px;
  }

  #recruit_info .o-ttl .deco {
      margin-bottom: 28px;
  }

  #recruit_info .o-ttl .ttl {
      color: #1a1a1a;
      font-size: 72px;
      font-weight: 600;
      letter-spacing: 7.2px;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 3px;
  }

  #recruit_info .o-ttl .txt-01 {
      color: #1a1a1a;
      font-size: 24px;
      font-weight: 700;
      letter-spacing: 2.4px;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
  }

  #recruit_info .q-list li {
      padding-top: 75px;
      padding-bottom: 3px;
      margin-bottom: 78px;
      background-image: url(../images/recruit_info/li-01-bg-t-01.jpg), url(../images/recruit_info/li-01-bg-b-01.jpg), url(../images/recruit_info/li-01-bg-m-01.jpg);
      background-repeat: no-repeat,no-repeat,repeat-y;
      background-position: center top,center bottom,center 0;
      color: #1a1a1a;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 1.6px;
      line-height: 30px;
  }

  #recruit_info .q-list li .w-box {
      width: 1200px;
      margin: 0 auto;
      background-color: #ffffff;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #fff), color-stop(88%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 88%, transparent 88%, transparent 100%);
      padding: 56px 50px 85px 100px;
  }

  #recruit_info .q-list li .li-ttl-box {
      text-align: center;
      margin-bottom: 64px;
      position: relative;
      left: -22px;
  }

  #recruit_info .q-list li .li-ttl-box .num {
      position: absolute;
      left: -20px;
      top: -55px;
  }

  #recruit_info .q-list li .li-ttl-box .sttl-01 {
      text-align: center;
      color: #1a1a1a;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 36px;
      font-weight: 700;
      letter-spacing: 3.6px;
  }

  #recruit_info .q-list li .flex-01 {
      margin-bottom: 40px;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #recruit_info .q-list li .flex-01 .box-l {
      width: 450px;
  }

  #recruit_info .q-list li .flex-01 .box-r {
      width: 550px;
  }

  #recruit_info .q-list li .flex-01 .box-r .sttl-02 {
      color: #004ea2;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 32px;
      border-left: 4px solid #004ea2;
      padding-left: 28px;
      margin-bottom: 34px;
      position: relative;
      top: 3px;
  }

  #recruit_info .q-list li .flex-01 .box-r .txt-box {
      position: relative;
  }

  #recruit_info .q-list li .flex-02 {
      /* margin-left: 50px; */
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #recruit_info .q-list li .flex-02 .box-l {
      width: 392px;
      margin-left: 50px;
  }

  #recruit_info .q-list li .flex-02 .box-r {
      width: 608px;
      -webkit-box-ordinal-group: -1;
      -webkit-flex-order: -1;
      -moz-flex-order: -1;
      -moz-order: -1;
      -ms-flex-order: -1;
      order: -1;
  }

  #recruit_info .q-list li:nth-child(2n) {
      background-image: url(../images/recruit_info/li-02-bg-t-01.jpg), url(../images/recruit_info/li-02-bg-b-01.jpg), url(../images/recruit_info/li-02-bg-m-01.jpg);
      background-repeat: no-repeat,no-repeat,repeat-y;
      background-position: center top,center bottom,center 0;
  }

  #recruit_info .q-list li:nth-child(2n) .li-ttl-box {
      text-align: center;
      position: relative;
      left: 3px;
  }

  #recruit_info .q-list li:nth-child(2n) .li-ttl-box .num {
      position: absolute;
      left: 5px;
  }

  #recruit_info .q-list li:nth-child(2n) .li-ttl-box .sttl-01 {
  }

  #recruit_info .q-list li:nth-child(2n) .flex-01 {
      margin-bottom: 40px;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #recruit_info .q-list li:nth-child(2n) .flex-01 .box-l {
      width: 450px;
      margin-right: 50px;
  }

  #recruit_info .q-list li:nth-child(2n) .flex-01 .box-r {
      width: 550px;
      -webkit-box-ordinal-group: -1;
      -webkit-flex-order: -1;
      -moz-flex-order: -1;
      -moz-order: -1;
      -ms-flex-order: -1;
      order: -1;
  }

  #recruit_info .q-list li:nth-child(2n) .flex-01 .box-r .txt-box {
      position: relative;
  }

  #recruit_info .q-list li:nth-child(2n) .flex-02 .box-r {
      -webkit-box-ordinal-group: 0;
      -webkit-flex-order: 0;
      -moz-flex-order: 0;
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
  }

  #recruit_info .q-list li:nth-child(2n) .w-box {
      padding: 56px 50px 75px 50px;
  }

  #recruit_info .q-list li:nth-child(2n) .flex-01 .box-r .sttl-02 {
      color: #004ea2;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 2px;
      line-height: 32px;
      border-left: 4px solid #004ea2;
      padding-left: 15px;
      margin-bottom: 34px;
      position: relative;
      top: 3px;
  }

  #recruit_info .q-list .li-01 .w-box {
      padding-bottom: 75px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #fff), color-stop(88%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 83%, transparent 83%, transparent 100%);
  }

  #recruit_info .q-list .li-02 .w-box {
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #fff), color-stop(88%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 84%, transparent 84%, transparent 100%);
  }

  #recruit_info h1.main-title {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      min-height: 350px;
      background: url(../images/recruit_info/h1.png) no-repeat top center;
      color: #fff;
      padding: 120px 0 50px;
      text-align: left;
  }

  #recruit_info .q-list li.li-03 .li-ttl-box .sttl-01 {
      position: relative;
      left: -21px;
  }

  #recruit_info .q-list li.li-03 .flex-01 .box-r .sttl-02 {
      padding-left: 15px;
  }

  #recruit_info .q-list li.li-03 .w-box {
      padding-bottom: 75px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(77%, #fff), color-stop(77%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 77%, transparent 77%, transparent 100%);
  }

  #recruit_info .q-list li.li-04 .li-ttl-box .sttl-01 {
      position: relative;
      left: 87px;
  }

  #recruit_info .q-list li.li-04 .flex-01 .box-r .sttl-02 {
      padding-left: 15px;
  }

  #recruit_info .q-list li.li-04 .w-box {
      padding-bottom: 75px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(91%, #fff), color-stop(91%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 91%, transparent 91%, transparent 100%);
  }

  #recruit_info .q-list li.li-05 .li-ttl-box .sttl-01 {
      position: relative;
      left: -1px;
  }

  #recruit_info .q-list li.li-05 .flex-01 .box-r .sttl-02 {
      padding-left: 15px;
  }

  #recruit_info .q-list li.li-05 .w-box {
      padding-bottom: 122px;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(93%, #fff), color-stop(93%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 93%, transparent 93%, transparent 100%);
  }

  #main-bx {
      margin: 135px auto 145px;
  }

  #main-bx .bx {
      width: 90%;
      min-height: 510px;
      margin: 0 auto;
      background: #EDF8FE;
      padding: 150px 0;
  }

  #main-bx .inner {
      width: 1200px;
      margin: 0 auto;
      position: relative;
  }

  #main-bx .ttl {
      position: absolute;
      left: -35px;
      top: -190px;
  }

  #main-bx .ttl1 {
      text-align: center;
      margin-right: 20px;
  }

  /*#con1 {}
#con1 .bx{}
#con1 .bx .inner{width: 1100px; margin: 0 auto 150px;}
#con1 .bx .inner .ttl{font-size: 72px; font-weight: 600; letter-spacing: 7px; line-height: 0.65; position: relative; left: -10px}
#con1 .bx .inner .ttl span{font-size: 24px; font-weight: bold; letter-spacing: 2.5px;}*/
  #con2 .bx {
      width: 100%;
      margin: 0 auto;
      background: url(../images/company/con2-bg.png) no-repeat top 75px center;
      padding: 50px;
  }

  #con2 .bx .inner {
      width: 1100px;
      margin: 0 auto 220px;
  }

  #con2 .bx .inner .ttl {
      font-size: 72px;
      font-weight: 600;
      letter-spacing: 7px;
      line-height: 0.65;
      position: relative;
      left: -10px;
      margin-bottom: 70px;
  }

  #con2 .bx .inner .ttl span {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2.5px;
  }

  #con2 .bx .in-inner {
      background: #fff;
  }

  #con2 table {
      width: 1040px;
      margin-left: -10px;
  }

  #con2 tr:last-child {
      font-size: 16px;
      padding: 25px 50px;
      vertical-align: top;
      text-align: left;
  }

  #con2 th {
      width: 405px;
      font-size: 16px;
      padding: 25px 50px;
      vertical-align: top;
      text-align: left;
      background: #004EA2;
      color: #fff;
      border-bottom: solid 2px #fff;
      letter-spacing: 1px;
  }

  #con2 td {
      width: 760px;
      font-size: 16px;
      padding: 25px 50px;
      vertical-align: top;
      text-align: left;
      font-weight: 400;
      border: solid 2px #EFEFEF;
      letter-spacing: 1px;
  }

  #con2 td:last-child {
      width: 760px;
      font-size: 16px;
      padding: 25px 50px;
      vertical-align: top;
      text-align: left;
      line-height: 1.6;
  }

  #con3 .bx {
      width: 100%;
      margin: 0 auto;
      background: url(../images/company/con3-bg.png) no-repeat top 75px center;
      padding: 50px;
  }

  #con3 .bx .inner {
      width: 1100px;
      margin: 0 auto 150px;
  }

  #con3 .bx .inner .ttl {
      font-size: 72px;
      font-weight: 600;
      letter-spacing: 7px;
      line-height: 0.65;
      position: relative;
      left: -10px;
      margin-bottom: 70px;
  }

  #con3 .bx .inner .ttl span {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2.5px;
  }

  #con3 .bx .in-inner1 {
      width: 1000px;
      margin: 0 auto 20px;
      position: relative;
  }

  #con3 .bx .in-inner1 .in-ttl {
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      text-align: center;
      letter-spacing: 2px;
      width: 270px;
      padding: 10px 15px;
      background: #004EA2;
      margin-bottom: 30px;
  }

  #con3 .bx .in-inner1 .in-ttl.ano {
      margin-bottom: 112px;
  }

  #con3 .bx .in-inner1 .in-txt {
      font-size: 16px;
      letter-spacing: 1.5px;
      width: 640px;
      position: absolute;
      right: 60px;
      top: 10px;
      line-height: 1.4;
  }

  #con3 .bx .in-inner1 .in-map iframe {
      width: 980px;
      height: 370px;
  }

  #con4 .bx {
      padding: 50px;
  }

  #con4 .bx .inner {
      width: 1100px;
      margin: 0 auto 150px;
  }

  #con4 .bx .inner .ttl {
      font-size: 72px;
      font-weight: 600;
      letter-spacing: 7px;
      line-height: 0.65;
      position: relative;
      left: -10px;
      margin-bottom: 70px;
  }

  #con4 .bx .inner .ttl span {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 2.5px;
  }

  #con4 .bx .in-inner .list {
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  #con4 .bx .in-inner .list li {
      margin-right: 40px;
      margin-bottom: 40px;
  }

  #con4 .bx .in-inner .list li:nth-child(2n) {
      margin-right: 0px;
      margin-bottom: 40px;
  }

  #con4 .bx .in-inner .list li:nth-child(4) {
      position: relative;
      top: -9px;
  }

  .chara-01 {
      position: absolute;
      top: -15px;
      left: 320px;
  }

  #con5-end-contact {
      min-height: 300px;
      background: url(../images/common/end-bg.png) no-repeat top center;
      color: #fff;
      padding: 77px 0 35px;
      background-size: cover;
  }

  #con5-end-contact .end-contact-inner {
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
  }

  #con5-end-contact .end-contact-ttl {
      margin-bottom: 16px;
      text-align: center;
      font-size: 84px;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: 3px;
      padding-left: 63px;
  }

  #con5-end-contact .end-contact-ttl a {
      color: #fff;
      position: relative;
      display: inline-block;
      text-decoration: none;
  }

  #con5-end-contact .end-contact-ttl a::after {
      position: absolute;
      bottom: -1px;
      left: 0;
      content: '';
      width: 100%;
      height: 3px;
      background: #fff;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
  }

  #con5-end-contact .end-contact-ttl a:hover::after {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
  }

  #con5-end-contact .end-contact-ttl1 {
      margin-bottom: 30px;
      text-align: center;
      font-size: 24px;
      letter-spacing: 2px;
  }

  #con5-end-contact .end-btn {
      text-align: right;
      position: absolute;
      right: 6px;
      top: 33px;
  }

  #con5-end-contact .end-btn a {
      width: 200px;
      background-image: url(../images/common/btn-hober-icon1.png);
      background-repeat: no-repeat;
      padding-right: 70px;
      padding-top: 50px;
      background-position: bottom 36px left 60px;
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
  }

  #con5-end-contact .end-btn a:hover {
      background-position: bottom 36px left 45px;
  }

  #end-contact {
      display: none;
  }
}

@media screen and (max-width: 767px) {
  #recruit_info h1.main-title {
      width: 100vw;
      background: url(../images/recruit_info/sp-h1.png) no-repeat top center;
      color: #fff;
      padding: 20vw 0 10vw;
      text-align: center;
      margin-bottom: 3vw;
      background-size: 100%;
  }

  #recruit_info .pb {
      margin-bottom: 1.5em;
  }

  #recruit_info .o-ttl {
      text-align: center;
      margin-bottom: 1vw;
  }

  #recruit_info .o-ttl .deco {
      width: 8vw;
      margin: 0 auto;
      margin-bottom: 3.865vw;
  }

  #recruit_info .o-ttl .ttl {
      color: #1a1a1a;
      font-size: 6.28vw;
      font-weight: 600;
      letter-spacing: 0.531vw;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 1.449vw;
  }

  #recruit_info .o-ttl .txt-01 {
      color: #1a1a1a;
      font-size: 3.865vw;
      font-weight: 700;
      letter-spacing: 0.58vw;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
  }

  #recruit_info .q-list li {
      /* padding-top: 18.116vw; */
      padding-bottom: 0.725vw;
      /* margin-bottom: 18.841vw; */
      color: #1a1a1a;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 3.382vw;
      font-weight: 400;
      letter-spacing: 0.386vw;
      line-height: 7.246vw;
  }

  #recruit_info .q-list li .w-box {
      width: 100%;
      margin: 0 auto;
      background-color: #ffffff;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(88%, #fff), color-stop(88%, transparent), to(transparent));
      background: linear-gradient(180deg, #fff 0%, #fff 88%, transparent 88%, transparent 100%);
      padding: 4vw;
  }

  #recruit_info .q-list li .li-ttl-box {
  }

  #recruit_info .q-list li .li-ttl-box .num {
      width: 11vw;
      margin: 0 auto;
      margin-bottom: 2vw;
  }

  #recruit_info .q-list li .li-ttl-box .sttl-01 {
      text-align: center;
      color: #1a1a1a;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 4.831vw;
      font-weight: 700;
      letter-spacing: 0.386vw;
      margin-bottom: 4vw;
  }

  #recruit_info .q-list li .flex-01 {
      margin-bottom: 1.5em;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #recruit_info .q-list li .flex-01 .box-l {
      width: 100%;
      margin-bottom: 4vw;
  }

  #recruit_info .q-list li .flex-01 .box-r {
      width: 100%;
  }

  #recruit_info .q-list li .flex-01 .box-r .sttl-02 {
      color: #004ea2;
      font-family: noto-sans-cjk-jp, sans-serif;
      font-style: normal;
      font-size: 3.865vw;
      font-weight: 700;
      letter-spacing: .5px;
      line-height: 1.75;
      border-left: 3px solid #004ea2;
      padding-left: 3.382vw;
      margin-bottom: 4vw;
      position: relative;
      top: 0.725vw;
  }

  #recruit_info .q-list li .flex-01 .box-r .txt-box {
      position: relative;
  }

  #recruit_info .q-list li .flex-02 {
      /* margin-left: 12.077vw; */
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
  }

  #recruit_info .q-list li .flex-02 .box-l {
      width: 100%;
      margin-bottom: 4vw;
  }

  #recruit_info .q-list li .flex-02 .box-r {
      width: 100%;
  }

  #main-bx {
      margin: 15vw auto 15vw;
  }

  #main-bx .bx {
      width: 95vw;
      margin: 0 auto;
      background: #EDF8FE;
      padding: 20vw 0;
  }

  #main-bx .inner {
      width: 90vw;
      margin: 0 auto;
      position: relative;
  }

  #main-bx .ttl {
      width: 9vw;
      position: absolute;
      left: 3vw;
      top: -24vw;
  }

  #main-bx .ttl1 {
      width: 55vw;
      text-align: center;
      margin: 0 auto;
      position: relative;
      left: 3vw;
  }

  #con2 {
      margin-bottom: 10vw;
      margin-top: 2vw;
  }

  #con2 .bx {
      width: 100vw;
      margin: 0 auto;
      background: url(../images/company/con2-bg.png) no-repeat top 10vw right -125vw;
      padding: 5vw;
  }

  #con2 .bx .inner {
      width: 95vw;
      margin: 0 auto 5vw;
  }

  #con2 .bx .inner .ttl {
      font-size: 10vw;
      font-weight: 600;
      letter-spacing: 1vw;
      line-height: 0.75;
      position: relative;
      left: 0vw;
      margin-bottom: 10vw;
  }

  #con2 .bx .inner .ttl span {
      font-size: 4vw;
      font-weight: bold;
      letter-spacing: 0.5vw;
  }

  #con2 .bx .in-inner {
      background: #fff;
  }

  #con2 table {
      width: 95vw;
      margin-left: -1vw;
  }

  #con2 tr:last-child {
      font-size: 3.4vw;
      padding: 2.5vw 5vw;
      vertical-align: top;
      text-align: left;
  }

  #con2 th {
      width: 90vw;
      display: block;
      font-size: 3.4vw;
      padding: 2.5vw 5vw;
      vertical-align: top;
      text-align: left;
      background: #004EA2;
      color: #fff;
      border-bottom: solid 2px #fff;
      letter-spacing: 0.2vw;
  }

  #con2 td {
      width: 90vw;
      display: block;
      font-size: 3.4vw;
      padding: 2.5vw 5vw;
      vertical-align: top;
      text-align: left;
      font-weight: 400;
      border: solid 2px #EFEFEF;
      letter-spacing: 0.2vw;
  }

  #con2 td:last-child {
      width: 90vw;
      display: block;
      font-size: 3.4vw;
      padding: 2.5vw 5vw;
      vertical-align: top;
      text-align: left;
      line-height: 1.6;
  }

  #con2 td ul li span {
      position: relative;
      left: 27vw;
  }

  #con3 {
      margin-bottom: 10vw;
  }

  #con3 .bx {
      width: 100vw;
      margin: 0 auto;
      background: url(../images/company/con3-bg.png) no-repeat top 10vw left -125vw;
      padding: 5vw;
  }

  #con3 .bx .inner {
      width: 95vw;
      margin: 0 auto 5vw;
  }

  #con3 .bx .inner .ttl {
      font-size: 10vw;
      font-weight: 600;
      letter-spacing: 1vw;
      line-height: 0.75;
      position: relative;
      left: 0vw;
      margin-bottom: 10vw;
  }

  #con3 .bx .inner .ttl span {
      font-size: 4vw;
      font-weight: bold;
      letter-spacing: 0.5vw;
  }

  #con3 .bx .in-inner1 {
      width: 95vw;
      margin: 0 auto 5vw;
      position: relative;
  }

  #con3 .bx .in-inner1 .in-ttl {
      font-size: 4.6vw;
      font-weight: bold;
      color: #fff;
      text-align: center;
      letter-spacing: 0.5vw;
      width: 50vw;
      padding: 2vw 0;
      background: #004EA2;
      margin-bottom: 3vw;
  }

  #con3 .bx .in-inner1 .in-txt {
      font-size: 3.4vw;
      letter-spacing: 0.2vw;
      width: 75vw;
      margin-bottom: 3vw;
      line-height: 1.8;
      position: relative;
      left: 15vw;
  }

  #con3 .bx .in-inner1 .in-map iframe {
      width: 95%;
      height: 60vw;
  }

  #con4 {
      margin-bottom: 10vw;
  }

  #con4 .bx {
      width: 100vw;
      margin: 0 auto;
      background: none; /* company/con4-bg.png は現行にも無いため指定を外した（2026-10-27） */
      padding: 5vw;
  }

  #con4 .bx .inner {
      width: 90vw;
      margin: 0 auto 5vw;
  }

  #con4 .bx .inner .ttl {
      font-size: 10vw;
      font-weight: 600;
      letter-spacing: 1vw;
      line-height: 0.75;
      position: relative;
      left: 0vw;
      margin-bottom: 10vw;
  }

  #con4 .bx .inner .ttl span {
      font-size: 4vw;
      font-weight: bold;
      letter-spacing: 0.5vw;
  }

  #con4 .bx .in-inner .list {
      margin-bottom: 7.488vw;
      display: -webkit-box;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }

  #con4 .bx .in-inner .list li {
      margin-bottom: 5vw;
  }

  #con5-end-contact {
      background: url(../images/common/sp-end-bg.png) no-repeat top center;
      color: #fff;
      padding: 15vw 0 30vw;
      background-size: cover;
  }

  #con5-end-contact .end-contact-inner {
      max-width: 100vw;
      margin: 0 auto;
      position: relative;
  }

  #con5-end-contact .end-contact-ttl {
      margin-bottom: 3vw;
      text-align: center;
      font-size: 11vw;
      font-weight: 600;
      line-height: 1.2;
      letter-spacing: 0.5vw;
  }

  #con5-end-contact .end-contact-ttl a {
      color: #fff;
      position: relative;
      display: inline-block;
      text-decoration: none;
  }

  #con5-end-contact .end-contact-ttl a::after {
      position: absolute;
      bottom: -1vw;
      left: 0;
      content: '';
      width: 100%;
      height: 1vw;
      background: #fff;
      -webkit-transform: scale(0, 1);
      transform: scale(0, 1);
      -webkit-transform-origin: left top;
      transform-origin: left top;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
  }

  #con5-end-contact .end-contact-ttl a:hover::after {
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1);
  }

  #con5-end-contact .end-contact-ttl1 {
      margin-bottom: 3vw;
      text-align: center;
      font-size: 3.8vw;
      letter-spacing: 0.2vw;
  }

  #con5-end-contact .end-btn {
      width: 15vw;
      text-align: right;
      position: absolute;
      left: 38vw;
      top: 33vw;
  }

  #con5-end-contact .end-btn a {
      width: 20vw;
      background-image: url(../images/common/btn-hober-icon1.png);
      background-repeat: no-repeat;
      padding-right: 4vw;
      padding-top: 5vw;
      background-position: bottom 7vw left 10vw;
      -webkit-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
  }

  #con5-end-contact .end-btn a:hover {
      background-position: bottom 7vw left 7vw;
  }

  #end-contact {
      display: none;
  }

  .chara-01 {
      width: 16.667vw;
      margin: 0 auto;
      position: absolute;
      top: -22.222vw;
      left: 0;
      right: 0;
  }
}

/*# sourceMappingURL=page-recruit_info.css.map */