@charset "UTF-8";
/*　Example
.hogehoge {
	@include cf;
	@include pa(1px, auto, auto, 1px);
	@include fs(30);
	@include op(0.5);
	@include br(4px);
	@include enTitle;
}
*/
@import url("common.css");
body#cIndex a#gn-culture {
  color: #e50012; }

body#gallery a#gn-culture {
  color: #e50012; }
body#gallery main ul#galleryBox {
  margin-top: 100px; }
  body#gallery main ul#galleryBox li {
    position: relative;
    width: 100%;
    padding-top: 70px;
    text-align: center; }
    body#gallery main ul#galleryBox li:first-child {
      border-top: 1px solid #e4e7eb; }
    body#gallery main ul#galleryBox li > img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto; }
    body#gallery main ul#galleryBox li small {
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: Arial Italic;
      color: #0068b6; }
    body#gallery main ul#galleryBox li h3 {
      margin-top: 10px;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: bold; }
    body#gallery main ul#galleryBox li div.imageList {
      margin-top: 70px;
      background-color: #edeff1;
      zoom: 1; }
      body#gallery main ul#galleryBox li div.imageList:after {
        display: block;
        clear: both;
        content: ""; }
      body#gallery main ul#galleryBox li div.imageList > div.imageListPost {
        float: left;
        width: 25%;
        height: auto;
        text-align: left;
        background-color: white;
        opacity: 0;
        filter: alpha(opacity=0); }
        body#gallery main ul#galleryBox li div.imageList > div.imageListPost:nth-child(even) {
          background-color: #f8f9fa; }
        body#gallery main ul#galleryBox li div.imageList > div.imageListPost > a {
          display: block;
          position: relative;
          width: 100%;
          height: auto; }
          body#gallery main ul#galleryBox li div.imageList > div.imageListPost > a div.strech-image {
            width: 100%;
            height: 160px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center; }
          body#gallery main ul#galleryBox li div.imageList > div.imageListPost > a span.hover {
            background-color: rgba(0, 104, 182, 0.5); }
            body#gallery main ul#galleryBox li div.imageList > div.imageListPost > a span.hover img.arw {
              width: 40px;
              height: 40px;
              margin: -20px auto auto -20px; }
            body#gallery main ul#galleryBox li div.imageList > div.imageListPost > a span.hover em.hoverTxt {
              bottom: 19% !important;
              font-size: 15px;
              font-size: 0.9375rem; }
        body#gallery main ul#galleryBox li div.imageList > div.imageListPost > div.innerSet {
          width: 100%;
          padding: 15px 15px 35px; }
          body#gallery main ul#galleryBox li div.imageList > div.imageListPost > div.innerSet time {
            display: block;
            font-size: 12px;
            font-size: 0.75rem;
            color: #0068b6; }
          body#gallery main ul#galleryBox li div.imageList > div.imageListPost > div.innerSet p {
            font-size: 12px;
            font-size: 0.75rem;
            line-height: 160%; }

body#questionnaire a#gn-culture {
  color: #e50012; }
body#questionnaire main div#qList ul#careerTab {
  width: 100%;
  height: 100px;
  border-top: 1px solid #e4e6ea;
  zoom: 1; }
  body#questionnaire main div#qList ul#careerTab:after {
    display: block;
    clear: both;
    content: ""; }
  body#questionnaire main div#qList ul#careerTab li {
    display: block;
    float: left;
    width: 33.333%;
    height: 100%;
    border-left: 1px solid #e4e6ea;
    background-color: white;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1rem;
    line-height: 100px;
    cursor: pointer; }
    body#questionnaire main div#qList ul#careerTab li:nth-child(1) {
      border-left: none;
      background-image: url(/recruit/media/images/culture/ico_questionnaire_01g.png); }
      body#questionnaire main div#qList ul#careerTab li:nth-child(1).select, body#questionnaire main div#qList ul#careerTab li:nth-child(1):hover {
        background-image: url(/recruit/media/images/culture/ico_questionnaire_01.png); }
    body#questionnaire main div#qList ul#careerTab li:nth-child(2) {
      background-image: url(/recruit/media/images/culture/ico_questionnaire_02g.png); }
      body#questionnaire main div#qList ul#careerTab li:nth-child(2).select, body#questionnaire main div#qList ul#careerTab li:nth-child(2):hover {
        background-image: url(/recruit/media/images/culture/ico_questionnaire_02.png); }
    body#questionnaire main div#qList ul#careerTab li:nth-child(3) {
      background-image: url(/recruit/media/images/culture/ico_questionnaire_03g.png); }
      body#questionnaire main div#qList ul#careerTab li:nth-child(3).select, body#questionnaire main div#qList ul#careerTab li:nth-child(3):hover {
        background-image: url(/recruit/media/images/culture/ico_questionnaire_03.png); }
    body#questionnaire main div#qList ul#careerTab li.select, body#questionnaire main div#qList ul#careerTab li:hover {
      background-color: #0068b6;
      color: white; }
