@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Lato:300,400,400i,700);
@import url(//fonts.googleapis.com/css?family=Oswald:300);
@import url(//fonts.googleapis.com/css?family=Lora);
.clearfix, article#women #section01, article#women #section02, article#women #section03, article#women #section04, aside#int_nav ul {
  *zoom: 1; }
  .clearfix:after, article#women #section01:after, article#women #section02:after, article#women #section03:after, article#women #section04:after, aside#int_nav ul:after {
    content: "";
    display: table;
    clear: both; }

/* ------------------------------
button
------------------------------ */
/* ------------------------------
key_visual
------------------------------ */
#key_visual {
  background: url(/recruit/image/women/idx_kv_bg01.jpg) top center no-repeat; }
  @media only screen and (max-width: 480px) {
    #key_visual {
      background-size: cover; } }

h3 {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-align: center;
  margin: 0 0 80px; }
  @media only screen and (max-width: 480px) {
    h3 {
      margin: 0 0 40px; } }
  h3 span:nth-of-type(1) {
    display: block;
    color: #fcbad6;
    font-size: 42px;
    padding: 15px 0 20px; }
    @media only screen and (max-width: 480px) {
      h3 span:nth-of-type(1) {
        padding: 10px 0 15px; } }
  h3 span:nth-of-type(2) {
    display: inline-block;
    background: url(/recruit/image/women/idx_h3_bg01.png) left top 5px no-repeat, url(/recruit/image/women/idx_h3_bg02.png) right top 5px no-repeat;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 24px;
    line-height: 150%;
    font-weight: normal;
    padding: 0 35px; }
    @media only screen and (max-width: 480px) {
      h3 span:nth-of-type(2) {
        background-position: left top 2px, right top 2px;
        font-size: 20px;
        line-height: 135%;
        padding: 0 30px; } }

/* ------------------------------
women
------------------------------ */
@media only screen and (max-width: 480px) {
  article#women {
    padding: 0; } }
article#women #section01 {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 110px; }
  @media only screen and (max-width: 480px) {
    article#women #section01 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px 40px; } }
  article#women #section01 .ttl01 {
    background: url(/recruit/image/women/idx_bg01.png) bottom center no-repeat;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    text-align: center;
    padding: 0 0 23px;
    margin: 0 0 25px; }
    @media only screen and (max-width: 480px) {
      article#women #section01 .ttl01 {
        padding: 0 0 18px;
        margin: 0 0 20px; } }
  article#women #section01 .tx01 {
    font-size: 18px;
    line-height: 200%;
    text-align: center;
    margin: 0 0 70px; }
    @media only screen and (max-width: 480px) {
      article#women #section01 .tx01 {
        font-size: 16px;
        line-height: 150%;
        margin: 0 0 50px; } }
  article#women #section01 .txt_box01 {
    width: 460px;
    float: right; }
    @media only screen and (max-width: 480px) {
      article#women #section01 .txt_box01 {
        width: 100%;
        float: none; } }
    article#women #section01 .txt_box01 p {
      line-height: 200%;
      margin: 0 0 20px; }
      article#women #section01 .txt_box01 p span {
        font-weight: bold; }
  article#women #section01 .pic01 {
    margin: 5px 0 0;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#women #section01 .pic01 {
        margin: 0;
        float: none; } }
    @media only screen and (max-width: 480px) {
      article#women #section01 .pic01 img {
        width: 100%; } }
@media only screen and (max-width: 480px) {
  article#women #section02 {
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px; } }
article#women #section02 .txt_box02 {
  width: 460px;
  padding: 0 0 20px;
  float: left; }
  @media only screen and (max-width: 480px) {
    article#women #section02 .txt_box02 {
      box-sizing: border-box;
      width: 100%;
      padding: 0;
      float: none; } }
  article#women #section02 .txt_box02 p {
    line-height: 200%;
    margin: 0 0 20px; }
    article#women #section02 .txt_box02 p span {
      font-weight: bold; }
article#women #section02 .pic02 {
  margin: 5px 0 0;
  float: right; }
  @media only screen and (max-width: 480px) {
    article#women #section02 .pic02 {
      margin: 0 0 30px;
      float: none; } }
  @media only screen and (max-width: 480px) {
    article#women #section02 .pic02 img {
      width: 100%; } }
