@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(//fonts.googleapis.com/css?family=EB+Garamond);
@import url(//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,900);
@import url(//fonts.googleapis.com/css?family=Oswald:300);
@import url(//fonts.googleapis.com/css?family=Lora);
@import url(//fonts.googleapis.com/css?family=Niconne);
.clearfix, #career_idx #section01, #career_idx #section01 .item, article#interview #section01, article#interview #section01 .ttl, aside#int_nav ul {
  *zoom: 1; }
  .clearfix:after, #career_idx #section01:after, #career_idx #section01 .item:after, article#interview #section01:after, article#interview #section01 .ttl:after, aside#int_nav ul:after {
    content: "";
    display: table;
    clear: both; }

/* ------------------------------
button
------------------------------ */
/* ------------------------------
career_idx
------------------------------ */
#career_idx #section01 {
  width: 1000px;
  padding: 35px 0 60px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    #career_idx #section01 {
      width: 100%;
      padding: 30px 0 15px; } }
  #career_idx #section01 h2 {
    display: table;
    box-sizing: border-box;
    width: 128px;
    height: 128px;
    background: url(/en/recruit/image/career/idx_h2_bg.png) no-repeat;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    line-height: 175%;
    padding: 0 15px;
    margin: 0 0 40px;
    float: left; }
    @media only screen and (max-width: 480px) {
      #career_idx #section01 h2 {
        margin: 0 auto 30px;
        float: none; } }
    #career_idx #section01 h2 span {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
  #career_idx #section01 .tx01 {
    width: 850px;
    padding: 15px 0 40px 15px;
    color: #999;
    font-size: 16px;
    line-height: 175%;
    float: left; }
    @media only screen and (max-width: 480px) {
      #career_idx #section01 .tx01 {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px 30px;
        line-height: 150%;
        text-align: center;
        float: none; } }
    #career_idx #section01 .tx01 span {
      display: block;
      color: #000;
      font-size: 26px;
      line-height: 100%;
      padding: 0 0 20px; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .tx01 span {
          line-height: 135%;
          padding: 0 0 10px; } }
    #career_idx #section01 .tx01 br {
      display: none; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .tx01 br {
          display: block; } }
  #career_idx #section01 .tx02 {
    clear: left;
    color: #999;
    font-family: 'Lora', serif;
    font-size: 34px;
    margin: 0 0 15px; }
    @media only screen and (max-width: 480px) {
      #career_idx #section01 .tx02 {
        margin: 0 10px 15px; } }
  #career_idx #section01 .item {
    width: 490px;
    height: 183px;
    background: url(/en/recruit/image/career/idx_bg01.png) repeat;
    margin: 0 0 20px; }
    @media only screen and (max-width: 480px) {
      #career_idx #section01 .item {
        width: 94%;
        height: auto;
        margin: 0 auto 15px;
        padding: 10px; } }
    #career_idx #section01 .item a {
      display: block;
      width: 490px;
      height: 183px;
      text-decoration: none; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .item a {
          width: 100%;
          height: auto; } }
    #career_idx #section01 .item img {
      display: block;
      width: 206px;
      height: 183px;
      padding: 0;
      float: left; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .item img {
          width: 30%;
          height: auto; } }
    #career_idx #section01 .item h3 {
      box-sizing: border-box;
      width: 284px;
      color: #099;
      font-size: 18px;
      font-weight: normal;
      line-height: 100%;
      padding: 10px 10px 5px;
      float: right; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .item h3 {
          width: 70%;
          font-size: 14px;
          padding: 0 0 5px 10px; } }
    #career_idx #section01 .item p {
      box-sizing: border-box;
      width: 284px;
      color: #000;
      font-family: 'Lato', sans-serif;
      font-size: 22px;
      padding: 0 10px;
      float: right; }
      @media only screen and (max-width: 480px) {
        #career_idx #section01 .item p {
          width: 70%;
          font-size: 18px;
          padding: 0 0 0 10px; } }
      #career_idx #section01 .item p span {
        display: inline-block;
        background: #099;
        color: #fff;
        font-family: 'Open Sans', arial, helvetica, sans-serif;
        font-size: 12px;
        line-height: 12px;
        padding: 3px 5px;
        margin: 0 0 8px; }
        #career_idx #section01 .item p span.s {
          font-size: 11px; }
          @media only screen and (max-width: 480px) {
            #career_idx #section01 .item p span.s {
              font-size: 10px; } }
#career_idx div:nth-of-type(2n+1) {
  float: left; }
  @media only screen and (max-width: 480px) {
    #career_idx div:nth-of-type(2n+1) {
      float: none; } }