body#questionnaire main div#qList ul#careerContents > li:nth-child(2), body#questionnaire main div#qList ul#careerContents > li:nth-child(3) {
  display: none; }
body#questionnaire main div#qList ul#careerContents > li h2 {
  width: 100%;
  height: 50px;
  text-align: center;
  color: white;
  font-weight: bold;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 50px;
  background-color: #7a7e80; }
body#questionnaire main div#qList ul#careerContents > li ol > li {
  position: relative;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
  border-top: 1px solid #dce0e5;
  zoom: 1; }
  body#questionnaire main div#qList ul#careerContents > li ol > li:after {
    display: block;
    clear: both;
    content: ""; }
  body#questionnaire main div#qList ul#careerContents > li ol > li:first-child {
    border-top: none; }
  body#questionnaire main div#qList ul#careerContents > li ol > li > img.number {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto; }
  body#questionnaire main div#qList ul#careerContents > li ol > li > small {
    font-size: 15px;
    font-size: 0.9375rem;
    font-family: Arial Italic;
    color: #0068b6; }
  body#questionnaire main div#qList ul#careerContents > li ol > li > h3 {
    margin-top: 10px;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 140%; }
    body#questionnaire main div#qList ul#careerContents > li ol > li > h3 span {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: bold;
      line-height: 100%; }
  body#questionnaire main div#qList ul#careerContents > li ol > li > figure {
    display: block;
    width: 85%;
    margin: 80px 7.5% 0; }
    body#questionnaire main div#qList ul#careerContents > li ol > li > figure > img {
      width: 100%;
      height: auto; }
  body#questionnaire main div#qList ul#careerContents > li ol > li div.w1,
  body#questionnaire main div#qList ul#careerContents > li ol > li div.w2 {
    width: 85%;
    margin: 80px 7.5% 0;
    text-align: left; }
    body#questionnaire main div#qList ul#careerContents > li ol > li div.w1 > p,
    body#questionnaire main div#qList ul#careerContents > li ol > li div.w2 > p {
      background-image: url(/recruit/media/images/culture/bal_questionnaire_01.png);
      background-position: left top;
      background-repeat: no-repeat;
      margin-top: 15px;
      padding-left: 40px;
      font-size: 15px;
      font-size: 0.9375rem; }
      body#questionnaire main div#qList ul#careerContents > li ol > li div.w1 > p:first-child,
      body#questionnaire main div#qList ul#careerContents > li ol > li div.w2 > p:first-child {
        margin-top: 0; }
  body#questionnaire main div#qList ul#careerContents > li ol > li div.w2 {
    float: left;
    width: 40%;
    margin: 80px 2.5% 0 7.5%; }
    body#questionnaire main div#qList ul#careerContents > li ol > li div.w2 ~ div.w2 {
      width: 40%;
      margin: 80px 7.5% 0 2.5%; }
  body#questionnaire main div#qList ul#careerContents > li ol > li div.w3 {
    margin-top: 80px;
    zoom: 1; }
    body#questionnaire main div#qList ul#careerContents > li ol > li div.w3:after {
      display: block;
      clear: both;
      content: ""; }
    body#questionnaire main div#qList ul#careerContents > li ol > li div.w3 p {
      float: left;
      width: 33.333%;
      padding: 20px;
      font-size: 15px;
      font-size: 0.9375rem;
      text-align: left;
      background-color: white; }
      body#questionnaire main div#qList ul#careerContents > li ol > li div.w3 p:nth-child(odd) {
        background-color: #f7fafc; }

body#welfare a#gn-culture {
  color: #e50012; }
body#welfare main h2#visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto; }
  body#welfare main h2#visual > img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 0;
    width: 100%;
    height: auto; }
body#welfare main section#vacation,
body#welfare main section#voice,
body#welfare main section#benefit,
body#welfare main section#system {
  text-align: center; }
  body#welfare main section#vacation > small,
  body#welfare main section#voice > small,
  body#welfare main section#benefit > small,
  body#welfare main section#system > small {
    display: block;
    margin-top: 100px;
    color: #edf0f2;
    font-family: Arial Italic;
    font-size: 90px;
    font-size: 5.625rem; }
  body#welfare main section#vacation h3,
  body#welfare main section#voice h3,
  body#welfare main section#benefit h3,
  body#welfare main section#system h3 {
    display: block;
    margin: 50px auto 20px;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold; }
  body#welfare main section#vacation > ul,
  body#welfare main section#voice > ul,
  body#welfare main section#benefit > ul,
  body#welfare main section#system > ul {
    width: 100%;
    margin-top: 50px;
    zoom: 1; }
    body#welfare main section#vacation > ul:after,
    body#welfare main section#voice > ul:after,
    body#welfare main section#benefit > ul:after,
    body#welfare main section#system > ul:after {
      display: block;
      clear: both;
      content: ""; }