article#women #section02 #block01 {
  width: 100%;
  background: #f6f6f6;
  padding: 80px 0; }
  @media only screen and (max-width: 480px) {
    article#women #section02 #block01 {
      padding: 30px 0; } }
  article#women #section02 #block01 .tx01 {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    margin: 0 0 50px; }
    @media only screen and (max-width: 480px) {
      article#women #section02 #block01 .tx01 {
        font-size: 20px;
        line-height: 120%; } }
  article#women #section02 #block01 .box {
    width: 300px;
    margin: 0 50px 0 0;
    text-align: center;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#women #section02 #block01 .box {
        width: 100%;
        margin: 0 0 30px; } }
    article#women #section02 #block01 .box:last-of-type {
      margin: 0; }
    article#women #section02 #block01 .box h4 {
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      text-align: center;
      margin: 0 0 30px; }
      @media only screen and (max-width: 480px) {
        article#women #section02 #block01 .box h4 {
          margin: 0 0 20px; } }
      article#women #section02 #block01 .box h4 span:nth-of-type(1) {
        display: block;
        color: #fcbad6;
        font-size: 42px;
        padding: 15px 0 20px; }
        @media only screen and (max-width: 480px) {
          article#women #section02 #block01 .box h4 span:nth-of-type(1) {
            padding: 10px 0 15px; } }
      article#women #section02 #block01 .box h4 span:nth-of-type(2) {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
        font-size: 20px;
        font-weight: normal;
        line-height: 135%; }
        @media only screen and (max-width: 480px) {
          article#women #section02 #block01 .box h4 span:nth-of-type(2) {
            font-size: 20px; } }
    article#women #section02 #block01 .box p {
      padding: 20px 0 0;
      line-height: 200%;
      text-align: left; }
article#women #section03 {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 0; }
  @media only screen and (max-width: 480px) {
    article#women #section03 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px 40px; } }
  article#women #section03 .txt_box03 {
    width: 460px;
    padding: 0 0 20px;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#women #section03 .txt_box03 {
        width: 100%;
        padding: 0;
        float: none; } }
  article#women #section03 .txt_box04 {
    width: 460px;
    padding: 0 0 20px;
    float: right; }
    @media only screen and (max-width: 480px) {
      article#women #section03 .txt_box04 {
        width: 100%;
        padding: 0;
        float: none; } }
  article#women #section03 p {
    line-height: 200%;
    margin: 0 0 20px; }
    article#women #section03 p span {
      font-weight: bold; }
  article#women #section03 .pic03 {
    clear: both; }
    @media only screen and (max-width: 480px) {
      article#women #section03 .pic03 img {
        width: 100%; } }
article#women #section04 {
  width: 1000px;
  margin: 0 auto;
  padding: 70px 0 110px; }
  @media only screen and (max-width: 480px) {
    article#women #section04 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px 40px; } }
  article#women #section04 .txt_box05 {
    width: 460px;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#women #section04 .txt_box05 {
        width: 100%;
        float: none; } }
    article#women #section04 .txt_box05 p {
      line-height: 200%;
      margin: 0 0 20px; }
      article#women #section04 .txt_box05 p span {
        font-weight: bold; }
  article#women #section04 .pic04 {
    float: right; }
    @media only screen and (max-width: 480px) {
      article#women #section04 .pic04 img {
        width: 100%; } }

aside#int_nav {
  box-sizing: border-box;
  width: 100%;
  background: url(/recruit/image/career/idx_bg01.png) repeat;
  padding: 20px 0 10px; }
  @media only screen and (max-width: 480px) {
    aside#int_nav {
      padding: 20px 10px 10px; } }
  aside#int_nav p {
    color: #999;
    font-family: 'Lora', serif;
    font-size: 34px;
    margin: 0 0 15px; }
  aside#int_nav ul li {
    width: 218px;
    height: 195px;
    margin: 0 0 20px 42px;
    float: left;
    overflow: hidden; }
    @media only screen and (max-width: 480px) {
      aside#int_nav ul li {
        width: 48%;
        height: auto;
        margin: 0 0 15px; }
        aside#int_nav ul li:nth-of-type(2n) {
          float: right; } }
    aside#int_nav ul li:nth-of-type(1), aside#int_nav ul li:nth-of-type(5) {
      margin: 0 0 20px 0; }
      @media only screen and (max-width: 480px) {
        aside#int_nav ul li:nth-of-type(1), aside#int_nav ul li:nth-of-type(5) {
          margin: 0 0 15px; } }
    aside#int_nav ul li img {
      transition: all 0.2s linear; }
      @media only screen and (max-width: 480px) {
        aside#int_nav ul li img {
          width: 100%; } }
      aside#int_nav ul li img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        z-index: 9999; }