#career_idx div:nth-of-type(2n) {
  float: right; }
  @media only screen and (max-width: 480px) {
    #career_idx div:nth-of-type(2n) {
      float: none; } }

/* ------------------------------
interview
------------------------------ */
article#interview #section01 {
  width: 1000px;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    article#interview #section01 {
      width: 100%; } }
  article#interview #section01 .ttl {
    box-sizing: border-box;
    width: 1000px;
    height: 529px;
    padding: 65px 0 0;
    margin: 0 0 50px; }
    @media only screen and (max-width: 480px) {
      article#interview #section01 .ttl {
        width: 100%;
        height: 250px;
        margin: 0 0 30px;
        padding: 0;
        position: relative; } }
    article#interview #section01 .ttl img {
      display: block;
      float: left; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 .ttl img {
          height: 100px; } }
    article#interview #section01 .ttl h2 {
      box-sizing: border-box;
      width: 400px;
      height: 124px;
      background-color: rgba(255, 255, 255, 0.6);
      padding: 15px 10px;
      color: #3d3d3d;
      font-size: 19px;
      font-weight: normal;
      line-height: 125%;
      float: left; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 .ttl h2 {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: auto;
          padding: 10px;
          color: #000;
          font-size: 16px;
          line-height: 135%;
          float: none; } }
      article#interview #section01 .ttl h2 span {
        display: block;
        padding: 5px 0 0;
        font-size: 20px;
        text-align: right; }
        @media only screen and (max-width: 480px) {
          article#interview #section01 .ttl h2 span {
            font-size: 16px; } }
        article#interview #section01 .ttl h2 span span {
          display: inline;
          padding: 0;
          font-size: 13px; }
          @media only screen and (max-width: 480px) {
            article#interview #section01 .ttl h2 span span {
              font-size: 12px; } }
    article#interview #section01 .ttl#ttl_int05 img, article#interview #section01 .ttl#ttl_int08 img, article#interview #section01 .ttl#ttl_int09 img {
      float: right; }
    article#interview #section01 .ttl#ttl_int05 h2, article#interview #section01 .ttl#ttl_int08 h2, article#interview #section01 .ttl#ttl_int09 h2 {
      float: right; }
  article#interview #section01 #ttl_int01 {
    background: url(/en/recruit/image/career/int01_h2_bg.jpg) no-repeat; }
  article#interview #section01 #ttl_int02 {
    background: url(/en/recruit/image/career/int02_h2_bg.jpg) no-repeat; }
  article#interview #section01 #ttl_int03 {
    background: url(/en/recruit/image/career/int03_h2_bg.jpg) no-repeat; }
  article#interview #section01 #ttl_int04 {
    background: url(/en/recruit/image/career/int04_h2_bg.jpg) no-repeat; }
    article#interview #section01 #ttl_int04 h2 {
      width: 430px; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #ttl_int04 h2 {
          width: 100%; } }
  article#interview #section01 #ttl_int05 {
    background: url(/en/recruit/image/career/int05_h2_bg.jpg) no-repeat; }
    article#interview #section01 #ttl_int05 h2 {
      width: 460px; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #ttl_int05 h2 {
          width: 100%;
          font-size: 14px; } }
  article#interview #section01 #ttl_int06 {
    background: url(/en/recruit/image/career/int06_h2_bg.jpg) no-repeat; }
    article#interview #section01 #ttl_int06 h2 {
      width: 470px; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #ttl_int06 h2 {
          width: 100%;
          font-size: 14px; } }
  article#interview #section01 #ttl_int07 {
    background: url(/en/recruit/image/career/int07_h2_bg.jpg) no-repeat; }
    article#interview #section01 #ttl_int07 h2 {
      width: 380px;
      font-size: 22px;
      line-height: 125%; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #ttl_int07 h2 {
					width:100%;
          font-size: 18px; } }
  article#interview #section01 #ttl_int08 {
    background: url(/en/recruit/image/career/int08_h2_bg.jpg) no-repeat; }
  article#interview #section01 #ttl_int09 {
    background: url(/en/recruit/image/career/int09_h2_bg.jpg) no-repeat; }
	article#interview #section01 #ttl_int09 h2 {
	width: 500px;
	line-height: 125%; }
	@media only screen and (max-width: 480px) {
	article#interview #section01 #ttl_int09 h2 {
	width:100%;
	font-size: 16px; } }
  @media only screen and (max-width: 480px) {
    article#interview #section01 #ttl_int01,
    article#interview #section01 #ttl_int02,
    article#interview #section01 #ttl_int03,
    article#interview #section01 #ttl_int04,
    article#interview #section01 #ttl_int05,
    article#interview #section01 #ttl_int06,
    article#interview #section01 #ttl_int07,
    article#interview #section01 #ttl_int08,
    article#interview #section01 #ttl_int09{
      background-size: cover;
      background-position: right 0 bottom 0; } }

	
  article#interview #section01 h3 {
    clear: both;
    color: #099;
    font-size: 22px;
    font-weight: normal;
    line-height: 135%;
    margin: 0 0 30px; }
    @media only screen and (max-width: 480px) {
      article#interview #section01 h3 {
        margin: 0 0 20px; } }
  article#interview #section01 p {
    line-height: 175%;
    margin: 0 0 45px; }
    @media only screen and (max-width: 480px) {
      article#interview #section01 p {
        margin: 0 0 30px; } }
  article#interview #section01 #block01 {
    width: 630px;
    padding: 0 46px 25px 0;
    border-right: 1px solid #ccc;
    float: left; }
    @media only screen and (max-width: 480px) {
      article#interview #section01 #block01 {
        box-sizing: border-box;
        width: 100%;
        padding: 0 10px;
        border: none;
        float: none; } }
    article#interview #section01 #block01 .box01 {
      width: 364px;
      float: right; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #block01 .box01 {
          width: 100%;
          float: none; } }
    article#interview #section01 #block01 .pic01 {
      display: block;
      margin: 0 0 45px;
      float: left; }
      @media only screen and (max-width: 480px) {
        article#interview #section01 #block01 .pic01 {
          margin: 0 auto 30px;
          float: none; } }
  article#interview #section01 #block02 {
    width: 295px;
    float: right; }
    @media only screen and (max-width: 480px) {
      article#interview #section01 #block02 {
        margin: 0 auto;
        padding: 0 0 15px;
        float: none; } }
    article#interview #section01 #block02 .box02 {
      width: 295px;
      height: 164px;
      position: relative;
      margin: 0 0 20px; }
      article#interview #section01 #block02 .box02 img {
        position: absolute;
        top: 0;
        right: 0; }
      article#interview #section01 #block02 .box02 p {
        position: absolute;
        left: 0;
        bottom: 5px;
        font-size: 12px;
        line-height: 100%;
        margin: 0; }
        article#interview #section01 #block02 .box02 p span {
          display: block;
          color: #099;
          font-size: 22px;
          padding: 10px 0 0; }
    article#interview #section01 #block02 .tx01 {
      width: 295px;
      height: 26px;
      background: url(/en/recruit/image/career/int_bg01.png) repeat;
      margin: 0 0 15px;
      padding: 0; }
      article#interview #section01 #block02 .tx01 span {
        display: block;
        width: 230px;
        height: 26px;
        background: #999;
        color: #fff;
        font-size: 14px;
        font-weight: normal;
        line-height: 26px;
        text-align: center; }
        article#interview #section01 #block02 .tx01 span.f10 {
          font-size: 10px; }
    article#interview #section01 #block02 .tx02 {
      font-size: 13px;
      line-height: 150%;
      margin: 0 3px 15px; }