body#welfare main section#vacation > ul li {
  opacity: 0;
  filter: alpha(opacity=0);
  background: url(/recruit/media/images/common/ico_corner_01.png) no-repeat right top;
  float: left;
  width: 50%;
  height: auto;
  padding: 30px 5%;
  text-align: center; }
  body#welfare main section#vacation > ul li:nth-child(1), body#welfare main section#vacation > ul li:nth-child(4) {
    background-color: #f8f9fa; }
  body#welfare main section#vacation > ul li:nth-child(2), body#welfare main section#vacation > ul li:nth-child(3) {
    background-color: #edf0f2; }
  body#welfare main section#vacation > ul li h4 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold; }
  body#welfare main section#vacation > ul li p {
    margin-top: 15px;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left; }
body#welfare main section#voice > ul li {
  position: relative;
  width: 100%;
  height: 240px;
  background-color: #f8f9fa;
  zoom: 1; }
  body#welfare main section#voice > ul li:after {
    display: block;
    clear: both;
    content: ""; }
  body#welfare main section#voice > ul li:nth-child(even) {
    background-color: #edf0f2; }
  body#welfare main section#voice > ul li div.image {
    float: left;
    width: 18.75%;
    height: 240px; }
  body#welfare main section#voice > ul li span.cover {
    display: block;
    width: 100%;
    height: 200px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: white; }
  body#welfare main section#voice > ul li div.txt {
    float: left;
    display: table;
    width: 81.25%;
    height: 240px;
    padding: 0 5%;
    text-align: left; }
    body#welfare main section#voice > ul li div.txt p {
      display: table-cell;
      vertical-align: middle;
      font-size: 14px;
      font-size: 0.875rem; }
      body#welfare main section#voice > ul li div.txt p small {
        display: block;
        font-weight: bold;
        font-size: 12px;
        font-size: 0.75rem;
        color: #0068b6; }
      body#welfare main section#voice > ul li div.txt p strong {
        display: block;
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 18px;
        font-size: 1.125rem; }
body#welfare main section#benefit > ul li {
  position: relative;
  background: url(/recruit/media/images/common/ico_corner_01.png) no-repeat right top;
  float: left;
  width: 50%;
  height: 240px; }
  body#welfare main section#benefit > ul li:nth-child(2), body#welfare main section#benefit > ul li:nth-child(3), body#welfare main section#benefit > ul li:nth-child(6), body#welfare main section#benefit > ul li:nth-child(7) {
    background-color: #edf0f2; }
  body#welfare main section#benefit > ul li:nth-child(1), body#welfare main section#benefit > ul li:nth-child(4), body#welfare main section#benefit > ul li:nth-child(5), body#welfare main section#benefit > ul li:nth-child(8) {
    background-color: #f8f9fa; }
  body#welfare main section#benefit > ul li div.image {
    width: 37.5%;
    height: 240px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 0; }
  body#welfare main section#benefit > ul li span.cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: white; }
  body#welfare main section#benefit > ul li div.txt {
    position: absolute;
    top: 50px;
    right: auto;
    bottom: auto;
    left: 37.5%;
    z-index: 1;
    width: 62.5%;
    height: auto;
    padding: 0 5%;
    text-align: left; }
    body#welfare main section#benefit > ul li div.txt h4 {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: bold; }
    body#welfare main section#benefit > ul li div.txt p {
      margin-top: 15px;
      font-size: 12px;
      font-size: 0.75rem; }
      body#welfare main section#benefit > ul li div.txt p > strong {
        display: block;
        font-weight: bold; }
body#welfare main section#system > ul li {
  display: table;
  background: url(/recruit/media/images/common/ico_corner_01.png) no-repeat right top #edf0f2;
  float: left;
  width: 33.333%;
  height: 120px;
  vertical-align: middle;
  text-align: center; }
  body#welfare main section#system > ul li:nth-child(odd) {
    background-color: #f8f9fa; }
  body#welfare main section#system > ul li p {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold; }
    body#welfare main section#system > ul li p small {
      display: block;
      font-size: 12px;
      font-size: 0.75rem; }

body#diversity a#gn-culture {
  color: #e50012; }
body#diversity main section#diverBox {
  margin-bottom: 50px; }
  body#diversity main section#diverBox article {
    position: relative;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    background-color: #f8f9fa; }
    body#diversity main section#diverBox article > img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: auto;
      left: auto; }
    body#diversity main section#diverBox article small {
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: Arial Italic;
      color: #0068b6; }
    body#diversity main section#diverBox article h3 {
      margin-top: 10px;
      font-size: 30px;
      font-size: 1.875rem;
      font-weight: bold; }
    body#diversity main section#diverBox article p {
      width: 50%;
      margin: 30px 25% auto;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.8rem;
      text-align: left; }
    body#diversity main section#diverBox article > div.image {
      position: relative;
      width: 50%;
      height: 320px;
      overflow: hidden;
      margin: 40px 25% 0; }
      body#diversity main section#diverBox article > div.image img {
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 1; }
      body#diversity main section#diverBox article > div.image span.cover {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 2;
        background: #f8f9fa; }
    body#diversity main section#diverBox article:nth-child(even) {
      background: white; }
      body#diversity main section#diverBox article:nth-child(even) span.cover {
        background: white !important; }