aside#int_nav {
  box-sizing: border-box;
  width: 100%;
  background: url(/en/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; }

/* ------------------------------
intern
------------------------------ */
article#intern #section01 {
  width: 1000px;
  padding: 35px 0 0;
  margin: 0 auto; }
  @media only screen and (max-width: 480px) {
    article#intern #section01 {
      box-sizing: border-box;
      width: 100%;
      padding: 30px 10px 10px; } }
  article#intern #section01 h2 {
    font-size: 26px;
    color: #87ABD1;
    font-weight: normal;
    margin: 0 0 40px; }
  article#intern #section01 .item {
    padding: 0 0 40px 240px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin: 0 0 40px; }
    @media only screen and (max-width: 480px) {
      article#intern #section01 .item {
        padding: 0 10px 20px;
        margin: 0 0 20px; } }
    article#intern #section01 .item:last-child {
      border: none;
      margin: 0; }
    article#intern #section01 .item h3 {
      background: url(/en/recruit/image/career/intern_h3_bg.png) left center no-repeat;
      padding: 0 0 0 40px;
      color: #009999;
      font-family: 'Lato', sans-serif;
      font-size: 22px;
      font-weight: 700;
      margin: 0 0 15px; }
    article#intern #section01 .item p {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      line-height: 175%; }
    article#intern #section01 .item .photo {
      position: absolute;
      top: 0;
      left: 0; }
      @media only screen and (max-width: 480px) {
        article#intern #section01 .item .photo {
          position: relative;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block;
          margin: 0 auto 15px; } }