@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

html, body {
  font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', YuGothic, 游ゴシック体, メイリオ, Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

body {
  padding-top: 330px; }

br.br_sp {
  display: none; }

body.general {
  padding-top: 80px; }

body > .main {
  background-color: #FFF;
  position: relative;
  z-index: 1; }

.loading {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.loadmask {
  display: block;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 1000; }
  .loadmask__logo {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    width: 256px;
    height: 90px;
    background-image: url(images/loading.gif);
    background-size: 256px 90px;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -60px 0 0 -128px; }

@-webkit-keyframes blink_logo {
  0% {
    background-position: 0% 0%; }
  4% {
    background-position: 0% 100%; }
  8% {
    background-position: 0% 0%; }
  12% {
    background-position: 0% 100%; }
  16% {
    background-position: 0% 0%; }
  20% {
    background-position: 0% 100%; }
  24% {
    background-position: 0% 0%; }
  100% {
    background-position: 0% 0%; } }
@keyframes blink_logo {
  0% {
    background-position: 0% 0%; }
  4% {
    background-position: 0% 100%; }
  8% {
    background-position: 0% 0%; }
  12% {
    background-position: 0% 100%; }
  16% {
    background-position: 0% 0%; }
  20% {
    background-position: 0% 100%; }
  24% {
    background-position: 0% 0%; }
  100% {
    background-position: 0% 0%; } }
@media screen and (max-width: 750px) {
  body {
    padding-top: 180px; }

  body.general {
    padding-top: 55px; }

  br.br_sp {
    display: block; }

  br.br_pc {
    display: none; }

  .loadmask__logo {
    width: 128px;
    height: 45px;
    background-size: 128px 45px;
    margin: -23px 0 0 -64px; } }
.header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
  height: 80px;
  background-color: #FFF;
  -webkit-transform: translate3d(0px, 0px, 2px);
          transform: translate3d(0px, 0px, 2px);
  transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
  .header.hide {
    -webkit-transform: translate3d(0px, -100%, 2px);
            transform: translate3d(0px, -100%, 2px); }
  .header.appear {
    -webkit-transform: translate3d(0px, 0px, 2px);
            transform: translate3d(0px, 0px, 2px); }

@media screen and (min-width: 751px) {
  .header.disapper {
    -webkit-transform: translate3d(0px, -100%, 2px) !important;
            transform: translate3d(0px, -100%, 2px) !important; } }
.header__logo {
  width: 159px;
  height: 34px;
  position: absolute;
  top: 23px;
  left: 30px; }
  .header__logo a {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    width: 188px;
    height: 38px;
    background-image: url(images/logo.png);
    background-size: 188px 76px;
    background-repeat: no-repeat;
    background-position: center top;
    transition: opacity 0.15s linear 0s; }
    .header__logo a:hover {
      -webkit-animation: blink_logo infinite step-end 2.5s;
      animation: blink_logo infinite step-end 2.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both; }

.header__toggle {
  display: none; }

.header__nav__menu {
  position: absolute;
  top: 36px;
  right: 148px;
  width: auto;
  height: 22px;
  font-size: 0px;
  text-align: right; }
  .header__nav__menu li {
    display: inline-block;
    width: auto;
    height: 24px;
    margin: 0 0 0 68px; }
    .header__nav__menu li a {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      overflow: visible;
      position: relative;
      display: block;
      height: 22px;
      background-image: url(images/header_nav.png);
      background-size: 432px 44px;
      background-repeat: no-repeat; }
      .header__nav__menu li a:after {
        content: "";
        display: block;
        width: 0%;
        height: 2px;
        background-color: #0e93d6;
        position: absolute;
        right: 0px;
        bottom: -2px;
        transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
      .header__nav__menu li a span {
        display: block;
        height: 22px;
        background-image: url(images/header_nav.png);
        background-size: 432px 44px;
        background-repeat: no-repeat;
        position: absolute;
        left: 0px;
        top: 0px;
        transition: opacity 0.15s linear 0s;
        opacity: 0;
        filter: alpha(opacity=0);
        background-color: #FFF; }
      .header__nav__menu li a.current:after {
        width: 100% !important;
        left: 0px !important; }
      .header__nav__menu li a.current span {
        opacity: 1;
        filter: alpha(opacity=100);
        transition-duration: 0s; }
      .header__nav__menu li a:hover:after {
        width: 100%;
        left: 0px; }
      .header__nav__menu li a:hover span {
        opacity: 1;
        filter: alpha(opacity=100); }
  .header__nav__menu__about {
    width: 80px;
    background-position: 0px 0px; }
    .header__nav__menu__about span {
      width: 100%;
      background-position: 0px -23px; }
  .header__nav__menu__service {
    width: 76px;
    background-position: -82px 0px; }
    .header__nav__menu__service span {
      width: 100%;
      background-position: -82px -23px; }
  .header__nav__menu__news {
    width: 73px;
    background-position: -156px 0px; }
    .header__nav__menu__news span {
      width: 100%;
      background-position: -156px -23px; }
  .header__nav__menu__recruit {
    width: 82px;
    background-position: -229px 0px; }
    .header__nav__menu__recruit span {
      width: 100%;
      background-position: -229px -23px; }
  .header__nav__menu__blog {
    width: 60px;
    background-position: -310px 0px; }
    .header__nav__menu__blog span {
      width: 100%;
      background-position: -310px -23px; }
  .header__nav__menu__recruit:before{
    content:"";
    position: absolute;
    display: block;
    width: 100px;
    height: 20px;
    top: -20px;
    left: -10px;
    background-image: url("images/header_badge_recruit.png");
    background-size:100%;
  }
  /* ブログサブメニュー対応 */
  .close_sub_menu{
    display: none;
  }
  .header__nav__menu li a.header__nav__menu__blog:after,
  .header__nav__menu li ul.header__nav__sub_menu li a:after{
    content: "";
    display: none;
  }
  .header__nav__menu li ul.header__nav__sub_menu{
    height: 60px;
    position: absolute;
    z-index: 100;
    padding-top:13px;
    background-color: #ffffff;
    margin-left: -30px;
    display:none;
  }
  .header__nav__menu li ul.header__nav__sub_menu li{
    margin:0px;
    height: 30px;
    width: 120px;
    background-image: url(images/header_blog_nav.png);
    background-size: 308px 130px;
    background-repeat: no-repeat;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
  }
  .header__nav__menu li ul.header__nav__sub_menu li:first-child{
    border-top:solid 1px #000000;
  }
  .header__nav__menu li ul.header__nav__sub_menu li a {
    width:100%;
    height: 30px;
    background-image:none;
  }
  .header__nav__menu li ul.header__nav__sub_menu li a:hover {
    width:100%;
    height: 30px;
    background-color: #0e93d6;
  }  
  .header__nav__menu li ul.header__nav__sub_menu li a span{
    width: 100px;
    height: 30px;
    margin-left: 10px;
    background-image: url(images/header_blog_nav.png);
    background-color: #0e93d6;
    background-size: 308px 130px;
    transition: opacity 0s linear 0s;
  }
  .header__nav__sub_menu_engineer {
    background-position: 5px 6px;
  }
  .header__nav__sub_menu_engineer span {
    background-position: -123px 6px;
  }
  .header__nav__sub_menu_creater {
    background-position: 5px -22px;
  }
  .header__nav__sub_menu_creater span {
    background-position: -123px -22px;
  }
  .header__nav__sub_menu_public {
    background-position: 5px -50px;
    border-bottom:solid 1px #000000;
  }
  .header__nav__sub_menu_public span {
    background-position: -123px -50px;
  }

.header__nav__lang {
  position: absolute;
  top: 36px;
  right: 30px;
  font-size: 0px;
  text-align: right; }
  .header__nav__lang li {
    vertical-align: top;
    display: inline-block;
    height: 22px; }
    .header__nav__lang li a {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      display: block;
      height: 22px;
      background-image: url(images/header_nav.png);
      background-size: 432px 44px;
      background-repeat: no-repeat;
      position: relative; }
      .header__nav__lang li a span {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        background-color: #FFF;
        background-image: url(images/header_nav.png);
        background-size: 432px 44px;
        background-repeat: no-repeat;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: opacity 0.15s linear; }
      .header__nav__lang li a.current span {
        opacity: 1 !important;
        filter: alpha(opacity=100);
        transition-duration: 0s; }
      .header__nav__lang li a:hover span {
        opacity: 1;
        filter: alpha(opacity=100); }
  .header__nav__lang__slash {
    width: 7px;
    background-image: url(images/header_nav.png);
    background-size: 432px 44px;
    background-repeat: no-repeat;
    background-position: -396px 0px;
    margin: 0 5px 0 4px; }
  .header__nav__lang__ja {
    width: 26px;
    background-position: -370px 0px; }
    .header__nav__lang__ja span {
      width: 100%;
      background-position: -370px -22px; }
  .header__nav__lang__en {
    width: 29px;
    background-position: -403px 0px; }
    .header__nav__lang__en span {
      width: 100%;
      background-position: -403px -22px; }

.index.en .header__nav__menu {
  display: none; }

@media screen and (max-width: 960px) {
  .header__nav__menu {
    right: 98px; }
    .header__nav__menu li {
      margin: 0 0 0 25px; }

  .header__nav__lang {
    right: 17px; } }
@media screen and (max-width: 750px) {
  .header {
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
    width: 100%;
    height: 55px;
    background-color: rgba(14, 147, 214, 0.5); }
    .header:before {
      content: "";
      display: block;
      width: 100%;
      height: 55px;
      background-color: #FFF;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0; }

  .header__logo {
    width: 124px;
    height: 25px;
    position: absolute;
    top: 16px;
    left: 15px;
    z-index: 1; }
    .header__logo a {
      width: 124px;
      height: 25px;
      background-size: 124px 50px; }

  .header__toggle {
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 0px;
    right: 5px;
    background-image: url(images/menu_toggle.png);
    background-size: 55px 110px;
    background-position: center top;
    z-index: 1; }

  .header__nav {
    width: 100%;
    height: 0px;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    left: 0px;
    top: 55px;
    z-index: 1; }

  .header__nav__container {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    overflow: hidden;
    background-color: #FFF;
    transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

  .header__nav__menu {
    position: absolute;
    top: 30px;
    right: auto;
    left: 50%;
    width: 93px;
    height: auto;
    margin-left: -47px;
    z-index: 1; }
    .header__nav__menu li {
      display: block;
      width: 93px;
      height: 25px;
      margin: 0 0 46px 0; }
      .header__nav__menu li a {
        display: block;
        width: 93px;
        height: 25px;
        background-image: url(images/header_nav_sp.png);
        background-size: 491px 50px;
        border-bottom-color: #FFF; }
        .header__nav__menu li a span {
          height: 25px;
          background-image: url(images/header_nav_sp.png);
          background-size: 491px 50px; }
    .header__nav__menu__about {
      width: 93px;
      background-position: 0px 0px; }
      .header__nav__menu__about span {
        width: 100%;
        background-position: 0px -25px; }
    .header__nav__menu__service {
      width: 93px;
      background-position: -89px 0px; }
      .header__nav__menu__service span {
        width: 100%;
        background-position: -89px -25px; }
    .header__nav__menu__news {
      width: 93px;
      background-position: -172px 0px; }
      .header__nav__menu__news span {
        width: 100%;
        background-position: -172px -25px; }
    .header__nav__menu__recruit {
      width: 93px;
      background-position: -260px 0px; }
      .header__nav__menu__recruit span {
        width: 100%;
        background-position: -260px -25px; }
    .header__nav__menu__blog {
      width: 93px;
      background-position: -348px 0px; }
      .header__nav__menu li a.header__nav__menu__blog{
        width:80px;
        margin-left:6px;
      }
      .header__nav__menu__blog span {
        width: 100%;
        background-position: -348px -25px; }
    .header__nav__menu__recruit:before{
      width: 106px;
      height: 21px;
      top: -21px;
      left: -7px;
      background-image: url("images/header_badge_recruit_sp.png");
      background-size:106px 21px;
    }
    /* ブログサブメニュー対応 */
    .header__nav__menu li.header__nav__menu__blog_top {
      height:75px;
    }
    .header__nav__menu li ul.header__nav__sub_menu{
      margin-left:-15px;
      margin-top:5px;
      height:60px;
      padding-top:0px;
      border: solid 1px #000000;
    }
    .header__nav__menu li ul.header__nav__sub_menu li{
      margin:0px;
      height:30px;
      background-image: url("images/header_blog_nav_sp.png");
      background-size: 350px 147px;
      border-left: solid 0px #000000;
      border-right: solid 0px #000000;
    }
    .header__nav__menu li ul.header__nav__sub_menu li:first-child{
      border-top:solid 0px #000000;
    }
    .header__nav__menu li ul.header__nav__sub_menu li a {
      width: 100%;
      height:30px;
    }
    .header__nav__menu li ul.header__nav__sub_menu li a:hover {
      width:100%;
      height:30px;
      background-color: #0e93d6;
    }  
    .header__nav__menu li ul.header__nav__sub_menu li a span {
      height:30px;
      background-image: url("images/header_blog_nav_sp.png");
      background-size: 350px 147px;
    }
    .header__nav__sub_menu_engineer {
      background-position: 0px 6px;
    }
    .header__nav__sub_menu_engineer span {
      background-position: -145px 6px;
    }
    .header__nav__sub_menu_creater {
      background-position: 0px -24px;
    }
    .header__nav__sub_menu_creater span {
      background-position: -145px -24px;
    }
    .header__nav__sub_menu_public {
      background-position: 0px -56px;
    }
    .header__nav__sub_menu_public span {
      background-position: -145px -56px;
    }

  .header__nav__lang {
    position: absolute;
    top: 375px;
    right: auto;
    left: 0%;
    margin-left: 0px;
    width: 100%;
    height: 15px;
    z-index: 1;
    text-align: center; }
    .header__nav__lang li {
      height: 25px; }
      .header__nav__lang li a {
        display: block;
        height: 25px;
        background-image: url(images/header_nav_sp.png);
        background-size: 518px 50px; }
        .header__nav__lang li a span {
          height: 25px;
          background-image: url(images/header_nav_sp.png);
          background-size: 518px 50px; }
    .header__nav__lang__slash {
      width: 8px;
      background-image: url(images/header_nav_sp.png);
      background-size: 491px 50px;
      background-repeat: no-repeat;
      background-position: -450px 0px;
      margin: 0 5px; }
    .header__nav__lang__ja {
      width: 22px;
      background-position: -452px 0px; }
      .header__nav__lang__ja span {
        width: 100%;
        background-position: -452px -25px; }
    .header__nav__lang__en {
      width: 28px;
      background-position: -482px 0px; }
      .header__nav__lang__en span {
        width: 100%;
        background-position: -482px -25px; }

  .header.open {
    -webkit-transform: translate3d(0px, 0px, 2px);
            transform: translate3d(0px, 0px, 2px);
    height: 100%; }
    .header.open .header__toggle {
      background-position: center bottom; }
    .header.open .header__nav {
      height: 100%;
      height: calc(100% - 55px);
      overflow: scroll; }
    .header.open .header__nav__container {
      height: 500px; }

  .index.en .header__nav__lang {
    top: 50px; }
  .index.en .header.open .header__nav__container {
    height: 120px; } }
.footer {
  padding-bottom: 52px;
  background-color: #FFF;
  position: relative;
  z-index: 30;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);}

.footer__backtop {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #0e93d6;
  background-image: url(images/backtop.png);
  background-size: 37px 21px;
  background-repeat: no-repeat;
  background-position: center; }
  .footer__backtop:before {
    content: "";
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #bfbfbf;
    background-image: url(images/backtop.png);
    background-size: 37px 21px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.15s linear 0s; }
  .footer__backtop:hover:before {
    opacity: 0;
    filter: alpha(opacity=0); }

.footer__links {
  width: 100%;
  height: 32px;
  text-align: center;
  font-size: 0px;
  margin: 50px 0 0px; }

.footer__links__fb,
.footer__links__tw,
.footer__links__yt,
.footer__links__ig,
.footer__links__blog {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 15px;
  transition: opacity 0.15s linear 0s; }
  .footer__links__fb:hover,
  .footer__links__tw:hover,
  .footer__links__yt:hover,
  .footer__links__ig:hover,
  .footer__links__blog:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); }

.footer__links__fb {
  width: 32px;
  height: 32px;
  background-image: url(images/footer_fb.png);
  background-size: 32px 32px; }

.footer__links__tw {
  width: 37px;
  height: 32px;
  background-image: url(images/footer_tw.png);
  background-size: 37px 32px; }

.footer__links__yt {
  width: 43px;
  height: 32px;
  background-image: url(images/footer_yt.png);
  background-size: 43px 32px; }

.footer__links__ig {
  width: 32px;
  height: 32px;
  background-image: url(images/footer_ig.png);
  background-size: 32px 32px; }

.footer__links__blog {
  width: 131px;
  height: 32px;
  background-image: url(images/footer_blog.png);
  background-size: 131px 32px; }

.footer__nav {
  max-width: 980px;
  text-align: center;
  font-size: 0px;
  margin: 49px auto 32px;
  padding: 30px 20px 0;
  border-top: 1px solid #666; }
  .footer__nav li {
    display: inline-block;
    margin: 0 15px;
    height: 28px; }
  .footer__nav a {
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-decoration: none;
    transition: color 0.15s linear; }
    .footer__nav a:hover {
      color: #0e93d6; }

@media screen and (max-width: 1060px) {
  .footer__nav {
    margin: 49px 20px 32px; } }
.footer__ca {
  display: block;
  width: 215px;
  height: 25px;
  margin: 0px auto 23px;
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.15s linear 0s; }
  .footer__ca:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); }
  .footer__ca img {
    display: block;
    width: 215px;
    height: 25px; }

.footer__small {
  display: block;
  text-align: center;
  font-size: 12px; }

@media screen and (max-width: 750px) {
  .footer {
    padding-bottom: 40px;}

  .footer__backtop {
    height: 50px;
    background-size: 29px 16.46px; }
    .footer__backtop:before {
      height: 50px;
      background-size: 29px 16.46px; }

  .footer__links__fb {
    width: 25px;
    height: 25px;
    background-size: 25px 25px; }

  .footer__links__tw {
    width: 28.91px;
    height: 25px;
    background-size: 28.91px 25px; }

  .footer__links__yt {
    width: 33.59px;
    height: 25px;
    background-size: 33.59px 25px; }

  .footer__links__yt {
    width: 33.59px;
    height: 25px;
    background-size: 33.59px 25px; }

  .footer__links__ig {
    width: 25px;
    height: 25px;
    background-size: 25px 25px; }

  .footer__links__blog {
    width: 102.34px;
    height: 25px;
    background-size: 102.34px 25px; }

  .footer__links {
    height: auto;
    margin: 30px 0 0px; }

  .footer__nav {
    padding: 22px 0 0 0;
    margin: 28px 20px 30px; }
    .footer__nav li {
      display: none;
      margin: 2px 0 0 0; }
      .footer__nav li.footer__nav__contact {
        display: block; }
      .footer__nav li.footer__nav__policy {
        display: block; }
      .footer__nav li.footer__nav__about {
        display: block; }
      .footer__nav li.footer__nav__sitemap {
        display: block; }

  .footer__ca {
    margin-bottom: 10px; } }
.sweep_button, .sweep_button_bk, .mailform__part__input__filebtn, .mailform__finish__send, .index.en .index__service__block_en__body__link, .service__product__btn, .modal__article__service__link__btn, .modal__article__service__video__nav__prev,
.modal__article__service__video__nav__next, .news__loadmore, .news__article_nav__prev,
.news__article_nav__all,
.news__article_nav__next, .notfound__content__box__btn, .recruit__member_list__block__btn, .recruit__first_message__btn, .recruit__first_member__btn, .recruit__first_media__btn, .recruit__member_detail__bloglink__btn, .recruit__member_detail__nav__prev,
.recruit__member_detail__nav__all,
.recruit__member_detail__nav__next, .index__about__btn, .index__service__btn, .index__recruit__btn, .recruit__front_office__btn {
  box-sizing: border-box;
  display: block;
  width: 180px;
  height: 50px;
  border: 1px solid #FFF;
  position: relative;
  border-radius: 3px; }
  .sweep_button .sweep_normal, .sweep_button_bk .sweep_normal, .mailform__part__input__filebtn .sweep_normal, .mailform__finish__send .sweep_normal, .index.en .index__service__block_en__body__link .sweep_normal, .service__product__btn .sweep_normal, .modal__article__service__link__btn .sweep_normal, .modal__article__service__video__nav__prev .sweep_normal,
  .modal__article__service__video__nav__next .sweep_normal, .news__loadmore .sweep_normal, .news__article_nav__prev .sweep_normal,
  .news__article_nav__all .sweep_normal,
  .news__article_nav__next .sweep_normal, .notfound__content__box__btn .sweep_normal, .recruit__member_list__block__btn .sweep_normal, .recruit__first_message__btn .sweep_normal, .recruit__first_member__btn .sweep_normal, .recruit__first_media__btn .sweep_normal, .recruit__member_detail__bloglink__btn .sweep_normal, .recruit__member_detail__nav__prev .sweep_normal,
  .recruit__member_detail__nav__all .sweep_normal,
  .recruit__member_detail__nav__next .sweep_normal, .index__about__btn .sweep_normal, .index__service__btn .sweep_normal, .index__recruit__btn .sweep_normal, .recruit__front_office__btn .sweep_normal,
  .sweep_button .sweep_over,
  .sweep_button_bk .sweep_over,
  .mailform__part__input__filebtn .sweep_over,
  .mailform__finish__send .sweep_over,
  .index.en .index__service__block_en__body__link .sweep_over,
  .service__product__btn .sweep_over,
  .modal__article__service__link__btn .sweep_over,
  .modal__article__service__video__nav__prev .sweep_over,
  .modal__article__service__video__nav__next .sweep_over,
  .news__loadmore .sweep_over,
  .news__article_nav__prev .sweep_over,
  .news__article_nav__all .sweep_over,
  .news__article_nav__next .sweep_over,
  .notfound__content__box__btn .sweep_over,
  .recruit__member_list__block__btn .sweep_over,
  .recruit__first_message__btn .sweep_over,
  .recruit__first_member__btn .sweep_over,
  .recruit__first_media__btn .sweep_over,
  .recruit__member_detail__bloglink__btn .sweep_over,
  .recruit__member_detail__nav__prev .sweep_over,
  .recruit__member_detail__nav__all .sweep_over,
  .recruit__member_detail__nav__next .sweep_over,
  .index__about__btn .sweep_over,
  .index__service__btn .sweep_over,
  .index__recruit__btn .sweep_over,
  .recruit__front_office__btn .sweep_over {
    display: block;
    position: absolute;
    top: 0px;
    height: 100%;
    overflow: hidden; }
    .sweep_button .sweep_normal span, .sweep_button_bk .sweep_normal span, .mailform__part__input__filebtn .sweep_normal span, .mailform__finish__send .sweep_normal span, .index.en .index__service__block_en__body__link .sweep_normal span, .service__product__btn .sweep_normal span, .modal__article__service__link__btn .sweep_normal span, .modal__article__service__video__nav__prev .sweep_normal span,
    .modal__article__service__video__nav__next .sweep_normal span, .news__loadmore .sweep_normal span, .news__article_nav__prev .sweep_normal span,
    .news__article_nav__all .sweep_normal span,
    .news__article_nav__next .sweep_normal span, .notfound__content__box__btn .sweep_normal span, .recruit__member_list__block__btn .sweep_normal span, .recruit__first_message__btn .sweep_normal span, .recruit__first_member__btn .sweep_normal span, .recruit__first_media__btn .sweep_normal span, .recruit__member_detail__bloglink__btn .sweep_normal span, .recruit__member_detail__nav__prev .sweep_normal span,
    .recruit__member_detail__nav__all .sweep_normal span,
    .recruit__member_detail__nav__next .sweep_normal span, .index__about__btn .sweep_normal span, .index__service__btn .sweep_normal span, .index__recruit__btn .sweep_normal span, .recruit__front_office__btn .sweep_normal span,
    .sweep_button .sweep_over span,
    .sweep_button_bk .sweep_over span,
    .mailform__part__input__filebtn .sweep_over span,
    .mailform__finish__send .sweep_over span,
    .index.en .index__service__block_en__body__link .sweep_over span,
    .service__product__btn .sweep_over span,
    .modal__article__service__link__btn .sweep_over span,
    .modal__article__service__video__nav__prev .sweep_over span,
    .modal__article__service__video__nav__next .sweep_over span,
    .news__loadmore .sweep_over span,
    .news__article_nav__prev .sweep_over span,
    .news__article_nav__all .sweep_over span,
    .news__article_nav__next .sweep_over span,
    .notfound__content__box__btn .sweep_over span,
    .recruit__member_list__block__btn .sweep_over span,
    .recruit__first_message__btn .sweep_over span,
    .recruit__first_member__btn .sweep_over span,
    .recruit__first_media__btn .sweep_over span,
    .recruit__member_detail__bloglink__btn .sweep_over span,
    .recruit__member_detail__nav__prev .sweep_over span,
    .recruit__member_detail__nav__all .sweep_over span,
    .recruit__member_detail__nav__next .sweep_over span,
    .index__about__btn .sweep_over span,
    .index__service__btn .sweep_over span,
    .index__recruit__btn .sweep_over span,
    .recruit__front_office__btn .sweep_over span {
      display: block;
      position: absolute;
      top: 0px;
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      background-repeat: no-repeat; }
  .sweep_button .sweep_normal, .sweep_button_bk .sweep_normal, .mailform__part__input__filebtn .sweep_normal, .mailform__finish__send .sweep_normal, .index.en .index__service__block_en__body__link .sweep_normal, .service__product__btn .sweep_normal, .modal__article__service__link__btn .sweep_normal, .modal__article__service__video__nav__prev .sweep_normal,
  .modal__article__service__video__nav__next .sweep_normal, .news__loadmore .sweep_normal, .news__article_nav__prev .sweep_normal,
  .news__article_nav__all .sweep_normal,
  .news__article_nav__next .sweep_normal, .notfound__content__box__btn .sweep_normal, .recruit__member_list__block__btn .sweep_normal, .recruit__first_message__btn .sweep_normal, .recruit__first_member__btn .sweep_normal, .recruit__first_media__btn .sweep_normal, .recruit__member_detail__bloglink__btn .sweep_normal, .recruit__member_detail__nav__prev .sweep_normal,
  .recruit__member_detail__nav__all .sweep_normal,
  .recruit__member_detail__nav__next .sweep_normal, .index__about__btn .sweep_normal, .index__service__btn .sweep_normal, .index__recruit__btn .sweep_normal, .recruit__front_office__btn .sweep_normal {
    z-index: 0;
    width: 100%;
    color: #FFF; }
    .sweep_button .sweep_normal span, .sweep_button_bk .sweep_normal span, .mailform__part__input__filebtn .sweep_normal span, .mailform__finish__send .sweep_normal span, .index.en .index__service__block_en__body__link .sweep_normal span, .service__product__btn .sweep_normal span, .modal__article__service__link__btn .sweep_normal span, .modal__article__service__video__nav__prev .sweep_normal span,
    .modal__article__service__video__nav__next .sweep_normal span, .news__loadmore .sweep_normal span, .news__article_nav__prev .sweep_normal span,
    .news__article_nav__all .sweep_normal span,
    .news__article_nav__next .sweep_normal span, .notfound__content__box__btn .sweep_normal span, .recruit__member_list__block__btn .sweep_normal span, .recruit__first_message__btn .sweep_normal span, .recruit__first_member__btn .sweep_normal span, .recruit__first_media__btn .sweep_normal span, .recruit__member_detail__bloglink__btn .sweep_normal span, .recruit__member_detail__nav__prev .sweep_normal span,
    .recruit__member_detail__nav__all .sweep_normal span,
    .recruit__member_detail__nav__next .sweep_normal span, .index__about__btn .sweep_normal span, .index__service__btn .sweep_normal span, .index__recruit__btn .sweep_normal span, .recruit__front_office__btn .sweep_normal span {
      left: 0px; }
  .sweep_button .sweep_over, .sweep_button_bk .sweep_over, .mailform__part__input__filebtn .sweep_over, .mailform__finish__send .sweep_over, .index.en .index__service__block_en__body__link .sweep_over, .service__product__btn .sweep_over, .modal__article__service__link__btn .sweep_over, .modal__article__service__video__nav__prev .sweep_over,
  .modal__article__service__video__nav__next .sweep_over, .news__loadmore .sweep_over, .news__article_nav__prev .sweep_over,
  .news__article_nav__all .sweep_over,
  .news__article_nav__next .sweep_over, .notfound__content__box__btn .sweep_over, .recruit__member_list__block__btn .sweep_over, .recruit__first_message__btn .sweep_over, .recruit__first_member__btn .sweep_over, .recruit__first_media__btn .sweep_over, .recruit__member_detail__bloglink__btn .sweep_over, .recruit__member_detail__nav__prev .sweep_over,
  .recruit__member_detail__nav__all .sweep_over,
  .recruit__member_detail__nav__next .sweep_over, .index__about__btn .sweep_over, .index__service__btn .sweep_over, .index__recruit__btn .sweep_over, .recruit__front_office__btn .sweep_over {
    z-index: 1;
    width: 0%;
    color: #000;
    background-color: #FFF;
    right: 0px;
    transition: width 0.3s cubic-bezier(0.19, 1, 0.22, 1); }
    .sweep_button .sweep_over span, .sweep_button_bk .sweep_over span, .mailform__part__input__filebtn .sweep_over span, .mailform__finish__send .sweep_over span, .index.en .index__service__block_en__body__link .sweep_over span, .service__product__btn .sweep_over span, .modal__article__service__link__btn .sweep_over span, .modal__article__service__video__nav__prev .sweep_over span,
    .modal__article__service__video__nav__next .sweep_over span, .news__loadmore .sweep_over span, .news__article_nav__prev .sweep_over span,
    .news__article_nav__all .sweep_over span,
    .news__article_nav__next .sweep_over span, .notfound__content__box__btn .sweep_over span, .recruit__member_list__block__btn .sweep_over span, .recruit__first_message__btn .sweep_over span, .recruit__first_member__btn .sweep_over span, .recruit__first_media__btn .sweep_over span, .recruit__member_detail__bloglink__btn .sweep_over span, .recruit__member_detail__nav__prev .sweep_over span,
    .recruit__member_detail__nav__all .sweep_over span,
    .recruit__member_detail__nav__next .sweep_over span, .index__about__btn .sweep_over span, .index__service__btn .sweep_over span, .index__recruit__btn .sweep_over span, .recruit__front_office__btn .sweep_over span {
      right: 0px; }
  .sweep_button:hover .sweep_over, .sweep_button_bk:hover .sweep_over, .mailform__part__input__filebtn:hover .sweep_over, .mailform__finish__send:hover .sweep_over, .index.en .index__service__block_en__body__link:hover .sweep_over, .service__product__btn:hover .sweep_over, .modal__article__service__link__btn:hover .sweep_over, .modal__article__service__video__nav__prev:hover .sweep_over,
  .modal__article__service__video__nav__next:hover .sweep_over, .news__loadmore:hover .sweep_over, .news__article_nav__prev:hover .sweep_over,
  .news__article_nav__all:hover .sweep_over,
  .news__article_nav__next:hover .sweep_over, .notfound__content__box__btn:hover .sweep_over, .recruit__member_list__block__btn:hover .sweep_over, .recruit__first_message__btn:hover .sweep_over, .recruit__first_member__btn:hover .sweep_over, .recruit__first_media__btn:hover .sweep_over, .recruit__member_detail__bloglink__btn:hover .sweep_over, .recruit__member_detail__nav__prev:hover .sweep_over,
  .recruit__member_detail__nav__all:hover .sweep_over,
  .recruit__member_detail__nav__next:hover .sweep_over, .index__about__btn:hover .sweep_over, .index__service__btn:hover .sweep_over, .index__recruit__btn:hover .sweep_over, .recruit__front_office__btn:hover .sweep_over {
    width: 100%;
    right: auto;
    left: 0px; }
    .sweep_button:hover .sweep_over span, .sweep_button_bk:hover .sweep_over span, .mailform__part__input__filebtn:hover .sweep_over span, .mailform__finish__send:hover .sweep_over span, .index.en .index__service__block_en__body__link:hover .sweep_over span, .service__product__btn:hover .sweep_over span, .modal__article__service__link__btn:hover .sweep_over span, .modal__article__service__video__nav__prev:hover .sweep_over span,
    .modal__article__service__video__nav__next:hover .sweep_over span, .news__loadmore:hover .sweep_over span, .news__article_nav__prev:hover .sweep_over span,
    .news__article_nav__all:hover .sweep_over span,
    .news__article_nav__next:hover .sweep_over span, .notfound__content__box__btn:hover .sweep_over span, .recruit__member_list__block__btn:hover .sweep_over span, .recruit__first_message__btn:hover .sweep_over span, .recruit__first_member__btn:hover .sweep_over span, .recruit__first_media__btn:hover .sweep_over span, .recruit__member_detail__bloglink__btn:hover .sweep_over span, .recruit__member_detail__nav__prev:hover .sweep_over span,
    .recruit__member_detail__nav__all:hover .sweep_over span,
    .recruit__member_detail__nav__next:hover .sweep_over span, .index__about__btn:hover .sweep_over span, .index__service__btn:hover .sweep_over span, .index__recruit__btn:hover .sweep_over span, .recruit__front_office__btn:hover .sweep_over span {
      left: 0px;
      right: auto; }

.sweep_button_bk, .mailform__part__input__filebtn, .mailform__finish__send, .index.en .index__service__block_en__body__link, .service__product__btn, .modal__article__service__link__btn, .modal__article__service__video__nav__prev,
.modal__article__service__video__nav__next, .news__loadmore, .news__article_nav__prev,
.news__article_nav__all,
.news__article_nav__next, .notfound__content__box__btn, .recruit__member_list__block__btn, .recruit__first_message__btn, .recruit__first_member__btn, .recruit__first_media__btn, .recruit__member_detail__bloglink__btn, .recruit__member_detail__nav__prev,
.recruit__member_detail__nav__all,
.recruit__member_detail__nav__next {
  border-color: #000; }
  .sweep_button_bk .sweep_normal, .mailform__part__input__filebtn .sweep_normal, .mailform__finish__send .sweep_normal, .index.en .index__service__block_en__body__link .sweep_normal, .service__product__btn .sweep_normal, .modal__article__service__link__btn .sweep_normal, .modal__article__service__video__nav__prev .sweep_normal,
  .modal__article__service__video__nav__next .sweep_normal, .news__loadmore .sweep_normal, .news__article_nav__prev .sweep_normal,
  .news__article_nav__all .sweep_normal,
  .news__article_nav__next .sweep_normal, .notfound__content__box__btn .sweep_normal, .recruit__member_list__block__btn .sweep_normal, .recruit__first_message__btn .sweep_normal, .recruit__first_member__btn .sweep_normal, .recruit__first_media__btn .sweep_normal, .recruit__member_detail__bloglink__btn .sweep_normal, .recruit__member_detail__nav__prev .sweep_normal,
  .recruit__member_detail__nav__all .sweep_normal,
  .recruit__member_detail__nav__next .sweep_normal {
    color: #000; }
  .sweep_button_bk .sweep_over, .mailform__part__input__filebtn .sweep_over, .mailform__finish__send .sweep_over, .index.en .index__service__block_en__body__link .sweep_over, .service__product__btn .sweep_over, .modal__article__service__link__btn .sweep_over, .modal__article__service__video__nav__prev .sweep_over,
  .modal__article__service__video__nav__next .sweep_over, .news__loadmore .sweep_over, .news__article_nav__prev .sweep_over,
  .news__article_nav__all .sweep_over,
  .news__article_nav__next .sweep_over, .notfound__content__box__btn .sweep_over, .recruit__member_list__block__btn .sweep_over, .recruit__first_message__btn .sweep_over, .recruit__first_member__btn .sweep_over, .recruit__first_media__btn .sweep_over, .recruit__member_detail__bloglink__btn .sweep_over, .recruit__member_detail__nav__prev .sweep_over,
  .recruit__member_detail__nav__all .sweep_over,
  .recruit__member_detail__nav__next .sweep_over {
    color: #FFF;
    background-color: #000; }

@media screen and (max-width: 750px) {
  .sweep_button, .sweep_button_bk, .mailform__part__input__filebtn, .mailform__finish__send, .index.en .index__service__block_en__body__link, .service__product__btn, .modal__article__service__link__btn, .modal__article__service__video__nav__prev,
  .modal__article__service__video__nav__next, .news__loadmore, .news__article_nav__prev,
  .news__article_nav__all,
  .news__article_nav__next, .notfound__content__box__btn, .recruit__member_list__block__btn, .recruit__first_message__btn, .recruit__first_member__btn, .recruit__first_media__btn, .recruit__member_detail__bloglink__btn, .recruit__member_detail__nav__prev,
  .recruit__member_detail__nav__all,
  .recruit__member_detail__nav__next, .index__about__btn, .index__service__btn, .index__recruit__btn, .recruit__front_office__btn {
    width: 140px;
    height: 40px; } }
.page_header, .service__header, .about__header, .news__header, .recruit__header {
  width: 100%;
  height: 250px;
  position: absolute;
  top: 80px; }
  .page_header:before, .service__header:before, .about__header:before, .news__header:before, .recruit__header:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .page_header > div, .service__header > div, .about__header > div, .news__header > div, .recruit__header > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .page_header.wipein:before, .wipein.service__header:before, .wipein.about__header:before, .wipein.news__header:before, .wipein.recruit__header:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .page_header.wipein > div, .wipein.service__header > div, .wipein.about__header > div, .wipein.news__header > div, .wipein.recruit__header > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .page_header.wipeimmediately:before, .wipeimmediately.service__header:before, .wipeimmediately.about__header:before, .wipeimmediately.news__header:before, .wipeimmediately.recruit__header:before {
    width: 100% !important;
    border-radius: 0px; }
  .page_header.wipeimmediately > div, .wipeimmediately.service__header > div, .wipeimmediately.about__header > div, .wipeimmediately.news__header > div, .wipeimmediately.recruit__header > div {
    width: 100% !important;
    border-radius: 0px; }
  .page_header:before, .service__header:before, .about__header:before, .news__header:before, .recruit__header:before {
    border-radius: 0 25% 25% 0; }
  .page_header > div, .service__header > div, .about__header > div, .news__header > div, .recruit__header > div {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0 25% 25% 0; }
  .page_header > div:first-of-type, .service__header > div:first-of-type, .about__header > div:first-of-type, .news__header > div:first-of-type, .recruit__header > div:first-of-type {
    position: fixed;
    height: 250px;
    z-index: 0; }
  .page_header > div > div, .service__header > div > div, .about__header > div > div, .news__header > div > div, .recruit__header > div > div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .page_header > div > div:before, .service__header > div > div:before, .about__header > div > div:before, .news__header > div > div:before, .recruit__header > div > div:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(images/firstview_ptn.png);
      background-size: 4px 4px;
      z-index: 0; }
  .page_header h1, .service__header h1, .about__header h1, .news__header h1, .recruit__header h1 {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    z-index: 1; }

@media screen and (max-width: 750px) {
  .page_header, .service__header, .about__header, .news__header, .recruit__header {
    height: 125px;
    top: 55px; }
    .page_header > div:first-of-type, .service__header > div:first-of-type, .about__header > div:first-of-type, .news__header > div:first-of-type, .recruit__header > div:first-of-type {
      position: fixed;
      height: 125px; } }
.page_nav, .service_nav, .about_nav, .recruit_nav {
  width: 100%;
  height: 46px;
  margin: 0 0 23px;
  padding-top: 23px; }
  .page_nav > ul, .service_nav > ul, .about_nav > ul, .recruit_nav > ul {
    font-size: 0px;
    text-align: center;
    vertical-align: middle; }
    .page_nav > ul > li, .service_nav > ul > li, .about_nav > ul > li, .recruit_nav > ul > li {
      display: inline-block;
      width: auto;
      height: 46px; }
      .page_nav > ul > li:not(:last-of-type):after, .service_nav > ul > li:not(:last-of-type):after, .about_nav > ul > li:not(:last-of-type):after, .recruit_nav > ul > li:not(:last-of-type):after {
        content: "";
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #000;
        border-radius: 50%;
        margin: 0 40px;
        vertical-align: middle; }
      .page_nav > ul > li > a, .service_nav > ul > li > a, .about_nav > ul > li > a, .recruit_nav > ul > li > a {
        display: inline-block;
        vertical-align: middle;
        position: relative; }
        .page_nav > ul > li > a span, .service_nav > ul > li > a span, .about_nav > ul > li > a span, .recruit_nav > ul > li > a span {
          display: block;
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0px;
          top: 0px;
          background-color: #FFF;
          opacity: 0;
          filter: alpha(opacity=0);
          transition: opacity 0.15s linear;
          z-index: 1; }
          .page_nav > ul > li > a span:after, .service_nav > ul > li > a span:after, .about_nav > ul > li > a span:after, .recruit_nav > ul > li > a span:after {
            content: "";
            display: block;
            width: 11px;
            height: 6px;
            background-image: url(images/page_nav_arrow.png);
            background-position: 0px -6px;
            position: absolute;
            left: 50%;
            bottom: 0px;
            margin-left: -5px;
            background-color: #FFF;
            transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
            transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
        .page_nav > ul > li > a:after, .service_nav > ul > li > a:after, .about_nav > ul > li > a:after, .recruit_nav > ul > li > a:after {
          content: "";
          display: block;
          width: 11px;
          height: 6px;
          background-image: url(images/page_nav_arrow.png);
          background-position: 0px 0px;
          position: absolute;
          left: 50%;
          bottom: 0px;
          margin-left: -5px;
          z-index: 0;
          transition: -webkit-transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);
          transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1); }
        .page_nav > ul > li > a:hover span, .service_nav > ul > li > a:hover span, .about_nav > ul > li > a:hover span, .recruit_nav > ul > li > a:hover span {
          opacity: 1;
          filter: alpha(opacity=100); }
        .page_nav > ul > li > a:hover:after, .service_nav > ul > li > a:hover:after, .about_nav > ul > li > a:hover:after, .recruit_nav > ul > li > a:hover:after,
        .page_nav > ul > li > a:hover span:after,
        .service_nav > ul > li > a:hover span:after,
        .about_nav > ul > li > a:hover span:after,
        .recruit_nav > ul > li > a:hover span:after {
          -webkit-transform: translateY(4px);
              -ms-transform: translateY(4px);
                  transform: translateY(4px); }

@media screen and (max-width: 750px) {
  .page_nav, .service_nav, .about_nav, .recruit_nav {
    height: auto;
    margin: 0;
    padding: 0px; }
    .page_nav ul:after, .service_nav ul:after, .about_nav ul:after, .recruit_nav ul:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }
    .page_nav ul li, .service_nav ul li, .about_nav ul li, .recruit_nav ul li {
      box-sizing: border-box;
      display: block;
      float: left;
      width: 50%;
      height: 44px;
      border-bottom: 1px solid #000; }
      .page_nav ul li:nth-of-type(odd), .service_nav ul li:nth-of-type(odd), .about_nav ul li:nth-of-type(odd), .recruit_nav ul li:nth-of-type(odd) {
        border-right: 1px solid #000; }
      .page_nav ul li:after, .service_nav ul li:after, .about_nav ul li:after, .recruit_nav ul li:after {
        content: "";
        display: none !important; }
      .page_nav ul li a, .service_nav ul li a, .about_nav ul li a, .recruit_nav ul li a {
        display: block;
        width: 100%;
        height: 43px; }
        .page_nav ul li a:before, .service_nav ul li a:before, .about_nav ul li a:before, .recruit_nav ul li a:before {
          content: "";
          display: block;
          height: 43px;
          background-repeat: no-repeat;
          margin: 0 auto; }
        .page_nav ul li a:after, .service_nav ul li a:after, .about_nav ul li a:after, .recruit_nav ul li a:after,
        .page_nav ul li a span,
        .service_nav ul li a span,
        .about_nav ul li a span,
        .recruit_nav ul li a span,
        .page_nav ul li a span:after,
        .service_nav ul li a span:after,
        .about_nav ul li a span:after,
        .recruit_nav ul li a span:after {
          display: none; } }
.modal {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 0px;
  height: 0px;
  z-index: 100;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-overflow-scrolling: touch; }

.modal__bg {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #0e93d6;
  background-color: rgba(14, 147, 214, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.modal__container {
  width: 100%;
  height: 100%;
  display: table;
  vertical-align: middle; }

.modal__contents {
  position: relative;
  width: 100%;
  height: auto;
  display: table-cell;
  vertical-align: middle; }

.modal__body {
  position: relative;
  display: block;
  height: auto;
  width: 0%;
  transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
  overflow: hidden; }

.modal__close {
  display: block;
  width: 58px;
  height: 58px;
  position: absolute;
  top: -78px;
  right: 20px;
  background-image: url(images/modal_close.png);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.modal__article {
  display: none;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 40px 80px;
  margin: 98px 0;
  background-color: #FFF; }
  .modal__article:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

.modal__article__nav__prev,
.modal__article__nav__next {
  width: 21px;
  height: 69px;
  background-image: url(images/headline_arrow.png);
  background-size: 42px 69px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -35px; }
  .modal__article__nav__prev.disable,
  .modal__article__nav__next.disable {
    cursor: default;
    opacity: 0.1;
    filter: alpha(opacity=10); }

.modal__article__nav__prev {
  background-position: 0px 0px;
  left: 30px; }

.modal__article__nav__next {
  background-position: -21px 0px;
  right: 30px; }

.modal.open {
  visibility: visible;
  width: 100%;
  height: 100%;
  overflow: scroll;
  opacity: 1;
  filter: alpha(opacity=100); }
  .modal.open .modal__bg,
  .modal.open .modal__close {
    opacity: 1;
    filter: alpha(opacity=100); }

.modal.open.wipeout .modal__bg,
.modal.open.wipeout .modal__close {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1); }

.modal.open.wipeRight .modal__article {
  position: absolute;
  right: 0px; }
.modal.open.wipeRight .modal__body {
  width: 0px;
  margin-left: auto;
  transition-delay: 0s;
  transition-duration: .5s; }

.modal.open.wipeLeft .modal__body {
  width: 0px;
  transition-delay: 0s;
  transition-duration: .5s; }

@media screen and (max-width: 750px) {
  .modal__close {
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: -54px;
    right: 10px;
    background-image: url(images/modal_close_sp.png);
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

  .modal__article {
    padding: 35px 0px;
    margin: 80px 0; }

  .modal__article__nav__prev,
  .modal__article__nav__next {
    display: none; } }
.recruit__entry__form {
  width: 720px;
  border-top: 1px solid #E5E5E5;
  margin: 0 auto; }

.mailform__part {
  position: relative;
  border-bottom: 1px solid #E5E5E5;
  padding: 20px 0px 20px 208px; }

.mailform__part__label {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #0e93d6;
  position: absolute;
  left: 25px;
  top: 35px; }

.mailform__part__input {
  display: block;
  position: relative;
  width: auto;
  height: auto;
  min-height: 50px; }
  .mailform__part__input__select_disp, .mailform__part__input__file_disp {
    box-sizing: border-box;
    display: block;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 50px;
    background-color: #F2F2F2;
    border: 3px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    line-height: 20px;
    padding: 15px 40px 15px 15px;
    font-size: 14px;
    color: #1A1A1A;
    z-index: 0;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .mailform__part__input__select_disp:before {
    content: "";
    display: block;
    width: 11px;
    height: 6px;
    background-image: url(images/news_nav_sp_arrow.png);
    background-size: 11px 6px;
    position: absolute;
    top: 23px;
    right: 21px; }
  .mailform__part__input__filebtn {
    width: 130px;
    height: 42px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 310px; }
    .mailform__part__input__filebtn .sweep_normal span,
    .mailform__part__input__filebtn .sweep_over span {
      width: 128px;
      height: 40px;
      font-size: 12px;
      line-height: 42px;
      text-align: center;
      text-indent: 0px; }
    .mailform__part__input__filebtn .sweep_normal span {
      color: #000; }
    .mailform__part__input__filebtn .sweep_over span {
      color: #FFF; }
  .mailform__part__input select {
    display: block;
    margin: 0px;
    padding: 0px;
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    width: 300px;
    height: 50px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .mailform__part__input input[type=text],
  .mailform__part__input input[type=mail] {
    box-sizing: border-box;
    display: block;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 50px;
    background-color: #F2F2F2;
    border: 3px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    line-height: 20px;
    padding: 15px;
    font-size: 14px;
    color: #1A1A1A; }
  .mailform__part__input input[type=file] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    border: 0px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .mailform__part__input textarea {
    box-sizing: border-box;
    display: block;
    border: none;
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 150px;
    background-color: #F2F2F2;
    border: 3px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    line-height: 20px;
    padding: 15px;
    font-size: 14px;
    color: #1A1A1A; }

.mailform__error {
  display: none;
  font-size: 12px;
  line-height: 22px;
  color: #fd3c5b; }
  .mailform__error:first-of-type {
    margin-top: 4px; }

.mailform__part__input__radio label, .mailform__part__input__radio--inline label {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 14px 0px 14px 35px;
  padding-left: 35px;
  line-height: 22px; }
  .mailform__part__input__radio label span, .mailform__part__input__radio--inline label span {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #EAEAEA;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -12px; }
    .mailform__part__input__radio label span:before, .mailform__part__input__radio--inline label span:before {
      content: "";
      display: block;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background-color: #0e93d6;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -6px 0 0 -6px;
      opacity: 0;
      filter: alpha(opacity=0); }
.mailform__part__input__radio input[type="radio"], .mailform__part__input__radio--inline input[type="radio"] {
  position: absolute;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0); }
.mailform__part__input__radio input[type="radio"]:checked + label span:before, .mailform__part__input__radio--inline input[type="radio"]:checked + label span:before {
  opacity: 1;
  filter: alpha(opacity=100); }
.mailform__part__input__radio--inline label {
  display: inline-block;
  width: 30%; 
}
.select_cp_2 .mailform__part__input__radio--inline label{
  width: 40%; 
}
.select_cp_2 .mailform__part__input__radio--inline .other label{
  width: 100%;
  display: block;
}
  .mailform__part__input__checkbox label, .mailform__part__input__checkbox--inline label {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 14px 0px 14px 35px;
    padding-left: 35px;
    line-height: 22px; }
    .mailform__part__input__checkbox label span, .mailform__part__input__checkbox--inline label span {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 5%;
      border: 1px solid #EAEAEA;
      position: absolute;
      left: 0px;
      top: 50%;
      margin-top: -12px; }
      .mailform__part__input__checkbox label span:before, .mailform__part__input__checkbox--inline label span:before {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 5%;
        background-color: #0e93d6;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -6px 0 0 -6px;
        opacity: 0;
        filter: alpha(opacity=0); }
  .mailform__part__input__checkbox input[type="checkbox"], .mailform__part__input__checkbox--inline input[type="checkbox"] {
    position: absolute;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .mailform__part__input__checkbox input[type="checkbox"]:checked + label span:before, .mailform__part__input__checkbox--inline input[type="checkbox"]:checked + label span:before {
    opacity: 1;
    filter: alpha(opacity=100); }

.mailform__part__input__checkbox--inline label {
  display: inline-block;
  width: 30%; 
}
.select_cp_2 .mailform__part__input__checkbox--inline label{
  width: 40%; 
}
.select_cp_2 .mailform__part__input__checkbox--inline .other label{
  width: 100%;
  display: block;
}

.mailform__notice {
  margin-top: 50px; }
  .mailform__notice h3 {
    font-size: 18px;
    margin-bottom: 24px; }
  .mailform__notice p {
    font-size: 14px;
    line-height: 24px; }
    .mailform__notice p a {
      color: #0e93d6; }
    .mailform__notice p em {
      color: #fd3c5b; }

.mailform__finish {
  margin: 60px auto 100px;
  padding: 28px;
  background-color: #e6f4fb; }
  .mailform__finish__agreement {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 140px;
    height: 23px;
    text-align: right;
    padding-left: 23px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 23px; }
    .mailform__finish__agreement input {
      box-sizing: border-box;
      display: block;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 1;
      margin: 0px;
      opacity: 0;
      filter: alpha(opacity=0); }
    .mailform__finish__agreement__disp {
      box-sizing: border-box;
      display: block;
      width: 23px;
      height: 23px;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0;
      border: 1px solid #000;
      background-color: #FFF; }
    .mailform__finish__agreement input:checked + .mailform__finish__agreement__disp:before {
      content: "";
      display: block;
      width: 13px;
      height: 13px;
      margin: 4px;
      background-color: #0e93d6; }
  .mailform__finish .mailform__error {
    text-align: center; }

.mailform__finish__send {
  margin: 30px auto 0;
  cursor: pointer; }
  .mailform__finish__send .sweep_normal span,
  .mailform__finish__send .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_send.png);
    background-size: 178px 96px; }
  .mailform__finish__send .sweep_normal span {
    background-position: 0px -48px; }
  .mailform__finish__send .sweep_over span {
    background-position: 0px 0px; }
  .mailform__finish__send.processing {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default; }
    .mailform__finish__send.processing .sweep_over {
      width: 100% !important; }
  .mailform__finish__send.done {
    display: none; }

.mailform__result {
  display: none;
  box-sizing: border-box;
  width: auto;
  height: auto;
  padding: 5px 15px;
  margin: 15px 40px 0;
  font-size: 12px;
  line-height: 22px;
  font-weight: bold;
  border-radius: 3px;
  color: #FFF;
  text-align: center; }
  .mailform__result#error_notice, .mailform__result#send_failed {
    background-color: #fd3c5b; }
  .mailform__result#send_success {
    background-color: #3dcc3d;
    margin-top: 30px; }

@media screen and (max-width: 750px) {
  .recruit__entry__form {
    width: auto;
    margin: 0 15px; }

  .mailform__part {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px 27px 20px 27px; }

  .mailform__part__label {
    font-size: 12px;
    line-height: 21px;
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 5px; }

  .mailform__part__input__select_disp, .mailform__part__input__file_disp {
    box-sizing: border-box;
    width: 100%; }
  .mailform__part__input__filebtn {
    width: 100%;
    height: 42px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    top: auto;
    left: auto;
    margin-top: 10px; }
  .mailform__part__input select {
    box-sizing: border-box;
    width: 100%; }
  .mailform__part__input input[type=text],
  .mailform__part__input input[type=mail] {
    box-sizing: border-box;
    width: 100%; }
  .mailform__part__input input[type=file] {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    border: 0px;
    opacity: 0;
    filter: alpha(opacity=0); }
  .mailform__part__input textarea {
    width: 100%;
    height: 100px; }

  .mailform__notice {
    margin-top: 40px;
    padding: 0 27px; }
    .mailform__notice h3 {
      font-size: 14px;
      margin-bottom: 24px; }
    .mailform__notice p {
      font-size: 12px;
      line-height: 21px; }
      .mailform__notice p a {
        color: #0e93d6; }
      .mailform__notice p em {
        color: #fd3c5b; }

  .mailform__finish {
    margin: 40px auto 40px;
    padding: 30px 0;
    background-color: #e6f4fb; }
    .mailform__finish__agreement {
      box-sizing: border-box;
      display: block;
      position: relative;
      width: 140px;
      height: 23px;
      text-align: right;
      padding-left: 23px;
      margin: 0 auto;
      font-size: 14px;
      line-height: 23px; }
      .mailform__finish__agreement input {
        box-sizing: border-box;
        display: block;
        width: 23px;
        height: 23px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        margin: 0px;
        opacity: 0;
        filter: alpha(opacity=0); }
      .mailform__finish__agreement__disp {
        box-sizing: border-box;
        display: block;
        width: 23px;
        height: 23px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 0;
        border: 1px solid #000;
        background-color: #FFF; }
      .mailform__finish__agreement input:checked + .mailform__finish__agreement__disp:before {
        content: "";
        display: block;
        width: 13px;
        height: 13px;
        margin: 4px;
        background-color: #0e93d6; }

  .mailform__finish__send {
    margin: 30px auto 0;
    cursor: pointer; }
    .mailform__finish__send .sweep_normal span,
    .mailform__finish__send .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_send_sp.png);
      background-size: 138px 76px; }
    .mailform__finish__send .sweep_normal span {
      background-position: 0px -38px; }
    .mailform__finish__send .sweep_over span {
      background-position: 0px 0px; } }
.article_styling, .news__article__body {
  color: #1a1a1a !important;
  word-break: break-all; }
  .article_styling p, .news__article__body p {
    font-size: 14px !important;
    line-height: 24px !important;
    margin-top: 24px !important;
    color: #1a1a1a !important; }
  .article_styling img.alignleft, .news__article__body img.alignleft {
    display: block;
    float: left;
    margin: 0 24px 24px 0;
    width: auto;
    max-width: 70%;
    height: auto; }
  .article_styling img.alignright, .news__article__body img.alignright {
    display: block;
    float: right;
    margin: 0 0 24px 24px;
    width: auto;
    max-width: 70%;
    height: auto; }
  .article_styling img.aligncenter, .news__article__body img.aligncenter {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto; }
  .article_styling hr, .news__article__body hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0px;
    background-color: #e5e5e5;
    margin: 24px 0; }
  .article_styling strong, .news__article__body strong {
    font-weight: bold; }
  .article_styling em, .news__article__body em {
    font-style: italic; }
  .article_styling del, .news__article__body del {
    text-decoration: line-through; }
  .article_styling a, .news__article__body a {
    color: #1a1a1a !important;
    text-decoration: underline; }
    .article_styling a:hover, .news__article__body a:hover {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .article_styling h2, .news__article__body h2, .article_styling h3, .news__article__body h3, .article_styling h4, .news__article__body h4, .article_styling h5, .news__article__body h5 {
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: bold !important;
    color: #0e93d6 !important;
    margin: 40px 0 0 0; }
  .article_styling dl, .news__article__body dl {
    margin-top: 24px; }
    .article_styling dl:after, .news__article__body dl:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }
    .article_styling dl dt, .news__article__body dl dt {
      float: left;
      clear: both;
      font-size: 14px !important;
      line-height: 30px !important; }
    .article_styling dl dd, .news__article__body dl dd {
      float: left;
      font-size: 14px !important;
      line-height: 30px !important; }
  .article_styling table, .news__article__body table {
    margin-top: 24px;
    border: 0px;
    border-collapse: collapse; }
    .article_styling table tr, .news__article__body table tr, .article_styling table td, .news__article__body table td, .article_styling table th, .news__article__body table th {
      border: 0px; }
    .article_styling table th, .news__article__body table th {
      font-weight: normal;
      font-size: 14px !important;
      line-height: 30px !important;
      text-align: left;
      padding-right: 12px !important; }
    .article_styling table td, .news__article__body table td {
      font-size: 14px !important;
      line-height: 30px !important; }
  .article_styling ol, .news__article__body ol, .article_styling ul, .news__article__body ul {
    margin-top: 24px;
    padding: 0 0 0 24px; }
    .article_styling ol li, .news__article__body ol li, .article_styling ul li, .news__article__body ul li {
      font-size: 14px !important;
      line-height: 24px !important; }
  .article_styling ol, .news__article__body ol {
    list-style: decimal outside; }
  .article_styling ul, .news__article__body ul {
    list-style: disc outside; }
  .article_styling blockquote, .news__article__body blockquote {
    margin: 24px 2em;
    padding: 10px 40px;
    background-color: #f6f6f6;
    position: relative; }
    .article_styling blockquote p, .news__article__body blockquote p {
      font-size: 14px !important;
      line-height: 24px !important;
      margin: 24px 0 !important; }
  @media screen and (max-width: 750px) {
    .article_styling p, .news__article__body p {
      font-size: 12px !important;
      line-height: 21px !important; }
    .article_styling h2, .news__article__body h2, .article_styling h3, .news__article__body h3, .article_styling h4, .news__article__body h4, .article_styling h5, .news__article__body h5 {
      font-size: 16px !important;
      line-height: 21px !important;
      font-weight: bold !important;
      color: #0e93d6 !important;
      margin: 40px 0 0 0; }
    .article_styling dl dt, .news__article__body dl dt, .article_styling dl dd, .news__article__body dl dd {
      float: none;
      font-size: 12px !important;
      line-height: 21px !important; }
    .article_styling dl dt, .news__article__body dl dt {
      font-weight: bold !important; }
    .article_styling dl dd, .news__article__body dl dd {
      margin-bottom: 21px !important; }
    .article_styling table, .news__article__body table {
      display: block; }
      .article_styling table tr, .news__article__body table tr, .article_styling table td, .news__article__body table td, .article_styling table th, .news__article__body table th {
        display: block;
        border: 0px; }
      .article_styling table th, .news__article__body table th {
        font-weight: bold;
        font-size: 12px !important;
        line-height: 21px !important;
        padding-right: 0px !important;
        margin-top: 1em; }
      .article_styling table td, .news__article__body table td {
        font-size: 12px !important;
        line-height: 21px !important; }
    .article_styling img.alignleft, .news__article__body img.alignleft {
      margin: 0 20px 20px 0; }
    .article_styling img.alignright, .news__article__body img.alignright {
      margin: 0 0 20px 20px; }
    .article_styling ol li, .news__article__body ol li, .article_styling ul li, .news__article__body ul li {
      font-size: 12px !important;
      line-height: 21px !important; }
    .article_styling blockquote, .news__article__body blockquote {
      margin: 34px 0;
      padding: 1px 18px; }
      .article_styling blockquote p, .news__article__body blockquote p {
        font-size: 12px !important;
        line-height: 21px !important; } }

.index {
  padding-top: 0px; }
  .index .main {
    position: relative;
    z-index: 10; }

/*
*	index firstview
*/
.index__firstview {
  width: 100%;
  height: 640px;
  position: absolute;
  top: 0px; }

.index__firstview__img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 0;
  overflow: hidden;
  background-color: #000000; }
  .index__firstview__img video, 
  .index__firstview__img #index_key_visual_en {
    position: absolute;
    padding-top:30px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .index__firstview__img #index_key_visual_en{
    background-color: #000000;
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .index__firstview__img__pc__piece {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size:100%;
    background-repeat: no-repeat; 
    background-position: center;
  }

.index__firstview__img__sp {
  display: none;
  position: absolute;
  left: 0px;
  top: 55px;
  width: 100%;
  height: 100%; }
  .index__firstview__img__sp__piece {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size:100%;
    background-repeat: no-repeat; }

.index__firstview.touch .index__firstview__img video {
  display: none; }
.index__firstview.touch .index__firstview__img__sp {
  display: block; }

.index__firstview__ptn {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0; 
}
/* .index__firstview__elem{
  display: none;
} */
.index__firstview__lead {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 849px;
  height: 51px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -25px 0 0 -425px;
  z-index: 2; }
  .index__firstview__lead div {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    background-size: 849px 51px;
    background-repeat: no-repeat; }
    .index__firstview__lead div.index__firstview__lead__base {
      background-image: url(images/firstview_catch.png);
      opacity: 0.35;
      filter: alpha(opacity=35);
      z-index: 1;
      transition: width 0.6s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0s; }
    .index__firstview__lead div.index__firstview__lead__text {
      background-image: url(images/firstview_catch.png);
      z-index: 2;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s; }
  .index__firstview__lead.wipein div {
    width: 100%; }

@media screen and (max-width: 920px) {
  .index__firstview__lead {
    width: 92.2826087%;
    height: 0px;
    padding-top: 5.5434783%;
    margin: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2; }
    .index__firstview__lead div.index__firstview__lead__base, .index__firstview__lead div.index__firstview__lead__text {
      background-size: cover; } }
.index__firstview__play {
  display: none; }

.index__firstview__news {
  position: absolute;
  display: block;
  width: 450px;
  width: calc(50% - 230px);
  height: 60px;
  left: 30px;
  top: -88px;
  padding-left: 135px;
  z-index: 2;
  color: #FFF;
  text-decoration: none;
  transition: opacity 0.15s linear 0s; }
  .index__firstview__news:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); }
    .index__firstview__news:hover .index__firstview__news__thumb > div > div {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1); }
    .index__firstview__news:hover .index__firstview__news__date,
    .index__firstview__news:hover .index__firstview__news__text {
      color: #0e93d6; }
    .index__firstview__news:hover .index__firstview__news__title span.normal {
      opacity: 0;
      filter: alpha(opacity=0); }
    .index__firstview__news:hover .index__firstview__news__title span.over {
      opacity: 1;
      filter: alpha(opacity=100); }

.index__firstview__news__thumb {
  width: 115px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 50%;
  margin-top: -30px;
  border-radius: 3px 3px 0px 3px;
  overflow: hidden;
  z-index: 1; }
  .index__firstview__news__thumb:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .index__firstview__news__thumb > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .index__firstview__news__thumb.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .index__firstview__news__thumb.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .index__firstview__news__thumb.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .index__firstview__news__thumb.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .index__firstview__news__thumb > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
  .index__firstview__news__thumb > div > div {
    background-size: cover;
    background-position: center;
    width: 115px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.index__firstview__news__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  position: relative;
  width: 58px;
  height: 13px;
  margin: 1px 0 4px; }
  .index__firstview__news__title span {
    display: block;
    width: 58px;
    height: 13px;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: 58px 13px;
    background-repeat: no-repeat;
    transition: opacity 0.15s linear 0s; }
    .index__firstview__news__title span.normal {
      background-image: url(images/firstview_news.png);
      z-index: 0;
      opacity: 1;
      filter: alpha(opacity=100); }
    .index__firstview__news__title span.over {
      background-image: url(images/firstview_news_over.png);
      z-index: 1;
      opacity: 0;
      filter: alpha(opacity=0); }

.index__firstview__news__date,
.index__firstview__news__text {
  width: 100%;
  height: 22px;
  font-size: 14px;
  line-height: 22px;
  color: #FFF;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 0.15s linear; }

.index__firstview__scroll {
  width: 109px;
  height: 41px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  margin-left: -55px;
  z-index: 2; }

.index__firstview__scroll__text {
  width: 47px;
  height: 13px;
  background-image: url(images/firstview_scroll_text.png);
  background-size: 47px 13px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0px;
  left: 31px; }

@-webkit-keyframes scrollarrow {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  25% {
    -webkit-transform: translate(0px, 8px);
            transform: translate(0px, 8px); }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }
@keyframes scrollarrow {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  25% {
    -webkit-transform: translate(0px, 8px);
            transform: translate(0px, 8px); }
  50% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }
.index__firstview__scroll__arrow {
  width: 109px;
  height: 22px;
  background-image: url(images/firstview_scroll_arrow.png);
  background-size: 109px 22px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-animation: scrollarrow 1.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
  animation: scrollarrow 1.75s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s infinite normal;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/*
*	index headline
*/
.index__headline {
  box-sizing: border-box;
  width: 100%;
  height: 320px;
  background-color: #FFF;
  position: relative;
  padding: 0px 80px; }

.index__headline__prev,
.index__headline__next {
  width: 80px;
  height: 320px;
  position: absolute;
  top: 0px; }
  .index__headline__prev span,
  .index__headline__next span {
    display: block;
    width: 21px;
    height: 69px;
    background-image: url(images/headline_arrow.png);
    background-size: 42px 69px;
    position: absolute;
    top: 116px;
    cursor: pointer; }
    .index__headline__prev span.disable,
    .index__headline__next span.disable {
      cursor: default;
      opacity: 0.1;
      filter: alpha(opacity=10); }

.index__headline__prev {
  left: 0px; }
  .index__headline__prev span {
    left: 30px;
    background-position: 0px 0px; }

.index__headline__next {
  right: 0px; }
  .index__headline__next span {
    right: 30px;
    background-position: -21px 69px; }

.index__headline__viewport {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 auto; }

@media screen and (min-width: 684px) {
  .index__headline__viewport {
    width: 524px; } }
@media screen and (min-width: 946px) {
  .index__headline__viewport {
    width: 786px; } }
@media screen and (min-width: 1208px) {
  .index__headline__viewport {
    width: 1048px; } }
@media screen and (min-width: 1470px) {
  .index__headline__viewport {
    width: 1310px; } }
@media screen and (min-width: 1732px) {
  .index__headline__viewport {
    width: 1572px; } }
@media screen and (min-width: 1994px) {
  .index__headline__viewport {
    width: 1834px; } }
@media screen and (min-width: 2256px) {
  .index__headline__viewport {
    width: 2096px; } }
.index__headline__contents {
  width: 2096px;
  height: 224px;
  margin: 48px auto 0; }

.index__headline__article {
  display: block;
  width: 232px;
  height: 224px;
  float: left;
  margin: 0 15px;
  color: #000;
  text-decoration: none;
  transition: opacity 0.15s linear 0s;
  border-radius: 6px 6px 0px 6px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: #f2f2f2; }
  .index__headline__article__img {
    width: 232px;
    height: 121px;
    overflow: hidden;
    position: relative; }
    .index__headline__article__img img {
      display: block;
      width: 240px;
      height: auto;
      position: absolute;
      left: 0px;
      top: 50%;
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      -webkit-transform: translate(0%, -50%) scale(1);
          -ms-transform: translate(0%, -50%) scale(1);
              transform: translate(0%, -50%) scale(1);
      transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
      z-index: 1; }
    .index__headline__article__img div {
      overflow: hidden;
      width: 0px;
      height: 100%;
      position: relative; }
    .index__headline__article__img:before {
      content: "";
      display: block;
      width: 0px;
      height: 100%;
      background-color: #0e93d6;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0;
      border-radius: 0 50% 50% 0; }
    .index__headline__article__img > div {
      border-radius: 0 50% 50% 0;
      overflow: hidden;
      z-index: 1; }
    .index__headline__article__img.wipein:before {
      width: 100% !important;
      border-radius: 0px;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .index__headline__article__img.wipein > div {
      width: 100% !important;
      border-radius: 0px;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
    .index__headline__article__img.wipeimmediately:before {
      width: 100% !important;
      border-radius: 0px; }
    .index__headline__article__img.wipeimmediately > div {
      width: 100% !important;
      border-radius: 0px; }
  .index__headline__article__body {
    position: relative;
    padding: 14px 20px 0; }
  .index__headline__article__date {
    margin: 0;
    width: 100%;
    height: 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    transition: color 0.15s linear; }
    .index__headline__article__date span {
      color: #fd3c5b; }
  .index__headline__article__text {
    display: block;
    display: -webkit-box;
    width: 100%;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.15s linear; }

.index__headline__article:hover .index__headline__article__img img {
  -webkit-transform: translate(0%, -50%) scale(1.1);
      -ms-transform: translate(0%, -50%) scale(1.1);
          transform: translate(0%, -50%) scale(1.1); }
.index__headline__article:hover .index__headline__article__date,
.index__headline__article:hover .index__headline__article__text {
  color: #0e93d6; }

/*
*	index about
*/
.index__about {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #41A1D5;
  overflow: hidden;
  border-radius: 0 25% 25% 0;
  z-index: 1; }
  .index__about.wipein {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .index__about.wipein .index__about__bg {
      width: 100% !important;
      border-radius: 0;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
    .index__about.wipein .index__about__title,
    .index__about.wipein .index__about__lead,
    .index__about.wipein .index__about__text,
    .index__about.wipein .index__about__btn {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); }

.index__about__bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  border-radius: 0 25% 25% 0; }

.index__about__ptn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url(images/about_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .index__about__ptn:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(images/firstview_ptn.png);
    background-size: 4px 4px;
    background-position: left top;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; }

.index__about__contents {
  width: 100%;
  height: 560px;
  box-sizing: border-box;
  position: relative;
  z-index: 3;
  padding: 80px 0; }

.index__about__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 147px;
  height: 39px;
  background-image: url(images/about_title.png);
  background-size: 147px 39px;
  background-repeat: no-repeat;
  margin: 0 auto 65px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
  transition: opacity 0.8s linear 1s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; }

.index__about__lead {
  display: block;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  width: 100%;
  height: 34px;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  line-height: 34px;
  color: #FFF;
  background-repeat: no-repeat;
  margin: 0 auto 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; }

.index__about__text {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  margin: 45px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: opacity 0.8s linear 1.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s; }

.index__about__btn {
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.6s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s;
  transition: opacity 0.8s linear 1.6s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.6s; }
  .index__about__btn .sweep_normal span,
  .index__about__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_more.png);
    background-size: 178px 96px; }
  .index__about__btn .sweep_normal span {
    background-position: 0px 0px; }
  .index__about__btn .sweep_over span {
    background-position: 0px -48px; }

/*
*	index service
*/
.index__service.wiped .index__service__title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.index__service__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 178px;
  height: 38px;
  background-image: url(images/service_title.png);
  background-size: 178px 38px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 80px auto 60px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.index__service__container {
  /* width: 1200px; */
  width: 900px;
  height: 600px;
  margin: 0 auto 50px;
  overflow: hidden; }
  .index__service__container:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

@media screen and (max-width: 899px) {
  .index__service__container {
    height: 900px; } }
@media screen and (min-width: 600px) {
  .index__service__container {
    width: 600px; } }
@media screen and (min-width: 900px) {
  .index__service__container {
    width: 900px; } }
/* @media screen and (min-width: 1200px) {
  .index__service__container {
    width: 1200px; } } */
/*
@media screen and (min-width: 1500px) {
	.index__service__container{ width: 1500px; }
}
@media screen and (min-width: 1800px) {
	.index__service__container{ width: 1800px; }
}
*/
.index__service__block {
  position: relative;
  width: 280px;
  height: 280px;
  margin: 10px;
  float: left;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  z-index: 1; }
  .index__service__block:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .index__service__block > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .index__service__block.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .index__service__block.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .index__service__block.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .index__service__block.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .index__service__block.visible:hover .index__service__block__text {
    opacity: 1;
    filter: alpha(opacity=100); }
  .index__service__block.visible:hover .index__service__block__image div {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .index__service__block .index__service__block__image div,
  .index__service__block .index__service__block__text {
    width: 280px;
    height: 280px; }
  /* TOP 最初の画像を大きく */
  /* .index__service__block:first-of-type {
    width: 580px;
    height: 580px;
    border-radius: 12px 12px 0 12px; } 
    .index__service__block:first-of-type .index__service__block__image div,
    .index__service__block:first-of-type .index__service__block__text {
      width: 580px;
      height: 580px; }*/

.index__service__block__image {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  overflow: hidden; }
  .index__service__block__image div {
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.index__service__block__text {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.15s linear 0s; }
  .index__service__block__text div {
    width: 100%;
    height: 100%;
    display: table; }
  .index__service__block__text p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #FFF; }

.index__service__btn {
  border-color: #000;
  margin: 0 auto 100px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .index__service__btn .sweep_over {
    background-color: #000; }
  .index__service__btn .sweep_normal span,
  .index__service__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_service.png);
    background-size: 178px 96px; }
  .index__service__btn .sweep_normal span {
    background-position: 0px -48px; }
  .index__service__btn .sweep_over span {
    background-position: 0px 0px; }
  .index__service__btn.wipein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

/*
*	index recruit
*/
.index__recruit {
  background-color: transparent;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0 25% 25% 0; }
  .index__recruit.wipein {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .index__recruit.wipein .index__recruit__portraits > div > div, .index__recruit.wipein .index__recruit__portraits--left > div > div, .index__recruit.wipein .index__recruit__portraits--right > div > div {
      width: 100% !important;
      border-radius: 0;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
    .index__recruit.wipein .index__recruit__title,
    .index__recruit.wipein .index__recruit__main > p,
    .index__recruit.wipein .index__recruit__btn {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); }

.index__recruit__container {
  background-color: #f2f2f2;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  z-index: 1; }

.index__recruit__main {
  box-sizing: border-box;
  padding: 116px 0 0 0;
  width: 440px;
  height: 560px;
  position: relative;
  margin: 0 auto; }

.index__recruit__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 178px;
  height: 39px;
  background-image: url(images/recruit_title.png);
  background-size: 178px 39px;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 auto 60px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
  transition: opacity 0.8s linear 1s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; }

.index__recruit__main > p {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; }

.index__recruit__btn,
.sweep_more_btn {
  border-color: #000;
  margin: 45px auto 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s;
  transition: opacity 0.8s linear 1.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.4s; }
  .index__recruit__btn .sweep_over,
  .sweep_more_btn .sweep_over {
    background-color: #000; }
  .index__recruit__btn .sweep_normal span,
  .index__recruit__btn .sweep_over span,
  .sweep_more_btn .sweep_normal span,
  .sweep_more_btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_more.png);
    background-size: 178px 96px; }
  .index__recruit__btn .sweep_normal span, 
  .sweep_more_btn .sweep_normal span {
    background-position: 0px -48px; }
  .index__recruit__btn .sweep_over span
  .sweep_more_btn .sweep_over span {
    background-position: 0px 0px; }

.index__recruit__portraits, .index__recruit__portraits--left, .index__recruit__portraits--right {
  width: 840px;
  height: 560px;
  position: absolute;
  top: 0px;
  font-size: 0px;
  text-align: center; }
  .index__recruit__portraits div, .index__recruit__portraits--left div, .index__recruit__portraits--right div {
    display: inline-block;
    width: 280px;
    height: 280px; }
    .index__recruit__portraits div div, .index__recruit__portraits--left div div, .index__recruit__portraits--right div div {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .index__recruit__portraits div div div, .index__recruit__portraits--left div div div, .index__recruit__portraits--right div div div {
        display: block;
        width: 280px;
        height: 280px;
        background-size: 280px 280px;
        background-repeat: no-repeat;
        background-position: center; }

.index__recruit__portraits--left {
  left: 50%;
  margin-left: -1060px; }

.index__recruit__portraits--right {
  right: 50%;
  margin-right: -1060px; }

@media screen and (max-width: 750px) {
  .index__firstview {
    margin-bottom: 65px; }
  .index__firstview__elem{
    display: block;
  }
  .index__firstview__lead {
    width: 300px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: unset;
    bottom:80px;
    margin: 0px;
    margin-left: -150px;
    z-index: 2;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    padding: 0px; }
    .index__firstview__lead div {
      background-size: 300px auto;
      background-repeat: no-repeat; }
      .index__firstview__lead div.index__firstview__lead__base {
        background-size: 300px auto;
        background-image: url(images/firstview_catch.png); }
      .index__firstview__lead div.index__firstview__lead__text {
        background-size: 300px auto;
        background-image: url(images/firstview_catch.png); }

  .index__firstview__play {
    display: none;
    width: 48px;
    height: 48px;
    background-image: url(images/firstview_play.png);
    background-size: 48px 48px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 20px 0 0 -24px;
    z-index: 2; }

  .index__firstview.touch .index__firstview__play {
    display: block; }

  .index__firstview__scroll {
    width: 77px;
    height: 32px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -39px;
    z-index: 2; }

  .index__firstview__scroll__text {
    width: 37px;
    height: 11px;
    background-image: url(images/firstview_scroll_text_sp.png);
    background-size: 37px 11px;
    top: 0px;
    left: 20px; }

  .index__firstview__scroll__arrow {
    width: 77px;
    height: 15px;
    background-image: url(images/firstview_scroll_arrow_sp.png);
    background-size: 77px 15px; }

  .index__firstview__news {
    box-sizing: border-box;
    width: 100%;
    height: 65px;
    padding: 14px 25px 14px 110px;
    left: 0px;
    top: -65px;
    z-index: 2;
    color: #FFF;
    text-decoration: none;
    opacity: 1 !important;
    filter: alpha(opacity=100);
    background-color: #f2f2f2; }

  .index__firstview__news__thumb {
    display: none; }

  .index__firstview__news__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    width: 65px;
    height: 37px;
    background-image: url(images/firstview_news_sp.png);
    background-size: 42px 13px;
    background-position: left center;
    background-repeat: no-repeat;
    border-right: 1px solid #1a1a1a;
    position: absolute;
    left: 25px;
    top: 14px;
    margin: 0px; }
    .index__firstview__news__title span {
      display: none; }

  .index__firstview__news__date,
  .index__firstview__news__text {
    width: 100%;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #0e93d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  .index__headline {
    box-sizing: border-box;
    width: 100%;
    height: 256px;
    position: relative;
    padding: 0px 0px; }

  .index__headline__prev,
  .index__headline__next {
    display: none; }

  .index__headline__viewport {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }

  .index__headline__contents {
    width: 1920px;
    height: 194px;
    margin: 31px auto 0;
    margin-left: calc(50% - 120px); }

  .index__headline__article {
    width: 210px;
    height: 194px;
    margin: 0 15px; }
    .index__headline__article__img {
      width: 210px;
      height: 110px; }
      .index__headline__article__img img {
        width: 216px;
        height: auto; }
    .index__headline__article__body {
      position: relative;
      padding: 14px 15px 0; }
    .index__headline__article__date {
      margin: 0;
      width: 100%;
      height: 19px;
      font-size: 12px;
      font-weight: bold;
      line-height: 19px; }
      .index__headline__article__date span {
        color: #fd3c5b; }
    .index__headline__article__text {
      display: block;
      display: -webkit-box;
      width: 100%;
      height: 38px;
      font-size: 12px;
      line-height: 19px;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis; }

  .index__about__contents {
    width: 100%;
    height: 416px;
    box-sizing: border-box;
    position: relative;
    z-index: 3;
    padding: 52px 0; }

  .index__about__title {
    width: 93px;
    height: 24px;
    background-image: url(images/about_title_sp.png);
    background-size: 93px 24px;
    margin: 0 auto 40px; }

  .index__about__lead {
    width: 100%;
    height: 54px;
    font-size: 23px;
    line-height: 31px;
    margin: 0 auto 0; }

  .index__about__text {
    color: #FFF;
    font-size: 12px;
    line-height: 21px;
    margin: 30px auto 40px; }

  .index__about__btn .sweep_normal span,
  .index__about__btn .sweep_over span {
    width: 138px;
    height: 38px;
    background-image: url(images/btn_more_sp.png);
    background-size: 138px 76px; }
  .index__about__btn .sweep_normal span {
    background-position: 0px 0px; }
  .index__about__btn .sweep_over span {
    background-position: 0px -38px; }

  .index__service__title {
    width: 110px;
    height: 24px;
    background-image: url(images/service_title_sp.png);
    background-size: 110px 24px;
    margin: 50px auto 40px; }

  .index__service__container {
    width: 300px;
    height: 450px;
    margin: 0 auto 40px; }

  .index__service__block {
    width: 140px;
    height: 140px;
    margin: 5px;
    border-radius: 4px 4px 0px 4px; }
    .index__service__block .index__service__block__image div,
    .index__service__block .index__service__block__text {
      width: 140px;
      height: 140px; }
    /* TOP 最初の画像を大きく */
    /* .index__service__block:first-of-type {
      width: 290px;
      height: 290px;
      border-radius: 8px 8px 0 8px; }
      .index__service__block:first-of-type .index__service__block__image div,
      .index__service__block:first-of-type .index__service__block__text {
        width: 290px;
        height: 290px; } */

  .index__service__block__text {
    display: none; }
    .index__service__block__text p {
      font-size: 12px;
      line-height: 20px; }

  .index__service__btn {
    margin-bottom: 70px; }
    .index__service__btn .sweep_normal span,
    .index__service__btn .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_service_sp.png);
      background-size: 138px 76px; }
    .index__service__btn .sweep_normal span {
      background-position: 0px -38px; }

  .index__recruit {
    width: 100%;
    position: relative;
    overflow: hidden; }

  .index__recruit__container {
    padding: 125px 0;
    background-color: #f2f2f2;
    position: relative;
    overflow: hidden; }

  .index__recruit__main {
    box-sizing: border-box;
    padding: 50px 0 0 0;
    width: 100%;
    height: auto; }
    .index__recruit__main p {
      font-size: 12px;
      line-height: 21px;
      text-align: center; }

  .index__recruit__title {
    width: 111px;
    height: 24px;
    background-image: url(images/recruit_title_sp.png);
    background-size: 111px 24px;
    margin: 0 auto 40px; }

  .index__recruit__btn,
  .sweep_more_btn {
    margin: 35px auto 50px; }
  .index__recruit__btn .sweep_normal span,
  .index__recruit__btn .sweep_over span, 
  .sweep_more_btn .sweep_normal span,
  .sweep_more_btn .sweep_over span {
    width: 138px;
    height: 38px;
    background-image: url(images/btn_more_sp.png);
    background-size: 138px 76px; }
    .index__recruit__btn .sweep_normal span,
    .sweep_more_btn .sweep_normal span {
    background-position: 0px -38px; }

  .index__recruit__portraits, .index__recruit__portraits--left, .index__recruit__portraits--right {
    width: 625px;
    height: 125px;
    overflow: hidden;
    position: absolute;
    top: auto;
    bottom: auto;
    right: auto;
    left: 50%;
    margin-left: -312px;
    font-size: 0px;
    text-align: center; }
    .index__recruit__portraits div, .index__recruit__portraits--left div, .index__recruit__portraits--right div {
      display: inline-block;
      width: 125px;
      height: 125px; }
      .index__recruit__portraits div div, .index__recruit__portraits--left div div, .index__recruit__portraits--right div div {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .index__recruit__portraits div div div, .index__recruit__portraits--left div div div, .index__recruit__portraits--right div div div {
          display: block;
          width: 125px;
          height: 125px;
          background-size: 125px 125px;
          background-repeat: no-repeat;
          background-position: center; }

  .index__recruit__portraits--left {
    top: 0px;
    margin: 0px 0 0 -312px; }
    .index__recruit__portraits--left > div:first-of-type {
      display: none; }

  .index__recruit__portraits--right {
    bottom: 0px;
    margin: 0px 0 0 -312px; }
    .index__recruit__portraits--right > div:last-of-type {
      display: none; } }
.index.en .main {
  padding-bottom: 1px; }
.index.en .index__firstview__lead {
  width: 719px;
  height: 91px;
  margin: -45px 0 0 -359px; }
  .index.en .index__firstview__lead div {
    background-size: 719px 91px; }
    .index.en .index__firstview__lead div.index__firstview__lead__base {
      background-image: url(images/firstview_catch_en.png); }
    .index.en .index__firstview__lead div.index__firstview__lead__text {
      background-image: url(images/firstview_catch_en.png); }
@media screen and (max-width: 920px) {
  .index.en .index__firstview__lead {
    width: 78.1521739%;
    height: 0px;
    padding-top: 9.8913043%;
    margin: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2; }
    .index.en .index__firstview__lead div.index__firstview__lead__base, .index.en .index__firstview__lead div.index__firstview__lead__text {
      background-size: cover; } }
.index.en .index__firstview__news {
  display: none; }
.index.en .index__service {
  padding-top: 80px; }
  .index.en .index__service.fadein .index__service__title {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
.index.en .index__service__title {
  margin-top: 0px; }
.index.en .index__service__block_en {
  position: relative;
  box-sizing: border-box;
  width: 1020px;
  height: auto;
  min-height: 240px;
  margin: 0 auto 50px;
  padding-left: 280px; }
  .index.en .index__service__block_en.fadein .index__service__block_en__body p,
  .index.en .index__service__block_en.fadein .index__service__block_en__body__title,
  .index.en .index__service__block_en.fadein .index__service__block_en__body__link {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
@media screen and (max-width: 1050px) {
  .index.en .index__service__block_en {
    width: auto;
    margin: 0 15px 50px; } }
.index.en .index__service__block_en__image {
  width: 240px;
  height: 240px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  z-index: 1; }
  .index.en .index__service__block_en__image:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .index.en .index__service__block_en__image > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .index.en .index__service__block_en__image.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .index.en .index__service__block_en__image.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .index.en .index__service__block_en__image.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .index.en .index__service__block_en__image.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .index.en .index__service__block_en__image > div {
    width: 0px;
    height: 100%;
    position: relative;
    overflow: hidden; }
  .index.en .index__service__block_en__image > div > div {
    width: 240px;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
.index.en .index__service__block_en__body p {
  font-size: 14px;
  line-height: 24px;
  margin: 26px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.6s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
  transition: opacity 0.8s linear 0.6s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s; }
.index.en .index__service__block_en__body__title {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  vertical-align: top;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }
  .index.en .index__service__block_en__body__title span {
    vertical-align: top;
    position: relative;
    display: inline-block;
    font-size: 0px;
    color: transparent;
    height: 18px;
    margin-right: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(images/service_nav_sp.png);
    background-size: auto 58px;
  }
    .index.en .index__service__block_en__body__title span:after {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      background-color: #000;
      border-radius: 50%;
      overflow: hidden;
      margin: 0px;
      position: absolute;
      right: -10px;
      top: 6px; }
    .index.en .index__service__block_en__body__title span.game {
      background-position: -10px -21px;
      width: 70px; }
    .index.en .index__service__block_en__body__title span.media {
      background-position: -10px -21px;
      width: 70px; }
    .index.en .index__service__block_en__body__title span.education {
      background-position: -10px -21px;
      width: 94px; }
    .index.en .index__service__block_en__body__title span.creative {
      background-position: -155px -21px;
      width: 100px; }
    .index.en .index__service__block_en__body__title span.international {
      background-position: -360px -21px;
      width: 220px; }
    .index.en .index__service__block_en__body__title span.entertainment {
      background-position: -10px -21px;
      width: 150px; }
    .index.en .index__service__block_en__body__title span.digital_transformation {
      background-position: -725px -21px;
      width: 230px;
    }
.index.en .index__service__block_en__body__link {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.8s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  transition: opacity 0.8s linear 0.8s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; }
  .index.en .index__service__block_en__body__link .sweep_normal span,
  .index.en .index__service__block_en__body__link .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_viewsite.png);
    background-size: 178px 96px; }
  .index.en .index__service__block_en__body__link .sweep_normal span {
    background-position: 0px 0px; }
  .index.en .index__service__block_en__body__link .sweep_over span {
    background-position: 0px -48px; }
.index.en .about__sectionhead {
  margin-top: 0px; }
.index.en .about__section--vision {
  background-color: #F2F2F2;
  padding-top: 74px;
  margin-top: 100px;
  padding-bottom: 100px; }
  .index.en .about__section--vision .about__section__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    width: 152px;
    height: 40px;
    background-image: url(images/vision_title.png);
    background-size: 152px 40px;
    margin: 0 auto; }
.index.en .about__section--company .about__section__title {
  width: 223px;
  height: 46px;
  background-image: url(images/company_title.png);
  background-size: 223px 46px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
.index.en .about__section--company dl {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
.index.en .about__section--company.fadein .about__section__title,
.index.en .about__section--company.fadein dl {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }
.index.en .about__section--access .about__section__title {
  width: 165px;
  height: 38px;
  background-image: url(images/access_title.png);
  background-size: 165px 38px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
.index.en .about__section--access > p {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
.index.en .about__section--access.fadein .about__section__title, .index.en .about__section--access.fadein > p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }
@media screen and (max-width: 750px) {
  .index.en .index__firstview__lead {
    width: 300px;
    height: 81px;
    margin: 0px;
    margin-left:-150px;
    top:unset;
    bottom:80px;
    padding-top: 0px;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    .index.en .index__firstview__lead div {
      background-size: 300px auto; }
      .index.en .index__firstview__lead div.index__firstview__lead__base {
        background-image: url(images/firstview_catch_en.png);
        background-size: 300px auto; }
      .index.en .index__firstview__lead div.index__firstview__lead__text {
        background-image: url(images/firstview_catch_en.png);
        background-size: 300px auto; }
  .index.en .index__service {
    padding-top: 50px; }
  .index.en .index__service__title {
    margin-top: 0px; }
  .index.en .index__service__block_en {
    position: relative;
    box-sizing: border-box;
    width: 290px;
    height: auto;
    min-height: 240px;
    margin: 0 auto 50px;
    padding-left: 0px; }
  .index.en .index__service__block_en__image {
    width: 290px;
    height: 290px;
    position: relative;
    left: auto;
    top: auto;
    border-radius: 6px 6px 0px 6px; }
    .index.en .index__service__block_en__image:before {
      content: "";
      display: block;
      width: 0px;
      height: 100%;
      background-color: #0e93d6;
      position: absolute;
      left: 0px;
      top: 0px;
      z-index: 0;
      border-radius: 0 50% 50% 0; }
    .index.en .index__service__block_en__image > div {
      border-radius: 0 50% 50% 0;
      overflow: hidden;
      z-index: 1; }
    .index.en .index__service__block_en__image.wipein:before {
      width: 100% !important;
      border-radius: 0px;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .index.en .index__service__block_en__image.wipein > div {
      width: 100% !important;
      border-radius: 0px;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
    .index.en .index__service__block_en__image.wipeimmediately:before {
      width: 100% !important;
      border-radius: 0px; }
    .index.en .index__service__block_en__image.wipeimmediately > div {
      width: 100% !important;
      border-radius: 0px; }
    .index.en .index__service__block_en__image > div > div {
      width: 290px; }
  .index.en .index__service__block_en__body p {
    font-size: 14px;
    line-height: 24px;
    margin: 8px 0 14px; }
  .index.en .index__service__block_en__body__title {
    height: auto;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    margin: 12px 0 0; }
    .index.en .index__service__block_en__body__title span {
      position: relative;
      display: block;
      height: 14px;
      padding-right: 0px;
      background-position: center;
      margin: 0 auto 4px;
      background-size: auto 14px; }
      .index.en .index__service__block_en__body__title span:after {
        display: none; }
      .index.en .index__service__block_en__body__title span.game {
        background-image: url(images/en_service_type_game_sp.png);
        background-position: center;
        width: 100px; }
      .index.en .index__service__block_en__body__title span.media {
        background-image: url(images/en_service_type_media_sp.png);
        background-position: center;
        width: 100px; }
      .index.en .index__service__block_en__body__title span.education {
        background-image: url(images/en_service_type_education_sp.png);
        background-position: center;
        width: 100px; }
      .index.en .index__service__block_en__body__title span.creative {
        background-image: url(images/en_service_type_creative_sp.png);
        background-position: center;
        width: 100px; }
      .index.en .index__service__block_en__body__title span.international {
        background-position: -290px -17px;
        width: 165px;
        background-size: auto 46px;
      }
      .index.en .index__service__block_en__body__title span.entertainment {
        background-image: url(images/en_service_type_entertainment_sp.png);
        background-size: auto 22px;
        width: 150px; }
      .index.en .index__service__block_en__body__title span.digital_transformation {
        background-position: -580px -17px;
        width: 165px;
        background-size: auto 46px;
      }
  .index.en .index__service__block_en__body__link {
    margin: 0 auto; }
    .index.en .index__service__block_en__body__link .sweep_normal span,
    .index.en .index__service__block_en__body__link .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_viewsite_sp.png);
      background-size: 138px 76px; }
    .index.en .index__service__block_en__body__link .sweep_normal span {
      background-position: 0px 0px; }
    .index.en .index__service__block_en__body__link .sweep_over span {
      background-position: 0px -38px; }
  .index.en .about__section--vision {
    background-color: #F2F2F2;
    padding-top: 44px;
    padding-bottom: 40px;
    margin-top: 50px; }
    .index.en .about__section--vision .about__section__title {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      width: 94px;
      height: 24px;
      background-image: url(images/vision_title_sp.png);
      background-size: 94px 24px;
      margin: 0 auto; }
  .index.en .about__section--company .about__section__title {
    width: 138px;
    height: 29px;
    background-image: url(images/company_title_sp.png);
    background-size: 138px 29px; }
  .index.en .about__section--access .about__section__title {
    width: 103px;
    height: 23px;
    background-image: url(images/access_title_sp.png);
    background-size: 103px 23px; } }

.service__header > div > div {
  background-image: url(images/service_pagehead_bg.jpg); }
.service__header h1 {
  width: 126px;
  height: 34px;
  top: 108px;
  background-image: url(images/service_pagehead.png); }
.service__header__elem {
  width: auto !important; }

.service_nav ul li a {
  display: inline-block;
  height: 46px;
  background-image: url(images/service_nav.png);
  background-repeat: no-repeat; }
  .service_nav ul li a span {
    background-image: url(images/service_nav.png); }
  .service_nav ul li a.game {
    width: 60px;
    background-position: -15px 0px; }
    .service_nav ul li a.game span {
      background-position: -15px -46px; }
  .service_nav ul li a.media {
    width: 140px;
    background-position: -575px 0px; }
    .service_nav ul li a.media span {
      background-position: -575px -46px; }
  .service_nav ul li a.education {
    width: 110px;
    background-position: -239px 0px;
  }
    .service_nav ul li a.education span { 
      background-position: -239px -46px;
  }
  .service_nav ul li a.creative {
    width: 85px;
    background-position: -160px 0px;
  }
  .service_nav ul li a.creative span {
    background-position: -160px -46px;
  }
  .service_nav ul li a.international {
    width: 210px;
    background-position: -358px 0px;
  }
  .service_nav ul li a.international span {
    background-position: -358px -46px;
  }

  .service_nav ul li a.digital_transformation {
    width: 210px;
    background-position: -725px 0px;
  }
  .service_nav ul li a.digital_transformation span {
    background-position: -725px -46px;
  }


.service_section, .service__section--game, .service__section--media, .service__section--international, .service__section--creative, .service__section--digital {
  padding: 58px 130px 40px;
  position: relative; }
  .service_section .service__section__title, .service__section--game .service__section__title, .service__section--media .service__section__title, .service__section--media .service__section__sub_title, .service__section--international .service__section__title, .service__section--digital .service__section__title, .service__section--creative .service__section__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    height: 52px;
    margin: 0 auto 46px auto;
    background-position: center;
    background-repeat: no-repeat;}

.service__section--game {
  padding-left: 0px;
  padding-right: 0px; }
  .service__section__title{
    width:240px;
  }
  .service__section--game .service__section__title {
    background-image: url(images/section_title_game.png); }

.service__section--media, .service__section--international { background-color: #f5f5f5; }
.service__section--media .service__section__title {
    background-image: url(images/section_title_entertainment.png); }
.service__section--media .service__section__sub_title {
  background-image: url(images/section_sub_title_service.png);
}
.service__section--international .service__section__title {
  background-image: url(images/section_title_international.png);
  width: 500px;
}  
.service__section--creative .service__section__title {
    background-image: url(images/section_title_creative.png); }

.service__section--digital .service__section__title {
  background-image: url(images/section_title_dx.png);
  width: 359px;
}

.service__section__title {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.6s linear 0s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.fadein .service__section__title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.service__gamelist {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; }

.fadein .service__gamelist {
  opacity: 1;
  filter: alpha(opacity=100); }

.service__product {
  box-sizing: border-box;
  width: 100%;
  max-width: 1020px;
  height: auto;
  min-height: 240px;
  position: relative;
  padding-left: 280px;
  margin-bottom: 40px;
  margin: 0 auto 40px; }
  .service__product.wipein .service__product__image:before {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .service__product.wipein .service__product__image > div {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .service__product.wipein .service__product__title,
  .service__product.wipein .service__product__desc,
  .service__product.wipein .service__product__btn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.service__product__image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;
  height: 240px;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  z-index: 1; }
  .service__product__image:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0;
    overflow: hidden; }
  .service__product__image > div {
    width: 0px;
    height: 240px;
    overflow: hidden;
    border-radius: 0 50% 50% 0;
    z-index: 1; }
  .service__product__image > div > div {
    display: block;
    position: relative;
    width: 240px;
    height: 240px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.service__product__image_link {
  display: block; }
  .service__product__image_link:hover .service__product__image > div > div {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }

.service__product__title {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.6s linear 0.2s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }

.service__product__desc {
  font-size: 14px;
  line-height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0.4s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.6s linear 0.4s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }

.service__product__btn {
  margin-top: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0.6s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
  transition: opacity 0.6s linear 0.6s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s; }
  .service__product__btn .sweep_normal span,
  .service__product__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_viewsite.png);
    background-size: 178px 96px; }
  .service__product__btn .sweep_normal span {
    background-position: 0px 0px; }
  .service__product__btn .sweep_over span {
    background-position: 0px -48px; }

.service__gamelist {
  width: 100%;
  width: calc(100% + 20px);
  max-width: 940px;
  height: auto;
  text-align: center;
  font-size: 0px;
  margin: 0 auto; }

@media screen and (min-width: 751px) {
  .service__gamelist {
    width: 520px; } }
@media screen and (min-width: 1270px) {
  .service__gamelist {
    width: 940px; } }
.service__gamelist__game {
  display: inline-block;
  margin: 0 10px 20px;
  width: 240px;
  height: 320px;
  background-color: #f5f5f5;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  vertical-align: top;
  z-index: 1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
#media .service__gamelist__game {
  background-color: #fff;}
  
  .service__gamelist__game.wipein .service__gamelist__game__image:before {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .service__gamelist__game.wipein .service__gamelist__game__image > div {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }

.service__gamelist__game__linkblock {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  color: #000;
  text-decoration: none; }

.service__gamelist__game__image {
  width: 100%;
  height: 240px;
  position: relative;
  overflow: hidden; }
  .service__gamelist__game__image:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0;
    overflow: hidden; }
  .service__gamelist__game__image > div {
    width: 0px;
    height: 240px;
    overflow: hidden;
    border-radius: 0 50% 50% 0;
    z-index: 1; }
  .service__gamelist__game__image > div > div {
    width: 240px;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.service__gamelist__game__text {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 24px;
  width: 100%;
  text-align: center;
  padding: 15px 10px;
  font-weight: bold;
  transition: color 0.15s linear; }
  .service__gamelist__game__text span {
    color: #0e93d7; }

a.service__gamelist__game__linkblock:hover .service__gamelist__game__image > div > div {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); }
a.service__gamelist__game__linkblock:hover .service__gamelist__game__text {
  color: #0e93d7; }

.modal__article__service {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  /*max-width: 980px;*/
  max-width: 1020px;
  height: auto;
  margin: 0 auto; }

.modal__article__service__inner {
  position: relative;
  padding-left: calc(47.9591837% + 40px); }
  .modal__article__service__inner:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    padding-top: 100%;
    float: left; }

.modal__article__service__spacer {
  display: block;
  width: calc(47.9591837%);
  height: auto;
  float: left;
  margin-right: 40px;
  position: relative; }
  .modal__article__service__spacer:before {
    content: "";
    display: block;
    width: 100%;
    height: 0px;
    padding-top: 100%; }

.modal__article__service__image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(47.9591837%);
  height: auto;
  border-radius: 8px 8px 0px 8px;
  overflow: hidden;
  z-index: 1; }
  .modal__article__service__image:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .modal__article__service__image > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .modal__article__service__image.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .modal__article__service__image.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .modal__article__service__image.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .modal__article__service__image.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .modal__article__service__image > div {
    width: 0px;
    position: relative;
    overflow: hidden; }
  .modal__article__service__image > div > div {
    width: 100%;
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    .modal__article__service__image > div > div:before {
      content: "";
      display: block;
      width: 100%;
      height: 0px;
      padding-top: 100%; }

.modal__article__service__text__cat, .modal__article__service__text__cat--game, .modal__article__service__meta__cat--game, .modal__article__service__meta__cat--CM, .modal__article__service__meta__cat--PV {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  margin-bottom: 16px; }

.modal__article__service__text__cat--game {
  width: 52px;
  height: 15px;
  background-image: url(images/modal_type_game.png);
  background-repeat: no-repeat; }

.modal__article__service__text__title, .modal__article__service__meta__title, .modal__article__service__meta__title_grimero {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 24px; }

.modal__article__service__text__desc {
  font-size: 14px;
  line-height: 24px; }

.modal__article__service__banners {
  font-size: 0px;
  margin: 30px 0 10px; }

.modal__article__service__banners__apple,
.modal__article__service__banners__google,
.modal__article__service__banners__amazon,
.modal__article__service__banners__steam,
.modal__article__service__banners__apple_disable,
.modal__article__service__banners__google_disable {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: inline-block;
  width: 180px;
  height: 50px;
  margin-bottom: 4px;
  background-repeat: no-repeat; }

.modal__article__service__banners__apple {
  background-image: url(images/appstore_banner.png);
  margin-right: 20px; }

.modal__article__service__banners__apple_disable {
  background-image: url(images/appstore_banner_disable.png);
  margin-right: 20px; }

.modal__article__service__banners__google {
  background-image: url(images/googleplay_banner.png); 
  background-size: 185px auto;
  background-position: -13px;
}
.modal__article__service__banners__google_disable {
  background-image: url(images/googleplay_banner.png); 
  background-size: 185px auto;
  background-position: -13px;
}

.modal__article__service__banners__amazon {
  background-image: url(images/amazon-appstore-badge-jp-white.png);
  margin-right: 20px;
  height: 54px;
  background-size: 180px auto;
  background-position: center;
}

.modal__article__service__twitter, .modal__article__service__youtube {
  margin-top: 4px; }
  .modal__article__service__twitter a, .modal__article__service__youtube a {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    width: 145px;
    height: 42px;
    background-size: 145px auto;
    background-image: url(images/modal_x.png); }
  .modal__article__service__youtube a {
    background-image: url(images/modal_yt.png); }

.modal__article__service__link__btn {
  display: inline-block;
  vertical-align: bottom; }
  .modal__article__service__link__btn .sweep_normal span,
  .modal__article__service__link__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_viewsite.png);
    background-size: 178px 96px; }
  .modal__article__service__link__btn .sweep_normal span {
    background-position: 0px 0px; }
  .modal__article__service__link__btn .sweep_over span {
    background-position: 0px -48px; }

.modal__article__service__link__note {
  display: inline-block;
  vertical-align: bottom;
  font-size: 14px;
  color: #0e93d7;
  font-weight: bold;
  margin-left: 3px;
  position: relative;
  top: -1px; }

.modal__article__service__meta__cat--game {
  width: 52px;
  height: 15px;
  background-image: url(images/modal_type_game.png);
  background-repeat: no-repeat; }

.modal__article__service__meta__cat--CM {
  width: 30px;
  height: 15px;
  background-image: url(images/modal_type_cm.png);
  background-repeat: no-repeat; }

.modal__article__service__meta__cat--PV {
  width: 30px;
  height: 15px;
  background-image: url(images/modal_type_pv.png);
  background-repeat: no-repeat; }

.modal__article__service__meta__title p {
  display: none; }

.modal__article__service__main {
  width: 460px;
  float: left;
  margin-right: 50px; }
  .modal__article__service__main .modal__article__service__image {
    width: 240px;
    height: 240px;
    position: relative;
    left: auto;
    top: auto;
    float: left;
    margin: 0 20px 24px 0; }
  .modal__article__service__main .modal__article__service__text {
    clear: both;
    font-size: 14px;
    line-height: 24px;
    margin-top: 24px; }
  .modal__article__service__main .modal__article__service__banners {
    margin: 0px; }
  .modal__article__service__main .modal__article__service__banners__apple,
  .modal__article__service__main .modal__article__service__banners__google {
    margin: 0  0 4px 0; }

.modal__article__service__video {
  width: 510px;
  float: left; }

.modal__article__service__video__embed {
  width: 510px;
  height: 287px;
  position: relative;
  overflow: hidden; }

.modal__article__service__video__embed__container, .modal__article__service__video__embed__container_grimero {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px; }
  .modal__article__service__video__embed__container > div, .modal__article__service__video__embed__container_grimero > div {
    width: 510px;
    height: 287px;
    float: left;
    background-color: #000; }
    .modal__article__service__video__embed__container > div iframe, .modal__article__service__video__embed__container_grimero > div iframe {
      display: block;
      width: 100%;
      height: 100%; }
  .modal__article__service__video__embed .modal__article__service__video__embed__comming_soon{
    display: table;
    width:99%;
    height:99%;
    border: solid 1px #000;
    background-color: #fff;
    opacity: 0.25;
  }
  .modal__article__service__video__embed .modal__article__service__video__embed__comming_soon div{
    display: table-cell;
    width:100%;
    color:#000;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
  }

.modal__article__service__video__nav {
  width: 180px;
  height: 32px;
  position: relative;
  margin: 20px auto;
  font-size: 18px;
  line-height: 32px;
  font-weight: bold;
  text-align: center; }

.modal__article__service__video__nav__prev,
.modal__article__service__video__nav__next {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0px;
  background-color: #FFF; }
  .modal__article__service__video__nav__prev .sweep_over,
  .modal__article__service__video__nav__next .sweep_over {
    transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
  .modal__article__service__video__nav__prev .sweep_normal span,
  .modal__article__service__video__nav__prev .sweep_over span,
  .modal__article__service__video__nav__next .sweep_normal span,
  .modal__article__service__video__nav__next .sweep_over span {
    width: 30px;
    height: 30px;
    background-image: url(images/recruit_member_arrow.png);
    background-size: 30px 60px; }
  .modal__article__service__video__nav__prev .sweep_normal span,
  .modal__article__service__video__nav__next .sweep_normal span {
    background-position: 0px -30px; }
  .modal__article__service__video__nav__prev .sweep_over span,
  .modal__article__service__video__nav__next .sweep_over span {
    background-position: 0px 0px; }
  .modal__article__service__video__nav__prev.disable,
  .modal__article__service__video__nav__next.disable {
    cursor: default;
    opacity: 0.25;
    filter: alpha(opacity=25); }
    .modal__article__service__video__nav__prev.disable .sweep_over,
    .modal__article__service__video__nav__next.disable .sweep_over {
      display: none; }

.modal__article__service__video__nav__prev {
  left: 0px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.modal__article__service__video__nav__next {
  right: 0px; }

@media screen and (max-width: 1180px) {
  .modal__article__service__main {
    float: none;
    width: 510px;
    margin: 0 auto 50px; }

  .modal__article__service__main .modal__article__service__image {
    width: 310px;
    height: 310px; }

  .modal__article__service__video {
    float: none;
    margin: 0 auto; } }
@media screen and (max-width: 750px) {
  .service__header h1 {
    width: 78px;
    height: 21px;
    top: 52px;
    background-image: url(images/service_pagehead_sp.png);
    background-size: 78px 21px; }

  .service_nav ul li a {
    display: block;
    background-image: none; 
  }
  .service_nav ul li a:before {
    width: 55px;
    background-image: url(images/service_nav_sp.png);
    background-size: 708px 42px;
  }
  .service_nav ul li:nth-of-type(odd){
    border-right: none;
    border-left: 1px solid #000;
  }
  .service_nav ul li#game_navi {
    width: 100%;
    border-left: none;
  }
  .service_nav ul li a.game {
    width: 100%; 
  }
  .service_nav ul li a.game:before {
    background-position: 0px 0px; 
  }
  .service_nav ul li a.media {
    width: 100%; }
  .service_nav ul li a.media:before {
    background-position: -430px 0px;
    width: 105px;
  }
  .service_nav ul li a.education {
    width: 100%; 
  }
  .service_nav ul li a.education:before {
    background-position: -180px 0px; 
    width:90px;
  }
  .service_nav ul li a.creative {
    width: 100%; }
  .service_nav ul li a.creative:before {
    background-position: -115px 0px;
    width: 70px;
  }
  .service_nav ul li a.international {
    width: 100%; }
  .service_nav ul li a.international:before {
    background-position: -270px 0px;
    width: 155px;
  }

  .service_nav ul li a.digital_transformation {
    width: 100%;
  }
  .service_nav ul li a.digital_transformation:before {
    width: 160px;
    background-position: -540px 0px;
  }

  .service_section, .service__section--game, .service__section--media, .service__section--international, .service__section--creative, .service__section--digital {
    padding: 45px 0px 5px;
    position: relative; }
    .service_section .service__section__title, .service__section--game .service__section__title, .service__section--media .service__section__title, .service__section--media .service__section__sub_title, .service__section--international .service__section__title, .service__section--digital .service__section__title, .service__section--creative .service__section__title {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      display: block;
      height: 41px;
      margin: 0 auto 45px auto; }

  .service__section--game {
    padding-bottom: 15px; 
  }
    .service__section__title{
      width: 200px;
      background-size: auto 42px;
    }
    .service__section--game .service__section__title {
      background-image: url(images/section_title_game_sp.png);
    }

    .service__section--media .service__section__title {
      background-image: url(images/section_title_entertainment_sp.png);
    }
    .service__section--media .service__section__sub_title {
      background-image: url(images/section_sub_title_service.png);
    }

  .service__section--international .service__section__title {
    width: 280px;
  }

  .service__section--creative .service__section__title {
    background-image: url(images/section_title_creative_sp.png);
  }

  /* .service__section--digital .service__section__title {
    width: 280px;
    background-image: url(images/section_title_dx.png);
  } */

  .service__gamelist {
    width: 290px;
    height: auto;
    text-align: center;
    font-size: 0px;
    margin: 0 auto; }

  .service__gamelist__game {
    display: block;
    margin: 0 0px 30px;
    width: 290px;
    height: 358px;
    background-color: #f5f5f5;
    border-radius: 6px 6px 0px 6px; }

  #media .service__gamelist__game {
    background-color: #fff;}

  .service__gamelist__game__image {
    width: 100%;
    height: 290px; }
    .service__gamelist__game__image > div {
      height: 290px; }
    .service__gamelist__game__image > div > div {
      width: 290px;
      height: 290px; }

  .service__gamelist__game__text {
    font-size: 14px;
    line-height: 19px;
    width: 100%;
    padding: 14px 10px; }

  .service__gamelist__game__linkblock:hover .service__gamelist__game__image div {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .service__gamelist__game__linkblock:hover .service__gamelist__game__text {
    color: #000; }

  .service__product {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    padding-left: 0px;
    margin: 0 auto 40px; }

  .service__product__image {
    position: relative;
    left: auto;
    top: auto;
    width: 290px;
    height: 290px;
    border-radius: 6px 6px 0px 6px;
    margin: 0 auto 12px; }
    .service__product__image > div {
      height: 290px; }
    .service__product__image > div > div {
      width: 290px;
      height: 290px; }

  .service__product__title {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    margin: 12px auto 10px;
    text-align: center;
    width: 290px; }

  .service__product__desc {
    font-size: 14px;
    line-height: 21px;
    width: 290px;
    margin: 0 auto 0; }

  .service__product__btn {
    margin: 20px auto 0; }
    .service__product__btn .sweep_normal span,
    .service__product__btn .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_viewsite_sp.png);
      background-size: 138px 76px; }
    .service__product__btn .sweep_normal span {
      background-position: 0px 0px; }
    .service__product__btn .sweep_over span {
      background-position: 0px -38px; }

  .modal__article__service {
    position: relative;
    box-sizing: border-box;
    width: 290px;
    height: auto;
    margin: 0 auto; }

  .modal__article__service__inner {
    padding: 0px; }
    .modal__article__service__inner:before {
      display: none; }

  .modal__article__service__spacer {
    display: none; }
    .modal__article__service__spacer:before {
      display: none; }

  .modal__article__service__image {
    position: relative;
    left: auto;
    top: auto;
    width: 160px;
    height: 160px;
    border-radius: 4px 4px 0px 4px;
    float: left; }
    .modal__article__service__image > div > div {
      width: 160px;
      height: 160px; }

  .modal__article__service__text__cat, .modal__article__service__text__cat--game, .modal__article__service__meta__cat--game, .modal__article__service__meta__cat--CM, .modal__article__service__meta__cat--PV {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    margin-bottom: 8px; }

  .modal__article__service__text__cat--game {
    width: 40px;
    height: 11px;
    background-image: url(images/modal_type_game_sp.png);
    background-size: 40px 11px;
    background-repeat: no-repeat; }

  .modal__article__service__text__title, .modal__article__service__meta__title, .modal__article__service__meta__title_grimero {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 15px; }

  .modal__article__service__text__desc {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 25px; }

  .modal__article__service__banners {
    width: 125px;
    height: auto;
    margin: 0 0 0 20px;
    float: left; }

  .modal__article__service__banners__apple,
  .modal__article__service__banners__google,
  .modal__article__service__banners__amazon,
  .modal__article__service__banners__amazon,
  .modal__article__service__banners__apple_disable,
  .modal__article__service__banners__google_disable {
    display: block;
    width: 125px;
    height: 36px;
    margin-bottom: 15px;
    background-size: 125px 36px;
    background-repeat: no-repeat; }

  .modal__article__service__banners__apple {
    background-image: url(images/appstore_banner_sp.png);
    margin-right: 15px; }

  .modal__article__service__banners__apple_disable {
    background-image: url(images/appstore_banner_disable_sp.png);
    margin-right: 15px; }

  .modal__article__service__banners__google {
    background-image: url(images/googleplay_banner.png); }

  .modal__article__service__banners__google_disable {
    background-image: url(images/googleplay_banner_disable.png); }

  .modal__article__service__banners__amazon {
    margin-right: 15px;
    height: 37px;
    background-size: 125px auto;
    background-position: center;
  }

  .modal__article__service__link {
    clear: both;
    padding-top: 30px; }

  .modal__article__service__link__btn {
    display: block;
    margin: 0 auto; }
    .modal__article__service__link__btn .sweep_normal span,
    .modal__article__service__link__btn .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_viewsite_sp.png);
      background-size: 138px 76px; }
    .modal__article__service__link__btn .sweep_normal span {
      background-position: 0px 0px; }
    .modal__article__service__link__btn .sweep_over span {
      background-position: 0px -38px; }

  .modal__article__service__link__note {
    display: block;
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin: 8px auto 0px;
    top: 0px; }

  .modal__article__service__meta__cat--game {
    width: 40px;
    height: 11px;
    background-image: url(images/modal_type_game_sp.png);
    background-size: 40px 11px;
    background-repeat: no-repeat; }

  .modal__article__service__meta__cat--cm {
    width: 23px;
    height: 11px;
    background-image: url(images/modal_type_cm_sp.png);
    background-size: 23px 11px;
    background-repeat: no-repeat; }

  .modal__article__service__meta__cat--pv {
    width: 23px;
    height: 11px;
    background-image: url(images/modal_type_pv_sp.png);
    background-size: 23px 11px;
    background-repeat: no-repeat; }

  .modal__article__service__meta__title, .modal__article__service__meta__title_grimero {
    margin-bottom: 10px; }

  .modal__article__service__main {
    float: none;
    width: 290px;
    margin: 0 auto 40px;
    padding-bottom: 220px;
    position: relative; }
    .modal__article__service__main .modal__article__service__image {
      width: 160px;
      height: 160px;
      margin: 0px;
      position: absolute;
      left: 0px;
      bottom: 45px; }
    .modal__article__service__main .modal__article__service__banners {
      position: absolute;
      right: 0px;
      bottom: 112px; }
    .modal__article__service__main .modal__article__service__link {
      position: absolute;
      bottom: 0px;
      left: 50%;
      margin-left: -70px; }

    .modal__article__service__main .modal__article__service__twitter, .modal__article__service__main .modal__article__service__youtube {
      position: absolute;
      margin: 0px;
      right: 25px;
      bottom: 85px; }
      .modal__article__service__main .modal__article__service__twitter a, .modal__article__service__main .modal__article__service__youtube a {
        display: block;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden;
        color: transparent;
        display: block;
        width: 125px;
        height: 36px;
        background-image: url(images/modal_x.png);
        background-size: 125px auto }

      .modal__article__service__main .modal__article__service__youtube a {
        background-image: url(images/modal_yt_sp.png);
        background-size: 97px 30px; }
    .modal__article__service__main .modal__article__service__text {
      margin-top: 10px; }

  .modal__article__service__video {
    float: none;
    width: 290px;
    margin: 0 auto; }

  .modal__article__service__video__embed {
    width: 290px;
    height: 163px; }

  .modal__article__service__video__embed__container > div, .modal__article__service__video__embed__container_grimero > div {
    width: 290px;
    height: 163px; } }
.about__section__title {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.fadein .about__section__title,
.fadein .about__delay,
.fadein .about__delay--1,
.fadein .about__delay--2,
.fadein .about__delay--3,
.fadein .about__delay--4,
.fadein .about__delay--5,
.fadein .about__delay--6 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.about__delay, .about__delay--1, .about__delay--2, .about__delay--3, .about__delay--4, .about__delay--5, .about__delay--6 {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }

.about__delay--1 {
  transition-delay: 0.2s; }

.about__delay--2 {
  transition-delay: 0.4s; }

.about__delay--3 {
  transition-delay: 0.6s; }

.about__delay--4 {
  transition-delay: 0.8s; }

.about__delay--5 {
  transition-delay: 1s; }

.about__delay--6 {
  transition-delay: 1.2s; }

.about__header > div > div {
  background-image: url(images/about_pagehead_bg.jpg); }
.about__header h1 {
  width: 146px;
  height: 34px;
  top: 108px;
  background-image: url(images/about_pagehead.png); }
.about__header__elem {
  width: auto !important; }

.about_nav ul li a {
  display: inline-block;
  height: 46px;
  background-image: url(images/about_nav.png);
  background-repeat: no-repeat; }
  .about_nav ul li a span {
    background-image: url(images/about_nav.png); }
  .about_nav ul li a.vision {
    width: 78px;
    background-position: 0px 0px; }
  .about_nav ul li a.vision span {
    background-position: 0px -46px;
  }
  .about_nav ul li a.values,
  .about_nav ul li a.officer,
  .about_nav ul li a.culture {
    background-image: url(images/values_title.png);
    width: 79px;
    background-size: 65px auto;
    background-position: center; 
  }
  .about_nav ul li a.officer {
    background-image: url(images/officer_title.png);
  }
  .about_nav ul li a.culture {
    background-image: url(images/culture_title.png);
  }
  .about_nav ul li a.values span, 
  .about_nav ul li a.officer span, 
  .about_nav ul li a.culture span {
    background-image: url(images/values_title_on.png);
    width: 79px;
    background-size: 65px auto;
    background-position: center; 
    background-repeat: no-repeat;
  }
  .about_nav ul li a.officer span {
    background-image: url(images/officer_title_on.png);
  }
  .about_nav ul li a.culture span {
    background-image: url(images/culture_title_on.png);
  }
  .about_nav ul li a.company {
    width: 85px;
    background-position: -78px 0px; }
    .about_nav ul li a.company span {
      background-position: -78px -46px; }
  .about_nav ul li a.history {
    width: 80px;
    background-position: -163px 0px; }
    .about_nav ul li a.history span {
      background-position: -163px -46px; }
  .about_nav ul li a.access {
    width: 80px;
    background-position: -243px 0px; }
    .about_nav ul li a.access span {
      background-position: -243px -46px; }

.about__sectionhead {
  width: 100%;
  height: 280px;
  position: relative;
  margin: 50px auto 42px; }
  .about__sectionhead > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
    .about__sectionhead > div:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(images/firstview_ptn.png);
      background-size: 4px 4px;
      z-index: 2; }
  .about__sectionhead > div > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-position: center 0px;
    background-attachment: fixed;
    background-size: auto 115%; }

.about_section, .about__section--vision, .about__section--culture, .about__section--values, .about__section--officer, .about__section--company, .about__section--history, .about__section--access {
  padding: 58px 0px 40px;
  position: relative; }
  .about_section .about__section__title, .about__section--officer .about__section__title, .about__section--vision .about__section__title, .about__section--culture .about__section__title, .about__section--values .about__section__title, .about__section--company .about__section__title, .about__section--history .about__section__title, .about__section--access .about__section__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    display: block;
    height: 54px;
    margin: 0 auto 46px auto; }
    .about__section--officer .about__section__title {
      width: 106px;
      background-image: url(images/section_title_officer.png); }

    .about__section--vision .about__section__title {
      width: 101px;
      background-image: url(images/section_title_vision.png); }
    .about__section--culture .about__section__title {
      width: 122px;
      background-image: url(images/section_title_culture.png); 
      background-repeat: no-repeat;
      background-position: center;
    }
    .about__section--values .about__section__title {
      width: 122px;
      background-repeat: no-repeat;
      background-image: url(images/section_title_values.png); 
      background-position: center;
    }
.about__section--vision h3, .about__section--culture h3, .about__section--values h3  {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  color: #0e93d6;
  font-size: 28px;
  font-weight: bold;
  display: block;
  text-align: center;
  width: auto;
  height: 54px;
  line-height: 54px;
  position: relative;
  vertical-align: top;
  margin: 58px 0 36px; }
  .about__section--vision h3 br,.about__section--culture h3 br {
    display: none; }
    .about__section--vision h3:before, .about__section--vision h3:after, .about__section--culture h3:before, .about__section--culture h3:after, .about__section--values h3:before, .about__section--values h3:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 54px;
    background-image: url(images/quote.png);
    background-repeat: no-repeat;
    vertical-align: top; }
    .about__section--vision h3:before, .about__section--culture h3:before, .about__section--values h3:before {
    background-position: 0px 0px;
    margin: 0 18px 0 0; }
    .about__section--vision h3:after, .about__section--culture h3:after, .about__section--values h3:after {
    background-position: -22px 0px;
    margin: 0 0 0 18px; }
.about__section--vision h4, .about__section--culture h4  {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
  font-size: 20px;
  font-weight: bold;
  display: block;
  text-align: center;
  color: #0e93d6;
  margin: 42px 0 24px; }
  .about__section--vision p, .about__section--culture p, .about__section--values p {
  font-size: 14px;
  line-height: 24px;
  text-align: center; }

.about__section--company .about__section__title {
  width: 150px;
  background-image: url(images/section_title_company.png); }
.about__section--company dl {
  position: relative;
  width: 720px;
  height: auto;
  margin: 0 auto;
  border-top: 1px solid #E5E5E5; }
  .about__section--company dl:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }
  .about__section--company dl dt, .about__section--company dl dd {
    font-size: 14px;
    line-height: 28px;
    padding: 11px 0; }
  .about__section--company dl dt {
    display: block;
    position: absolute;
    left: 25px;
    color: #0e93d6;
    font-weight: bold; }
  .about__section--company dl dd {
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 156px; }

.about__section--history .about__section__title {
  width: 120px;
  background-image: url(images/section_title_history.png); }
.about__section--history dl {
  position: relative; }
  .about__section--history dl:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }
  .about__section--history dl dt, .about__section--history dl dd {
    font-size: 14px;
    line-height: 28px;
    padding: 11px 0; }
.about__section--history > dl {
  width: 720px;
  height: auto;
  margin: 0 auto;
  border-top: 1px solid #E5E5E5; }
  .about__section--history > dl > dt {
    display: block;
    position: absolute;
    left: 25px;
    color: #0e93d6;
    font-weight: bold; }
  .about__section--history > dl > dd {
    padding: 0 0 0 90px;
    border-bottom: 1px solid #e5e5e5; }
.about__section--history > dl dl dt {
  display: block;
  position: absolute;
  left: 15px;
  width: 3em;
  text-align: center; }
.about__section--history > dl dl dd {
  padding-left: 72px;
  padding-right: 50px;
  border-bottom: 1px solid #e5e5e5; }
  .about__section--history > dl dl dd:last-of-type {
    border-bottom: 0px; }

.about__section--access {
  padding-bottom: 120px; }
  .about__section--access .about__section__title {
    margin-bottom: 30px;
    width: 111px;
    background-image: url(images/section_title_access.png); }
  .about__section--access .about__map {
    position: relative;
    width: 100%;
    height: 280px;
    margin: 0 auto 34px; }
    .about__section--access .about__map > div, .about__section--access .about__map > div > div {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: 1; }
  .about__section--access p {
    font-size: 14px;
    line-height: 24px;
    text-align: center; }

@media screen and (max-width: 810px) {
  .about__section--vision p, .about__section--culture p  {
    padding-left: 30px;
    padding-right: 30px; }
    .about__section--vision p br, .about__section--culture p br  {
      display: none; } }
@media screen and (max-width: 750px) {
  .about__header h1 {
    width: 81px;
    height: 21px;
    top: 52px;
    background-image: url(images/about_pagehead_sp.png);
    background-size: 81px 21px; }
  .about_nav ul li:nth-of-type(odd){
    border-right: none;
    border-left: 1px solid #000;
  }
  .about_nav ul li:first-child{
    width: 100%;
    border-left: none;
  }
  .about_nav ul li a {
    display: block;
    background-image: none; }
    .about_nav ul li a:before {
      width: 66px;
      background-image: url(images/about_nav_sp.png);
      background-size: 264px 43px; }
    .about_nav ul li a.vision {
      width: 100%; }
    .about_nav ul li a.vision:before {
      background-position: 0px 0px; 
    }
    .about_nav ul li a.values,
    .about_nav ul li a.officer,
    .about_nav ul li a.culture {
      background-image: none;
      width: 100%; }
    .about_nav ul li a.values:before,
    .about_nav ul li a.officer:before,
    .about_nav ul li a.culture:before {
      background-image: url(images/values_title_sp.png);
      background-size: 45px auto;
      background-position: center;
      width: 100%;
    }
    /* .about_nav ul li#about_nav_history{
      display: none;
    } */
    .about_nav ul li a.officer:before {
      background-image: url(images/officer_title_sp.png);
    }
    .about_nav ul li a.culture:before {
      background-image: url(images/culture_title.png);
      background-size: 55px auto;
    }
    .about_nav ul li a.company {
      width: 100%; }
      .about_nav ul li a.company:before {
        background-position: -66px 0px; }
    .about_nav ul li a.history {
      width: 100%; }
      .about_nav ul li a.history:before {
        background-position: -132px 0px; }
    .about_nav ul li a.access {
      width: 100%; }
      .about_nav ul li a.access:before {
        background-position: -198px 0px; }

  .about__sectionhead {
    height: 140px;
    position: relative;
    margin: 40px auto 0px; }

  .about_section, .about__section--vision, .about__section--culture, .about__section--company, .about__section--history, .about__section--access {
    padding: 60px 0px 5px;
    position: relative; }
    .about_section .about__section__title, .about__section--vision .about__section__title, .about__section--company .about__section__title, .about__section--history .about__section__title, .about__section--access .about__section__title {
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      display: block;
      height: 41px;
      margin: 0 auto 40px auto; }

  .about__section--vision, .about__section--culture {
    padding-bottom: 15px; }
    .about__section--vision .about__section__title {
      width: 125px;
      background-image: url(images/section_title_vision_sp.png);
      background-size: 125px 41px; }
      .about__section--culture .about__section__title {
        width: 103px;
        background-image: url(images/section_title_culture_sp.png);
        background-size: 103px 48px; }
    .about__section--vision h3, .about__section--culture h3, .about__section--values h3 {
      font-size: 27px;
      line-height: 32px;
      margin: 40px auto 28px; }
      .about__section--vision h3:before, .about__section--vision h3:after, .about__section--culture h3:before, .about__section--culture h3:after, .about__section--values h3:before, .about__section--values h3:after {
        display: none; }
      .about__section--vision h3 br, .about__section--culture h3 br  {
        display: block; }
    .about__section--vision h4 {
      font-size: 19px; }
      .about__section--vision h4:not(:first-of-type) {
        margin-top: 32px; }
    .about__section--vision p, .about__section--culture p, .about__section--values p {
      font-size: 14px;
      line-height: 26px;
      width: auto;
      padding-left: 40px;
      padding-right: 40px;
      text-align: left; }
    .about__section--values .about__section__title {
      width: 125px;
      background-image: url(images/section_title_values_sp.png);
      background-size: 98px 48px;
     }
    .about__section--culture .about__section__title {
      width: 103px;
      background-image: url(images/section_title_culture_sp.png);
      background-size: 103px 48px;
    }
  .about__section--company .about__section__title {
    width: 125px;
    background-image: url(images/section_title_company_sp.png);
    background-size: 125px 41px;
    margin-bottom: 20px; }
  .about__section--company dl {
    position: relative;
    width: auto;
    height: auto;
    margin: 0 15px;
    border-top: 1px solid #E5E5E5; }
    .about__section--company dl dt, .about__section--company dl dd {
      font-size: 12px;
      line-height: 21px;
      padding-left: 25px;
      padding-right: 25px; }
    .about__section--company dl dt {
      display: block;
      position: relative;
      left: auto;
      color: #0e93d6;
      font-weight: bold;
      padding-top: 9px;
      padding-bottom: 0px; }
    .about__section--company dl dd {
      display: block;
      border-bottom: 1px solid #e5e5e5;
      padding-top: 0px;
      padding-bottom: 9px; }

  .about__section--history .about__section__title {
    width: 125px;
    background-image: url(images/section_title_history_sp.png);
    background-size: 125px 41px;
    margin-bottom: 20px; }
  .about__section--history dl {
    position: relative; }
    .about__section--history dl:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }
    .about__section--history dl dt, .about__section--history dl dd {
      font-size: 12px;
      line-height: 21px; }
  .about__section--history > dl {
    width: auto;
    height: auto;
    margin: 0 15px; }
    .about__section--history > dl > dt {
      display: block;
      position: relative;
      left: auto;
      font-size: 16px;
      color: #0e93d6;
      font-weight: bold;
      padding: 11px 25px 0; }
    .about__section--history > dl > dd {
      padding: 0px; }
  .about__section--history > dl dl {
    margin-top: -5px; }
    .about__section--history > dl dl dt {
      left: 26px;
      text-align: left;
      padding: 10px 0; }
    .about__section--history > dl dl dd {
      padding: 10px 25px 10px 64px; }
      .about__section--history > dl dl dd:last-of-type {
        border-bottom: 0px; }

  .about__section--access {
    padding-bottom: 50px; }
    .about__section--access .about__section__title {
      width: 125px;
      background-image: url(images/section_title_access_sp.png);
      background-size: 125px 41px;
      margin-bottom: 20px; }
    .about__section--access .about__map {
      height: 175px;
      margin: 0 auto 26px; }
    .about__section--access p {
      font-size: 14px;
      line-height: 24px;
      margin: 0 40px;
      text-align: left; } }
.news .main {
  padding-bottom: 90px; }

.news__header > div > div {
  background-image: url(images/news_pagehead_bg.jpg); }
.news__header h1 {
  width: 112px;
  height: 34px;
  top: 108px;
  background-image: url(images/news_pagehead.png); }
.news__header__elem {
  width: auto !important; }

.news_nav {
  width: 100%;
  height: 26px;
  margin: 0px auto 84px;
  padding-top: 32px; }
  .news_nav ul {
    position: relative;
    width: 100%;
    font-size: 0px;
    text-align: center; }
  .news_nav ul li {
    display: inline-block;
    margin: 0 40px; }
  .news_nav ul li a {
    position: relative;
    display: block;
    height: 24px;
    background-image: url(images/news_nav.png);
    background-repeat: no-repeat; }
    .news_nav ul li a:after {
      content: "";
      display: block;
      width: 0%;
      height: 2px;
      position: absolute;
      right: 0px;
      bottom: -2px;
      background-color: #0e93d6;
      transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    .news_nav ul li a span {
      display: block;
      width: 100%;
      height: 24px;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(images/news_nav.png);
      background-repeat: no-repeat;
      background-color: #FFF;
      transition: opacity 0.15s linear 0s;
      opacity: 0;
      filter: alpha(opacity=0); }
    .news_nav ul li a.all {
      width: 37px;
      background-position: 0px 0px;
      margin-right: 30px; }
      .news_nav ul li a.all span {
        background-position: 0px -24px; }
    .news_nav ul li a.press {
      width: 105px;
      background-position: -37px 0px; }
      .news_nav ul li a.press span {
        background-position: -37px -24px; }
    .news_nav ul li a.medias {
      width: 102px;
      background-position: -145px 0px; }
      .news_nav ul li a.medias span {
        background-position: -145px -24px; }
    .news_nav ul li a:hover:after {
      width: 100%;
      left: 0px; }
    .news_nav ul li a:hover span {
      opacity: 1;
      filter: alpha(opacity=100); }
  .news_nav ul li.current a:after {
    width: 100% !important;
    left: 0px !important; }
  .news_nav ul li.current a span {
    opacity: 1;
    filter: alpha(opacity=100);
    transition-duration: 0s; }

.news__list {
  width: auto;
  max-width: 1050px;
  margin: 0 auto 40px; }
  .news__list:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

.news__list__article {
  display: block;
  width: 495px;
  height: 380px;
  float: left;
  margin: 0 15px 30px;
  background-color: #f5f5f5;
  border-radius: 8px 8px 0px 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 80px);
      -ms-transform: translate(0px, 80px);
          transform: translate(0px, 80px);
  transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__list__article a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #1a1a1a; }
  .news__list__article.fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    .news__list__article.fadeIn .news__list__article__body {
      opacity: 1;
      filter: alpha(opacity=100); }
  .news__list__article:hover .news__list__article__img > div > div {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1); }
  .news__list__article:hover .news__list__article__body h1 {
    color: #0e93d6; }

.news__list__article__img {
  width: 100%;
  height: 258px;
  position: relative; }
  .news__list__article__img:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .news__list__article__img > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .news__list__article__img.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__list__article__img.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .news__list__article__img.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .news__list__article__img.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .news__list__article__img > div, .news__list__article__img > div > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center; }
  .news__list__article__img > div > div {
    width: 495px;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.news__list__article__body {
  padding: 20px 30px 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity .8s linear .6s; }
  .news__list__article__body__date {
    display: inline-block;
    font-size: 18px;
    color: #0e93d6;
    font-weight: bold;
    line-height: 23px;
    height: 23px;
    vertical-align: top; }
  .news__list__article__body__cat {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: 20px;
    margin-left: 12px; }
    .news__list__article__body__cat span {
      display: block;
      height: 20px;
      display: block;
      text-indent: 200%;
      white-space: nowrap;
      overflow: hidden;
      color: transparent;
      background-repeat: no-repeat;
      width: 100px;
    }
    .news__list__article__body__cat span.medias {
      background-image: url(images/news_list_type_media.png); }
      .news__list__article__body__cat span.platform {
        background-image: url(images/news_list_type_platform.png); }
      .news__list__article__body__cat span.press {
        background-image: url(images/news_list_type_press.png); }
  .news__list__article__body__title {
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 8px;
    transition: color 0.15s linear; }

.news__loadmore {
  margin: 0 auto 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px); }
  .news__loadmore .sweep_normal span,
  .news__loadmore .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_loadmore.png);
    background-size: 178px 96px; }
  .news__loadmore .sweep_normal span {
    background-position: 0px -48px; }
  .news__loadmore .sweep_over span {
    background-position: 0px 0px; }
  .news__loadmore.processing {
    cursor: default;
    opacity: 0.5 !important;
    filter: alpha(opacity=50); }
    .news__loadmore.processing .sweep_over {
      width: 100%;
      right: auto;
      left: 0px; }
      .news__loadmore.processing .sweep_over span {
        left: 0px;
        right: auto; }
  .news__loadmore.fadein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }

.news__article {
  width: 720px;
  height: auto;
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__article.fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.news__article__head__date {
  display: inline-block;
  font-size: 18px;
  color: #0e93d6;
  font-weight: bold;
  line-height: 23px;
  height: 23px;
  vertical-align: top; }
.news__article__head__cat {
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: 20px;
  margin-left: 12px; }
  .news__article__head__cat span {
    display: block;
    height: 20px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent; }
    .news__article__head__cat span.topics {
      width: 55px;
      background-image: url(images/news_list_type_topics.png); }
    .news__article__head__cat span.press {
      width: 100px;
      background-image: url(images/news_list_type_press.png); }
.news__article__head__title {
  font-size: 18px;
  line-height: 24px;
  margin-top: 14px;
  font-weight: bold; }

.news__article__eyecatch {
  width: 100%;
  height: 375px;
  border-radius: 8px 8px 0px 8px;
  z-index: 1;
  position: relative;
  overflow: hidden;
  margin: 26px 0px; }
  .news__article__eyecatch:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .news__article__eyecatch > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .news__article__eyecatch.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__article__eyecatch.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .news__article__eyecatch.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .news__article__eyecatch.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .news__article__eyecatch > div, .news__article__eyecatch > div > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center; }
  .news__article__eyecatch > div > div {
    width: 720px; }

.news__pr_info {
  width: 720px;
  height: auto;
  margin: 70px auto 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__pr_info h2 {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin: 38px auto 14px; }
  .news__pr_info dl {
    border-top: 1px solid #E5E5E5; }
    .news__pr_info dl:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }
    .news__pr_info dl dt, .news__pr_info dl dd {
      font-size: 14px;
      line-height: 28px;
      padding: 11px 0; }
    .news__pr_info dl dt {
      display: block;
      position: absolute;
      left: 25px;
      color: #0e93d6;
      font-weight: bold; }
    .news__pr_info dl dd {
      display: block;
      border-bottom: 1px solid #e5e5e5;
      padding-left: 156px; }
  .news__pr_info .news__pr_info__inquiry dt {
    color: #000; }
  .news__pr_info .news__pr_info__inquiry dd {
    padding-left: 182px; }
  .news__pr_info.fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.news__article_nav {
  position: relative;
  width: 720px;
  height: 56px;
  margin: 80px auto 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.8s linear, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .news__article_nav.fadeIn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.news__article_nav__prev,
.news__article_nav__all,
.news__article_nav__next {
  width: 228px;
  height: 56px;
  position: absolute;
  top: 0px; }
  .news__article_nav__prev .sweep_normal span,
  .news__article_nav__prev .sweep_over span,
  .news__article_nav__all .sweep_normal span,
  .news__article_nav__all .sweep_over span,
  .news__article_nav__next .sweep_normal span,
  .news__article_nav__next .sweep_over span {
    width: 226px;
    height: 54px;
    background-size: 226px 108px; }
  .news__article_nav__prev .sweep_normal span,
  .news__article_nav__all .sweep_normal span,
  .news__article_nav__next .sweep_normal span {
    background-position: 0px -54px; }
  .news__article_nav__prev .sweep_over span,
  .news__article_nav__all .sweep_over span,
  .news__article_nav__next .sweep_over span {
    background-position: 0px 0px; }

.news__article_nav__prev {
  left: 0px; }
  .news__article_nav__prev .sweep_normal span,
  .news__article_nav__prev .sweep_over span {
    background-image: url(images/btn_prev.png); }

.news__article_nav__all {
  left: 248px; }
  .news__article_nav__all .sweep_normal span,
  .news__article_nav__all .sweep_over span {
    background-image: url(images/btn_all.png); }

.news__article_nav__next {
  right: 0px; }
  .news__article_nav__next .sweep_normal span,
  .news__article_nav__next .sweep_over span {
    background-image: url(images/btn_next.png); }

span.news__article_nav__prev,
span.news__article_nav__next {
  opacity: 0.1 !important;
  filter: alpha(opacity=10); }
  span.news__article_nav__prev .sweep_over,
  span.news__article_nav__next .sweep_over {
    display: none; }

@media screen and (max-width: 1080px) {
  .news__list {
    width: 525px; } }
@media screen and (max-width: 750px) {
  .news .main {
    padding-bottom: 60px; }

  .news__header h1 {
    width: 70px;
    height: 20px;
    top: 52px;
    background-image: url(images/news_pagehead_sp.png);
    background-size: 70px 20px; }

  .news_nav {
    position: relative;
    width: 290px;
    height: 40px;
    margin: 0px auto 30px;
    padding-top: 30px;
    z-index: 2; }
    .news_nav__inner {
      position: absolute;
      left: 0px;
      top: 30px;
      box-sizing: border-box;
      width: 290px;
      height: 40px;
      border: 1px solid #000;
      overflow: hidden;
      background-color: #FFF;
      transition: height 0.35s cubic-bezier(0.19, 1, 0.22, 1);
      border-radius: 3px; }
      .news_nav__inner:before {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background-image: url(images/news_nav_sp_arrow.png);
        background-size: 11px 6px;
        background-repeat: no-repeat;
        position: absolute;
        right: 14px;
        top: 17px; }
    .news_nav ul {
      position: relative;
      width: 100%;
      font-size: 0px;
      text-align: center;
      height: auto;
      padding-top: 38px; }
    .news_nav ul li {
      display: block;
      width: 100%;
      height: 38px;
      margin: 0px; }
    .news_nav ul li a {
      width: 100% !important;
      height: 38px;
      background-image: none; }
      .news_nav ul li a:after {
        display: none; }
      .news_nav ul li a span {
        display: block;
        width: 225px;
        height: 20px;
        position: absolute;
        left: 32px;
        top: 9px;
        background-image: url(images/news_nav_sp.png);
        background-size: 225px 60px;
        background-repeat: no-repeat;
        background-color: transparent;
        opacity: 1 !important;
        filter: alpha(opacity=100); }
      .news_nav ul li a.all span {
        background-position: 0px 0px; }
      .news_nav ul li a.press span {
        background-position: 0px -20px; }
      .news_nav ul li a.medias span {
        background-position: 0px -40px; }
    .news_nav ul li.current {
      position: absolute;
      top: 0px; }
    .news_nav ul li.odd {
      background-color: #f2f2f2; }
    .news_nav.open .news_nav__inner {
      height: 116px; }
      .news_nav.open .news_nav__inner:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }

  .news__list {
    width: 290px;
    margin: 0 auto 30px; }

  .news__list__article {
    display: block;
    width: 290px;
    height: 265px;
    float: none;
    margin: 0 auto 15px;
    border-radius: 6px 6px 0px 6px; }

  .news__list__article__img {
    width: 100%;
    height: 151px;
    position: relative; }
    .news__list__article__img > div > div {
      width: 290px; }

  .news__list__article__body {
    padding: 15px 15px 0; }
    .news__list__article__body__date {
      font-size: 16px;
      line-height: 18px;
      height: 18px; }
    .news__list__article__body__cat {
      height: 16px;
      margin-left: 8px; }
      .news__list__article__body__cat span {
        height: 16px;}
        .news__list__article__body__cat span.medias {
          width: 67px;
          background-image: url(images/news_list_type_media_sp.png);
          background-size: 67px 16px; }
          .news__list__article__body__cat span.platform {
            width: 54px;
            background-image: url(images/news_list_type_platform_sp.png);
            background-size: 54px 16px; }
        .news__list__article__body__cat span.press {
          width: 73px;
          background-image: url(images/news_list_type_press_sp.png);
          background-size: 73px 16px; }
    .news__list__article__body__title {
      font-size: 14px;
      line-height: 21px;
      margin-top: 8px;
      transition: color 0.15s linear;
      width: 100%;
      height: 63px;
      overflow: hidden; }

  .news__loadmore .sweep_normal span,
  .news__loadmore .sweep_over span {
    width: 138px;
    height: 38px;
    background-image: url(images/btn_loadmore_sp.png);
    background-size: 138px 76px; }
  .news__loadmore .sweep_normal span {
    background-position: 0px -38px; }
  .news__loadmore .sweep_over span {
    background-position: 0px 0px; }

  .news__article {
    width: 100%;
    height: auto;
    margin: 0 auto; }

  .news__article__head {
    width: 290px;
    margin: 0 auto; }
    .news__article__head__date {
      font-size: 16px;
      line-height: 18px;
      height: 18px; }
    .news__article__head__cat {
      height: 16px;
      margin-left: 12px; }
      .news__article__head__cat span {
        height: 16px; }
        .news__article__head__cat span.topics {
          width: 48px;
          background-image: url(images/news_list_type_topics_sp.png);
          background-size: 48px 16px; }
        .news__article__head__cat span.press {
          width: 80px;
          background-image: url(images/news_list_type_press_sp.png);
          background-size: 80px 16px; }
    .news__article__head__title {
      font-size: 16px;
      line-height: 21px;
      margin-top: 10px;
      font-weight: bold; }

  .news__article__eyecatch {
    height: 195px;
    border-radius: 0px;
    margin: 12px 0px; }
    .news__article__eyecatch > div > div {
      width: 100%; }

  .news__article__body {
    width: 290px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px; }

  .news__pr_info {
    width: 290px;
    width: calc(100% - 30px);
    max-width: 345px;
    margin: 56px auto 0px; }
    .news__pr_info h2 {
      font-size: 12px;
      line-height: 21px;
      margin: 20px auto 10px 25px; }
    .news__pr_info dl {
      position: relative;
      width: auto;
      height: auto;
      margin: 0;
      border-top: 1px solid #E5E5E5; }
      .news__pr_info dl dt, .news__pr_info dl dd {
        font-size: 12px;
        line-height: 21px;
        padding-left: 25px !important;
        padding-right: 25px; }
      .news__pr_info dl dt {
        display: block;
        position: relative;
        left: auto;
        color: #0e93d6;
        font-weight: bold;
        padding-top: 9px;
        padding-bottom: 0px; }
      .news__pr_info dl dd {
        display: block;
        border-bottom: 1px solid #e5e5e5;
        padding-top: 0px;
        padding-bottom: 9px; }

  .news__article_nav {
    position: relative;
    width: 290px;
    height: 40px;
    margin: 60px auto 0; }

  .news__article_nav__prev,
  .news__article_nav__next {
    width: 105px;
    height: 40px;
    position: absolute;
    top: 0px; }
    .news__article_nav__prev .sweep_normal span,
    .news__article_nav__prev .sweep_over span,
    .news__article_nav__next .sweep_normal span,
    .news__article_nav__next .sweep_over span {
      width: 103px;
      height: 38px;
      background-size: 103px 76px; }
    .news__article_nav__prev .sweep_normal span,
    .news__article_nav__next .sweep_normal span {
      background-position: 0px -38px; }
    .news__article_nav__prev .sweep_over span,
    .news__article_nav__next .sweep_over span {
      background-position: 0px 0px; }

  .news__article_nav__prev {
    left: 0px; }
    .news__article_nav__prev .sweep_normal span,
    .news__article_nav__prev .sweep_over span {
      background-image: url(images/btn_prev_sp.png); }

  .news__article_nav__next {
    right: 0px; }
    .news__article_nav__next .sweep_normal span,
    .news__article_nav__next .sweep_over span {
      background-image: url(images/btn_next_sp.png); }

  .news__article_nav__all {
    left: 119px;
    width: 50px;
    height: 40px; }
    .news__article_nav__all .sweep_normal span,
    .news__article_nav__all .sweep_over span {
      width: 48px;
      height: 38px;
      background-image: url(images/btn_all_sp.png);
      background-size: 48px 76px; }
    .news__article_nav__all .sweep_normal span {
      background-position: 0px -38px; }
    .news__article_nav__all .sweep_over span {
      background-position: 0px 0px; } }
.policy {
  width: 720px;
  margin: 0 auto; }

.policy__title, .cookie__title, .other__title{
  display: block;
  white-space: nowrap;
  overflow: hidden;
  width: 231px;
  height: 54px;
  margin: 100px auto 50px;
  font-weight: bold; }
.policy__title{
  color: transparent;
  text-indent: 200%;
  background-image: url(images/section_title_privacy.png);
}
.cookie__title{
  font-size: 24px;
  width: 280px;
}
.cookie .third_party_privacy{
  overflow-wrap: break-word;
}

.policy__heading {
  font-size: 14px;
  line-height: 24px;
  font-weight: bold; }

.policy__text {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px; }
  .policy__text ol, .policy__text ul {
    padding-left: 1.5em; }
  .policy__text > ol, .policy__text > ul {
    margin-top: 24px;
    margin-bottom: 24px; }
  .policy__text ol li {
    counter-increment: cnt;
  }
  .policy__text ol li::before {
    content: "(" counter(cnt) ") ";
  }
  .policy__text ul {
    list-style: disc outside; }

  .cookie h3.policy__heading{
    font-size: 16px;
  }
  .cookie p,.cookie table{
    margin-bottom: 24px;
  }
  .cookie .sp {
    display: none;
  }
  .cookie table{
    display: block;
    width: 100%;
    table-layout: fixed;
  }
  .cookie table tr {
    border-bottom: solid 1px #d7d7d7;
  }
  .cookie table tr td,.cookie table tr th{
    border-left: solid 1px #d7d7d7;
    line-height: 24px;
    padding:0.5rem;
    min-width: 170px;
  }
  .cookie table tr td:first-child,.cookie table tr th:first-child{
    border-left: none;
  }
  .cookie table th{
    font-weight: bold;
    text-align: left;
  }
    
.usage {
  width: 720px;
  margin: 0 auto 130px; }
  .usage p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px; }
    .usage p a {
      color: #0e93d6; }

.usage__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 423px;
  height: 50px;
  background-image: url(images/section_title_usage.png);
  margin: 130px auto 50px; }

.site-policy {
  width: 720px;
  margin: 0 auto 130px; }
  .site-policy h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold; }
  .site-policy p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 48px; }

.site-policy__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 174px;
  height: 54px;
  background-image: url(images/section_site_policy.png);
  margin: 100px auto 50px; }

.sitemap {
  margin-bottom: 130px; }

.sitemap__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 140px;
  height: 54px;
  background-image: url(images/section_title_sitemap.png);
  background-size: 140px 54px;
  background-repeat: no-repeat;
  margin: 130px auto 50px; }

.sitemap__container {
  width: 1038px;
  height: auto;
  margin: 0 auto; }
  .sitemap__container:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

.sitemap__block {
  position: relative;
  width: 326px;
  height: 326px;
  float: left;
  margin: 0 10px 20px;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  z-index: 1;
  background-color: #f2f2f2;
  z-index: 1;
  overflow: hidden; }
  .sitemap__block h3 {
    width: 226px;
    height: 20px;
    margin: 26px auto;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    background-size: 226px 20px;
    position: relative; }
    .sitemap__block h3:before {
      content: "";
      display: block;
      width: 226px;
      height: 20px;
      background-size: 226px 20px;
      position: absolute;
      left: 0px;
      top: 0px; }
    .sitemap__block h3.about:before {
      background-image: url(images/sitemap_cat_about.png); }
    .sitemap__block h3.service:before {
      background-image: url(images/sitemap_cat_service.png); }
    .sitemap__block h3.news:before {
      background-image: url(images/sitemap_cat_news.png); }
    .sitemap__block h3.recruit:before {
      background-image: url(images/sitemap_cat_recruit.png); }
    .sitemap__block h3.contact:before {
      background-image: url(images/sitemap_cat_contact.png); }
    .sitemap__block h3.other:before {
      background-image: url(images/sitemap_cat_other.png); }
  .sitemap__block ul {
    width: auto;
    margin: 0 40px; }
  .sitemap__block ul li a {
    color: #1a1a1a;
    line-height: 36px;
    font-size: 16px;
    text-decoration: none;
    position: relative; }
    .sitemap__block ul li a:before {
      content: "＞";
      display: inline-block;
      -webkit-transform: scaleX(0.6);
          -ms-transform: scaleX(0.6);
              transform: scaleX(0.6); }
    .sitemap__block ul li a:hover {
      color: #0e93d6;
      text-decoration: underline; }
  .sitemap__block ul li.techbot a {
    font-size: 0px;
    color: transparent; }
    .sitemap__block ul li.techbot a:before {
      font-size: 16px;
      color: #1a1a1a;
      vertical-align: middle; }
    .sitemap__block ul li.techbot a:after {
      content: "";
      display: inline-block;
      width: 115px;
      height: 28px;
      background-image: url(images/sitemap_techbot.png);
      background-size: 115px 28px;
      background-repeat: no-repeat;
      vertical-align: middle;
      position: relative;
      left: 4px; }
    .sitemap__block ul li.techbot a:hover {
      text-decoration: none; }
      .sitemap__block ul li.techbot a:hover:before {
        color: #0e93d6; }

@media screen and (max-width: 1050px) {
  .sitemap__container {
    width: 692px; } }
.contact {
  width: 720px;
  margin: 0 auto; }

.contact__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 128px;
  height: 49px;
  background-image: url(images/section_title_contact.png);
  background-size: 128px 49px;
  background-repeat: no-repeat;
  margin: 130px auto 50px; }

.contact__tab {
  margin-bottom: 50px; }
  .contact__tab ul {
    text-align: center;
    font-size: 0px; }
  .contact__tab ul li {
    display: inline-block; }
    .contact__tab ul li.current a {
      color: #0e93d6;
      border-color: #0e93d6; }
  .contact__tab ul li a {
    display: block;
    margin: 0 100px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    border-bottom: 2px solid transparent; }

.contact__form {
  border-top: 1px solid #E5E5E5; }
  .contact__form .mailform #check_sss {
    display: none; }
  .contact__form .mailform.pat_b #check_service,
  .contact__form .mailform.pat_b #check_sss {
    display: none; 
  }
  .contact__form .mailform.pat_a .appver,
  .contact__form .mailform.pat_a .model {
    display: none; }
  .contact__form .mailform.pat_c .username,
  .contact__form .mailform.pat_c .userid,
  .contact__form .mailform.pat_c .appver,
  .contact__form .mailform.pat_c .model,
  .contact__form .mailform.pat_c #check_service {
    display: none; }
  .contact__form .mailform.pat_c #check_sss {
    display: block; }
    .contact__form .mailform.pat_d .username,
    .contact__form .mailform.pat_d .userid,
    .contact__form .mailform.pat_d .environment,
    .contact__form .mailform.pat_d .appver,
    .contact__form .mailform.pat_d .model {
    display: none; }
  .contact__form .mailform.pat_e .username,
  .contact__form .mailform.pat_e .userid,
  .contact__form .mailform.pat_e .environment {
    display: none; }
  .contact__form .mailform.pat_f .appver {
    display: none; }
  .contact__form .mailform.pat_b .appver {
    display: block; }
    @media screen and (max-width: 750px) {
      .select_cp_2 .mailform__part__input__radio--inline label.other{
        display: block;
      }
    }

@media screen and (max-width: 750px) {
  .policy {
    width: auto;
    margin: 0 40px; }

    .policy__title, .cookie__title, .other__title {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 186px;
    height: 41px;
    background-size: 186px 41px;
    margin: 55px auto 30px;
    font-weight: bold; }
    .policy__title {
      color: transparent;
      text-indent: 200%;
      background-image: url(images/section_title_privacy_sp.png);
    }
    .cookie__title{
      font-size: 16px;
    }

  .policy__heading {
    font-size: 12px;
    line-height: 21px;
    font-weight: bold; }

  .policy__text {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 21px; }
    .policy__text > ol, .policy__text > ul {
      margin-top: 21px;
      margin-bottom: 21px; }
  
    .cookie h3.policy__heading{
      font-size: 14px;
    }
    .cookie p,.cookie ul,.cookie dl{
      margin-bottom: 28px;
    }
    .cookie table{
      display: none;
    }
    .cookie .sp{
      display: block;
    }
    .cookie ul.sp{
      list-style: none;
      padding-left: 0px;
    }
    .cookie ul.sp li span{
      font-weight: bold;
    }
    .cookie dl.sp dt{
      font-weight: bold;
      line-height: 28px;
    }
    .cookie dl.sp dd, .cookie ul.sp li{
      border-bottom: solid 1px #d7d7d7;
      line-height: 28px;
      text-indent: 0.5rem;
    }
    .cookie dl.sp dd{
      line-height: 21px; 
    }

  .usage {
    width: auto;
    margin: 0 40px 60px; }
    .usage p {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 21px; }
      .usage p a {
        color: #0e93d6; }

  .usage__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    width: 214px;
    height: 71px;
    background-image: url(images/section_title_usage_sp.png);
    background-size: 214px 71px;
    margin: 60px auto 30px; }

  .site-policy {
    width: auto;
    margin: 0 40px 60px; }
    .site-policy h3 {
      font-size: 12px;
      line-height: 21px; }
    .site-policy p {
      font-size: 12px;
      line-height: 21px;
      margin-bottom: 42px; }

  .site-policy__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    width: 139px;
    height: 41px;
    background-image: url(images/section_site_policy_sp.png);
    background-size: 139px 41px;
    margin: 60px auto 30px; }

  .sitemap {
    margin-bottom: 60px; }

  .sitemap__title {
    width: 114px;
    height: 40px;
    background-image: url(images/section_title_sitemap_sp.png);
    background-size: 114px 40px;
    margin: 55px auto 30px; }

  .sitemap__container {
    width: 290px;
    height: auto;
    margin: 0 auto; }

  .sitemap__block {
    width: 290px;
    height: auto;
    float: none;
    margin: 0 auto 15px;
    border-radius: 6px 6px 0px 6px; }
    .sitemap__block__crop > div {
      overflow: hidden;
      width: 290px;
      max-height: 47px;
      transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    .sitemap__block h3 {
      height: 47px;
      width: 100%;
      margin: 0px;
      cursor: pointer; }
      .sitemap__block h3:before {
        position: absolute;
        top: 14px;
        left: 50%;
        margin-left: -113px; }
      .sitemap__block h3:after {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background-image: url(images/news_nav_sp_arrow.png);
        background-size: 11px 6px;
        position: absolute;
        top: 20px;
        right: 15px; }
    .sitemap__block.open .sitemap__block__crop > div {
      max-height: 300px; }
    .sitemap__block.open h3:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .sitemap__block ul {
      width: auto;
      margin: 0 40px 20px; }
    .sitemap__block ul li a {
      color: #1a1a1a;
      line-height: 36px;
      font-size: 14px; }

  .contact {
    width: auto;
    margin: 0 15px; }

  .contact__title {
    width: 105px;
    height: 41px;
    background-image: url(images/section_title_contact_sp.png);
    background-size: 105px 41px;
    margin: 55px auto 30px; }

  .contact__tab {
    position: relative;
    width: 290px;
    height: 40px;
    margin: 20px auto 30px;
    z-index: 2; }
    .contact__tab__inner {
      position: absolute;
      left: 0px;
      top: 0px;
      box-sizing: border-box;
      width: 290px;
      height: 40px;
      border: 1px solid #000;
      overflow: hidden;
      background-color: #FFF;
      transition: height 0.35s cubic-bezier(0.19, 1, 0.22, 1); }
      .contact__tab__inner:before {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background-image: url(images/news_nav_sp_arrow.png);
        background-size: 11px 6px;
        background-repeat: no-repeat;
        position: absolute;
        right: 14px;
        top: 17px; }
    .contact__tab ul {
      position: relative;
      width: 100%;
      font-size: 0px;
      text-align: center;
      height: auto;
      padding-top: 38px; }
    .contact__tab ul li {
      display: block;
      width: 100%;
      height: 38px;
      margin: 0px; }
    .contact__tab ul li a {
      width: 100% !important;
      height: 38px;
      background-image: none;
      margin: 0;
      border: none !important;
      line-height: 38px; }
    .contact__tab ul li.current {
      position: absolute;
      top: 0px; }
      .contact__tab ul li.current a {
        color: #000; }
    .contact__tab ul li:not(.current) {
      background-color: #f2f2f2; }
    .contact__tab.open .contact__tab__inner {
      height: auto; }
      .contact__tab.open .contact__tab__inner:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); } }
.notfound {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 460px; }
  .notfound body {
    padding: 0px; }

.notfound__content {
  width: 420px;
  height: 460px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -230px 0 0 -210px;
  padding-top: 1px; }

.notfound__content__logo {
  display: block;
  width: 159px;
  height: 34px;
  position: absolute;
  top: 30px;
  left: 50%;
  margin-left: -79px; }

.notfound__content__box {
  box-sizing: border-box;
  width: 100%;
  height: 274px;
  padding-top: 50px;
  background-color: #f5f5f5;
  border-radius: 8px;
  margin-top: 92px; }

.notfound__content__box__text {
  display: block;
  width: 241px;
  height: 83px;
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  background-image: url(images/notfound.png);
  margin: 0 auto; }

.notfound__content__box__btn {
  margin: 30px auto 0; }
  .notfound__content__box__btn .sweep_normal span,
  .notfound__content__box__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_top.png);
    background-size: 178px 96px; }
  .notfound__content__box__btn .sweep_normal span {
    background-position: 0px -48px; }
  .notfound__content__box__btn .sweep_over span {
    background-position: 0px 0px; }

@media screen and (max-width: 750px) {
  .notfound {
    min-height: auto;
    min-height: initial; }

  .notfound__content {
    width: 290px;
    height: auto;
    position: relative;
    left: auto;
    top: auto;
    margin: 100px auto 0; }

  .notfound__content__logo {
    width: 119px;
    height: 25px;
    background-size: 119px 25px;
    top: 25px;
    margin-left: -59px; }

  .notfound__content__box {
    margin-top: 70px;
    height: 180px;
    padding-top: 32px; }

  .notfound__content__box__text {
    width: 173px;
    height: 59px;
    background-image: url(images/notfound_sp.png);
    background-size: 173px 59px; }

  .notfound__content__box__btn {
    margin: 15px auto 0; }
    .notfound__content__box__btn .sweep_normal span,
    .notfound__content__box__btn .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_top_sp.png);
      background-size: 138px 76px; }
    .notfound__content__box__btn .sweep_normal span {
      background-position: 0px -38px; }
    .notfound__content__box__btn .sweep_over span {
      background-position: 0px 0px; } }
.recruit .main {
  padding-bottom: 1px; }

.recruit__header > div > div {
  background-image: url(images/recruit_front_first_bg.jpg); }
.recruit__header h1 {
  width: 155px;
  height: 34px;
  top: 108px;
  background-image: url(images/recruit_pagehead.png); }
.recruit__header__elem {
  width: auto !important; }

.recruit_nav {
  padding-top: 32px;
  position: relative;
  z-index: 3; }
  .recruit_nav > ul > li {
    height: 32px;
    position: relative; }
    .recruit_nav > ul > li.entry {
      height: 42px; }
    .recruit_nav > ul > li:hover > a span {
      opacity: 1;
      filter: alpha(opacity=100); }
    .recruit_nav > ul > li:hover > a:before {
      width: 100%;
      left: 0px; }
  .recruit_nav > ul > li > a {
    position: relative;
    display: inline-block;
    height: 30px;
    background-image: url(images/recruit_nav.png);
    background-repeat: no-repeat; }
    .recruit_nav > ul > li > a:after {
      display: none; }
    .recruit_nav > ul > li > a:before {
      content: "";
      display: block;
      width: 0%;
      height: 2px;
      position: absolute;
      right: 0px;
      bottom: -2px;
      background-color: #0e93d6;
      transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    .recruit_nav > ul > li > a span {
      background-image: url(images/recruit_nav.png); }
      .recruit_nav > ul > li > a span:after {
        display: none; }
    .recruit_nav > ul > li > a.message {
      width: 77px;
      background-position: 0px 0px; }
      .recruit_nav > ul > li > a.message span {
        background-position: 0px -30px; }
    .recruit_nav > ul > li > a.member {
      width: 74px;
      background-position: -77px 0px; }
      .recruit_nav > ul > li > a.member span {
        background-position: -77px -30px; }
    .recruit_nav > ul > li > a.office {
      width: 146px;
      background-position: -151px 0px; }
      .recruit_nav > ul > li > a.office span {
        background-position: -151px -30px; }
    .recruit_nav > ul > li > a.entry {
      width: 50px;
      background-position: -297px 0px; }
      .recruit_nav > ul > li > a.entry span {
        background-position: -297px -30px; }
    .recruit_nav > ul > li > a.current:before {
      width: 100%; }
    .recruit_nav > ul > li > a.current span {
      opacity: 1;
      filter: alpha(opacity=100); }
  .recruit_nav > ul > li > ul {
    width: 180px;
    height: 278px;
    border: 1px solid #000;
    border-radius: 3px;
    position: absolute;
    left: 0px;
    top: 42px;
    background-color: #FFF;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    height: 0px;
    transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.1s linear 0.3s; }
    .recruit_nav > ul > li > ul > li {
      width: 100%;
      height: 46px; }
      .recruit_nav > ul > li > ul > li:nth-of-type(even) {
        background-color: #FFF; }
      .recruit_nav > ul > li > ul > li:nth-of-type(odd) {
        background-color: #F2F2F2; }
      .recruit_nav > ul > li > ul > li > a {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 46px;
        padding-left: 20px;
        font-size: 14px;
        line-height: 46px;
        color: #1a1a1a;
        text-decoration: none;
        text-align: left;
        transition: color 0.15s linear; }
        .recruit_nav > ul > li > ul > li > a:hover {
          color: #0e93d6; }
  .recruit_nav > ul > li:hover > ul {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 278px;
    transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0s linear 0s; }

@media screen and (max-width: 750px) {
  .recruit__header h1 {
    width: 96px;
    height: 21px;
    top: 52px;
    background-image: url(images/recruit_pagehead_sp.png);
    background-size: 96px 21px; }

  .recruit_nav {
    padding-top: 0px; }
    .recruit_nav > ul > li {
      height: 44px; }
      .recruit_nav > ul > li.entry {
        height: 44px; }
    .recruit_nav > ul > li > a {
      display: block;
      background-image: none;
      height: 43px;
      border: none !important; }
      .recruit_nav > ul > li > a:before {
        width: 127px !important;
        height: 100%;
        background-image: url(images/recruit_nav_sp.png);
        background-size: 508px 86px;
        position: relative;
        right: auto;
        bottom: auto;
        background-color: transparent; }
      .recruit_nav > ul > li > a.message {
        width: 100%; }
        .recruit_nav > ul > li > a.message:before {
          background-position: 0px 0px; }
      .recruit_nav > ul > li > a.member {
        width: 100%; }
        .recruit_nav > ul > li > a.member:before {
          background-position: -127px 0px; }
      .recruit_nav > ul > li > a.office {
        width: 100%; }
        .recruit_nav > ul > li > a.office:before {
          background-position: -254px 0px; }
      .recruit_nav > ul > li > a.entry {
        width: 100%; }
        .recruit_nav > ul > li > a.entry:before {
          background-position: -381px 0px; }
      .recruit_nav > ul > li > a.current {
        background-color: #0e93d6; }
        .recruit_nav > ul > li > a.current.message:before {
          background-position: 0px -43px; }
        .recruit_nav > ul > li > a.current.member:before {
          background-position: -127px -43px; }
        .recruit_nav > ul > li > a.current.office:before {
          background-position: -254px -43px; }
        .recruit_nav > ul > li > a.current.entry:before {
          background-position: -381px -43px; }
    .recruit_nav > ul > li > ul {
      width: 100%;
      left: -1px;
      top: 43px;
      border-radius: 0px 0px 3px 3px; }
      .recruit_nav > ul > li > ul > li {
        width: 100%;
        height: 40px;
        border: 0px !important; }
        .recruit_nav > ul > li > ul > li > a {
          height: 40px;
          padding-left: 0px;
          font-size: 14px;
          line-height: 40px;
          text-align: center;
          text-indent: 0px; }
          .recruit_nav > ul > li > ul > li > a:before {
            display: none; }
    .recruit_nav > ul > li:hover > ul {
      height: 240px; } }
.recruit__entry__banner {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  position: relative;
  display: block;
  width: 720px;
  height: 100px;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
  background-color: #0e93d6;
  margin: 60px auto 120px; }

  .recruit__entry__banner:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #000;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 0;
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
  .recruit__entry__banner:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    background-image: url(images/recruit_entry_banner.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; }
  .recruit__entry__banner.fadein:hover:before {
    width: 100%;
    right: auto;
    left: 0px; }

@media screen and (max-width: 750px) {
  .recruit__entry__banner {
    display: block;
    width: 290px;
    height: 80px;
    border-radius: 4px;
    margin: 30px auto 50px;
  }
    .recruit__entry__banner:after {
      background-image: url(images/recruit_entry_banner_sp.png);
      background-size: 290px 80px; } }
.recruit__member_list {
  width: 1038px;
  height: auto;
  margin: 0 auto; }
  .recruit__member_list:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

@media screen and (max-width: 1050px) {
  .recruit__member_list {
    width: 692px; } }
.recruit__member_list__block {
  width: 326px;
  height: 406px;
  float: left;
  margin: 0 10px 20px;
  position: relative;
  border-radius: 8px 8px 0px 8px;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .recruit__member_list__block a {
    display: block;
    width: 326px;
    height: 100%;
    text-decoration: none;
    color: #1a1a1a; }
  .recruit__member_list__block:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    overflow: hidden;
    border-radius: 0 50% 50% 0; }
  .recruit__member_list__block__crop {
    position: relative;
    width: 0px;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: #F7F9F8;
    border-radius: 0 50% 50% 0; }
  .recruit__member_list__block.wipein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    .recruit__member_list__block.wipein:before {
      width: 100% !important;
      border-radius: 0;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .recruit__member_list__block.wipein .recruit__member_list__block__crop {
      width: 100% !important;
      border-radius: 0;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }

.recruit__member_list__block__photo {
  width: 326px;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 0;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

/*
.recruit__member_list__block__type{
	width: 326px;
	height: 20px;
	margin: 30px auto 20px;
	position: relative;
	z-index: 1;
	span{
		@include text_replacement;
		display: block;
		width: 100%;
		height: 100%;
		&.engineer{
			background-image: url(./images/recruit_member_cat_engineer.png);
		}
		&.creator{
			background-image: url(./images/recruit_member_cat_creator.png);
		}
		&.director{
			background-image: url(./images/recruit_member_cat_director.png);
		}
		&.producer{
			background-image: url(./images/recruit_member_cat_producer.png);
		}
	}
}
.recruit__member_list__block__text{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, sans-serif;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
*/
.recruit__member_list__block__btn {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 284px;
  bottom: 10px;
  background-color: #FFF; }
  .recruit__member_list__block__btn .sweep_over {
    transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1); }
  .recruit__member_list__block__btn .sweep_normal span,
  .recruit__member_list__block__btn .sweep_over span {
    width: 30px;
    height: 30px;
    background-image: url(images/recruit_member_arrow.png);
    background-size: 30px 60px; }
  .recruit__member_list__block__btn .sweep_normal span {
    background-position: 0px -30px; }
  .recruit__member_list__block__btn .sweep_over span {
    background-position: 0px 0px; }

.recruit__member_list__block a:hover .recruit__member_list__block__photo {
  -webkit-transform: scale(1.075);
      -ms-transform: scale(1.075);
          transform: scale(1.075); }
.recruit__member_list__block a:hover .recruit__member_list__block__btn .sweep_over {
  width: 100%;
  right: auto;
  left: 0px; }
  .recruit__member_list__block a:hover .recruit__member_list__block__btn .sweep_over span {
    left: 0px;
    right: auto; }

@media screen and (max-width: 750px) {
  .recruit__member_list {
    width: 100%;
    height: 361px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }

  .recruit__member_list__container {
    height: 361px;
    padding-left: calc(50% - 152px);
    padding-right: calc(50% - 152px); }

  .recruit__member_list__block {
    width: 290px;
    height: 361px;
    float: left;
    margin: 0 7px 0px;
    border-radius: 6px 6px 0px 6px; }
    .recruit__member_list__block a {
      width: 290px; }

  .recruit__member_list__block__photo {
    width: 290px; }

  .recruit__member_list__block__btn {
    left: 248px; } }

.recruit.front {
  padding-top: 600px; }

.recruit__first_header {
  width: 100%;
  height: 520px;
  position: absolute;
  top: 80px; }
  .recruit__first_header > div {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .recruit__first_header > div:first-of-type {
    position: fixed;
    height: 520px; }
  .recruit__first_header > div > div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .recruit__first_header > div > div#recruit__first_header{
    background-image: url(images/recruit_front_first_bg.jpg); 
  }
    .recruit__first_header > div > div:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0px;
      top: 0px;
      background-image: url(images/firstview_ptn.png);
      background-size: 4px 4px;
      z-index: 0; }
  .recruit__first_header__elem {
    position: fixed;
    z-index: 0; }

.recruit__first_header__lead {
  width: 843px;
  height: 49px;
  position: absolute;
  top: 235px;
  left: 50%;
  margin-left: -421px;
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent; }
  .recruit__first_header__lead div {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    background-size: 843px 49px;
    background-repeat: no-repeat; }
    .recruit__first_header__lead div.recruit__first_header__lead__base {
      background-image: url(images/recruit_front_lead.png);
      opacity: 0.35;
      filter: alpha(opacity=35);
      z-index: 1;
      transition: width 0.6s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0s; }
    .recruit__first_header__lead div.recruit__first_header__lead__text {
      background-image: url(images/recruit_front_lead.png);
      z-index: 2;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s; }
  .recruit__first_header__lead.wipein div {
    width: 100%; }

@media screen and (max-width: 920px) {
  .recruit__first_header__lead {
    width: 91.6304348%;
    height: 0px;
    padding-top: 5.326087%;
    margin: 0px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2; }
    .recruit__first_header__lead div.recruit__first_header__lead__base, .recruit__first_header__lead div.recruit__first_header__lead__text {
      background-size: cover; } }
.recruit__first_message {
  width: 100%;
  height: 480px;
  background-color: transparent;
  position: relative; }
  .recruit__first_message:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    overflow: hidden;
    border-radius: 0 25% 25% 0; }
  .recruit__first_message__crop {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: #edf3f4;
    border-radius: 0 25% 25% 0; }
  .recruit__first_message__body {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(images/recruit_front_message_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 103px; }
  .recruit__first_message h2 {
    display: block;
    width: 203px;
    height: 46px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    background-image: url(images/recruit_front_message.png);
    margin: 0 auto;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    position: relative;
    z-index: 2; }
  .recruit__first_message p {
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    margin-top: 45px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    position: relative;
    z-index: 2; }
  .recruit__first_message__btn {
    margin: 45px auto 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    position: relative;
    z-index: 2; }
    .recruit__first_message__btn .sweep_normal span,
    .recruit__first_message__btn .sweep_over span {
      width: 178px;
      height: 48px;
      background-image: url(images/btn_more.png);
      background-size: 178px 96px; }
    .recruit__first_message__btn .sweep_normal span {
      background-position: 0px -48px; }
    .recruit__first_message__btn .sweep_over span {
      background-position: 0px 0px; }
  .recruit__first_message.wipein:before {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .recruit__first_message.wipein .recruit__first_message__crop {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .recruit__first_message.fadeIn h2, .recruit__first_message.fadeIn p, .recruit__first_message.fadeIn .recruit__first_message__btn {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.recruit__first_member {
  padding-top: 75px;
  padding-bottom: 80px; }
  .recruit__first_member h2 {
    display: block;
    width: 235px;
    height: 38px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    background-image: url(images/recruit_front_member.png);
    background-size: cover;
    margin: 0 auto 60px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .recruit__first_member__btn {
    margin: 45px auto 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
    .recruit__first_member__btn .sweep_normal span,
    .recruit__first_member__btn .sweep_over span {
      width: 178px;
      height: 48px;
      background-image: url(images/btn_more.png);
      background-size: 178px 96px; }
    .recruit__first_member__btn .sweep_normal span {
      background-position: 0px -48px; }
    .recruit__first_member__btn .sweep_over span {
      background-position: 0px 0px; }
    .recruit__first_member__btn.fadeIn {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); }

  .recruit__first_member.fadein h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.recruit__front_office {
  position: relative;
  width: 100%;
  height: 510px;
  background-color: #41A1D5;
  overflow: hidden;
  border-radius: 0 25% 25% 0; }
  .recruit__front_office.wipein {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
    .recruit__front_office.wipein .recruit__front_office__bg {
      width: 100% !important;
      border-radius: 0;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
    .recruit__front_office.wipein .recruit__front_office__title,
    .recruit__front_office.wipein .recruit__front_office__text,
    .recruit__front_office.wipein .recruit__front_office__btn {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); }

.recruit__front_office__bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  border-radius: 0 25% 25% 0; }

.recruit__front_office__ptn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url(images/recruit_front_office_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .recruit__front_office__ptn:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(images/firstview_ptn.png);
    background-size: 4px 4px;
    background-position: left top;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; }

.recruit__front_office__contents {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 3;
  padding: 114px 0 100px; }

.recruit__front_office__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 381px;
  height: 46px;
  background-image: url(images/recruit_front_office.png);
  background-size: 381px 46px;
  background-repeat: no-repeat;
  margin: 0 auto 40px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.8s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  transition: opacity 0.8s linear 0.8s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s; }

.recruit__front_office__text {
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  margin: 40px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
  transition: opacity 0.8s linear 1s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1s; }

.recruit__front_office__btn {
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; }
  .recruit__front_office__btn .sweep_normal span,
  .recruit__front_office__btn .sweep_over span {
    width: 178px;
    height: 48px;
    background-image: url(images/btn_more.png);
    background-size: 178px 96px; }
  .recruit__front_office__btn .sweep_normal span {
    background-position: 0px 0px; }
  .recruit__front_office__btn .sweep_over span {
    background-position: 0px -48px; }



.recruit__front_entry {
  padding-top: 1px;
}
  .recruit__front_entry .recruit__entry__banner {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
    .recruit__front_entry .recruit__entry__banner.fadein {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); }
  .recruit__front_entry.fadein .recruit__front_entry__title,
  .recruit #slide.fadein h3,
  .recruit__front_entry.fadein .recruit__front_entry__container {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.recruit__front_entry__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 129px;
  height: 45px;
  background-image: url(images/recruit_front_entry.png);
  background-size: 129px 45px;
  background-repeat: no-repeat;
  margin: 80px auto 40px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.recruit__front_entry__container {
  width: 1038px;
  height: auto;
  margin: 0 auto 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
  .recruit__front_entry__container:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }
  .recruit__front_entry__container .recruit__front_entry__text{
    width:720px;
    margin:0px;
    margin-top:-80px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
  }
  .recruit__front_entry__container .recruit__front_entry__text p {
    font-size: 14px;
    line-height: 24px; }
  @media screen and (max-width: 750px) {
    .recruit__front_entry__container .recruit__front_entry__text{
      width:290px;
      margin-top:0px;
      margin-left: auto;
      margin-right: auto;
    }
  }

.recruit__front_entry__block {
  position: relative;
  width: 326px;
  height: 336px;
  float: left;
  margin: 0 10px 20px;
  border-radius: 6px 6px 0px 6px;
  overflow: hidden;
  z-index: 1; }
  .recruit__front_entry__block:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #41A1D5;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 0 50% 50% 0;
    overflow: hidden; }
  .recruit__front_entry__block__crop {
    width: 0px;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #f2f2f2;
    border-radius: 0 50% 50% 0; }
    .recruit__front_entry__block__crop > div {
      width: 326px;
      height: 100%;
      position: relative; }
  .recruit__front_entry__block.wipein:before {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .recruit__front_entry__block.wipein .recruit__front_entry__block__crop {
    width: 100% !important;
    border-radius: 0;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .recruit__front_entry__block h3 {
    width: 226px;
    height: 20px;
    margin: 26px auto;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    background-size: 226px 20px;
    position: relative; }
    .recruit__front_entry__block h3:before {
      content: "";
      display: block;
      width: 226px;
      height: 20px;
      background-size: auto 20px;
      background-position: center;
       background-repeat: no-repeat;
      position: absolute;
      left: 0px;
      top: 0px; }
    .recruit__front_entry__block h3.engineer:before {
      background-image: url(images/recruit_entry_cat_engineer.png); }
    .recruit__front_entry__block h3.planning:before {
      background-image: url(images/recruit_entry_cat_planning.png); }
      .recruit__front_entry__block h3.data_scientist:before {
        background-image: url(images/recruit_entry_cat_data.png); }
    .recruit__front_entry__block h3.marketing:before {
      background-image: url(images/recruit_entry_cat_marketing.png); }
    .recruit__front_entry__block h3.customer_support:before {
      background-image: url(images/recruit_entry_cat_other.png); }
    .recruit__front_entry__block h3.creator:before {
      background-image: url(images/recruit_entry_cat_creator.png); }
    .recruit__front_entry__block h3.cgcreator:before {
      background-image: url(images/recruit_entry_cat_3dcreator.png); }
  .recruit__front_entry__block ul {
    width: auto;
    margin: 0 40px; }
  .recruit__front_entry__block ul li a {
    color: #1a1a1a;
    line-height: 36px;
    font-size: 16px;
    text-decoration: none;
    position: relative; }
    .recruit__front_entry__block ul li a:before {
      content: "＞";
      display: inline-block;
      -webkit-transform: scaleX(0.6);
          -ms-transform: scaleX(0.6);
              transform: scaleX(0.6); }
    .recruit__front_entry__block ul li a:hover {
      color: #0e93d6;
      text-decoration: underline; }

@media screen and (max-width: 1050px) {
  .recruit__front_entry__container {
    width: 692px; } }
.recruit.front .recruit__entry__banner {
  margin-top: 40px; }

@media screen and (max-width: 750px) {
  .recruit.front {
    padding-top: 550px; }

  .recruit__first_header {
    width: 100%;
    height: 385px;
    top: 55px; }
    .recruit__first_header > div:first-of-type {
      height: 495px; }
    .recruit__first_header > div > div {
      background-image: url(images/recruit_front_first_bg_sp.jpg); }

  .recruit__first_header__lead {
    width: 296px;
    height: 68px;
    position: absolute;
    top: 250px;
    left: 50%;
    margin-left: -148px;
    padding-top: 0px;
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    .recruit__first_header__lead div {
      height: 100%;
      background-size: 296px 68px;
      background-repeat: no-repeat; }
      .recruit__first_header__lead div.recruit__first_header__lead__base {
        background-image: url(images/recruit_front_lead_sp.png); }
      .recruit__first_header__lead div.recruit__first_header__lead__text {
        background-image: url(images/recruit_front_lead_sp.png); }

  .recruit__first_message {
    width: 100%;
    height: 444px; }
    .recruit__first_message__crop {
      background-color: #f1f7f8; }
    .recruit__first_message__body {
      position: relative;
      background-image: url(images/recruit_front_message_bg_sp.jpg);
      background-size: 375px 444px;
      background-position: center bottom;
      padding-top: 54px; }
    .recruit__first_message h2 {
      width: 128px;
      height: 28px;
      background-image: url(images/recruit_front_message_sp.png);
      background-size: 128px 28px; }
    .recruit__first_message p {
      font-size: 12px;
      line-height: 21px;
      text-align: center;
      margin-top: 22px; }
    .recruit__first_message.wipein:before {
      width: 100% !important;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99); }
    .recruit__first_message.wipein .recruit__first_message__crop {
      width: 100% !important;
      transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s; }
    .recruit__first_message__btn {
      position: absolute;
      bottom: 30px;
      left: 50%;
      margin-left: -70px; }
      .recruit__first_message__btn .sweep_normal span,
      .recruit__first_message__btn .sweep_over span {
        width: 138px;
        height: 38px;
        background-image: url(images/btn_more_sp.png);
        background-size: 138px 76px; }
      .recruit__first_message__btn .sweep_normal span {
        background-position: 0px -38px;
        background-color: rgba(255, 255, 255, 0.5); }
      .recruit__first_message__btn .sweep_over span {
        background-position: 0px 0px; }

  .recruit__first_member {
    padding-top: 54px;
    padding-bottom: 0px; }
    .recruit__first_member h2 {
      display: block;
      width: 150px;
      height: 24px;
      background-image: url(images/recruit_front_member.png);
      background-size: cover;
      margin: 0 auto 30px; }
    .recruit__first_member__btn {
      margin: 40px auto 50px; }
      .recruit__first_member__btn .sweep_normal span,
      .recruit__first_member__btn .sweep_over span {
        width: 138px;
        height: 38px;
        background-image: url(images/btn_more_sp.png);
        background-size: 138px 76px; }
      .recruit__first_member__btn .sweep_normal span {
        background-position: 0px -38px; }
      .recruit__first_member__btn .sweep_over span {
        background-position: 0px 0px; }

  .recruit.front .recruit__member_list__container {
    width: 1824px; }

  .recruit__front_office {
    height: 465px; }

  .recruit__front_office__contents {
    padding: 110px 0 108px; }

  .recruit__front_office__title {
    width: 238px;
    height: 29px;
    background-image: url(images/recruit_front_office_sp.png);
    background-size: 238px 29px;
    margin: 0 auto 40px; }

  .recruit__front_office__text {
    font-size: 12px;
    line-height: 21px;
    margin: 44px auto 50px; }

  .recruit__front_office__btn {
    margin: 0 auto; }
    .recruit__front_office__btn .sweep_normal span,
    .recruit__front_office__btn .sweep_over span {
      width: 138px;
      height: 38px;
      background-image: url(images/btn_more_sp.png);
      background-size: 138px 76px; }
    .recruit__front_office__btn .sweep_normal span {
      background-position: 0px 0px; }
    .recruit__front_office__btn .sweep_over span {
      background-position: 0px -38px; }

  .recruit__front_entry__title {
    width: 81px;
    height: 28px;
    background-image: url(images/recruit_front_entry_sp.png);
    background-size: 81px 28px;
    margin: 50px auto 30px; }

  .recruit__front_entry__container {
    width: 290px;
    height: auto;
    margin: 0 auto; }

  .recruit__front_entry__block {
    width: 290px;
    height: auto;
    float: none;
    margin: 0 auto 15px;
    border-radius: 6px 6px 0px 6px; }
    .recruit__front_entry__block:before {
      content: "";
      display: block;
      width: 0px;
      height: 100%;
      background-color: #41A1D5;
      position: absolute;
      left: 0px;
      top: 0px; }
    .recruit__front_entry__block__crop > div {
      width: 290px;
      max-height: 47px;
      transition: max-height 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    .recruit__front_entry__block h3 {
      height: 47px;
      width: 100%;
      margin: 0px;
      cursor: pointer; }
      .recruit__front_entry__block h3:before {
        position: absolute;
        top: 14px;
        left: 50%;
        margin-left: -113px; }
      .recruit__front_entry__block h3:after {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background-image: url(images/news_nav_sp_arrow.png);
        background-size: 11px 6px;
        position: absolute;
        top: 20px;
        right: 15px; }
    .recruit__front_entry__block.open .recruit__front_entry__block__crop > div {
      max-height: 310px; }
    .recruit__front_entry__block.open h3:after {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
    .recruit__front_entry__block ul {
      width: auto;
      margin: 0 40px 20px; }
    .recruit__front_entry__block ul li a {
      color: #1a1a1a;
      line-height: 36px;
      font-size: 14px; } }

.recruit__job_detail__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 88px;
  height: 54px;
  margin: 0 auto 58px auto;
  background-image: url(images/section_title_entry.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.recruit__job_detail__cat {
  border-top: 1px solid #E5E5E5;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
  .recruit__job_detail__cat__tax {
    font-size: 22px;
    color: #0e93d6;
    text-align: center;
    font-weight: bold;
    margin: 50px auto 32px; }
  .recruit__job_detail__cat ul {
    text-align: center;
    font-size: 0px; }
  .recruit__job_detail__cat ul li {
    display: inline-block;
    width: 33.3333%;
    margin-bottom: 15px; }
    .recruit__job_detail__cat ul li.current a {
      color: #0e93d6;
      border-color: #0e93d6; }
  .recruit__job_detail__cat ul li a {
    display: inline-block;
    margin: 0 auto;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    border-bottom: 2px solid transparent; }

.recruit__job_detail__body {
  margin: 35px auto 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
  .recruit__job_detail__body dl {
    position: relative;
    border-bottom: 1px solid #E5E5E5; }
    .recruit__job_detail__body dl dt, .recruit__job_detail__body dl dd {
      font-size: 14px;
      line-height: 28px;
      padding-top: 10px;
      padding-bottom: 10px; }
    .recruit__job_detail__body dl dt {
      position: absolute;
      left: 0px;
      padding-left: 25px;
      color: #0e93d6;
      font-weight: bold; }
    .recruit__job_detail__body dl dd {
      border-top: 1px solid #E5E5E5;
      padding-left: 156px;
      padding-right: 25px; }

.recruit__job_detail {
  width: 720px;
  margin: 80px auto 0; }
  .recruit__job_detail.fadein .recruit__job_detail__title,
  .recruit__job_detail.fadein .recruit__job_detail__cat,
  .recruit__job_detail.fadein .recruit__job_detail__body,
  .recruit__job_detail.fadein .recruit__job_detail,
  .recruit__job_detail.fadein .recruit__entry__banner {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  .recruit__job_detail .recruit__member_list {
    width: 741px;
    margin-left: -11px;
    text-align: center;
    font-size: 0px; }
  .recruit__job_detail .recruit__member_list__block {
    display: inline-block;
    float: none;
    width: 225px;
    height: 281px;
    margin: 0 11px;
    border-radius: 6px 6px 0px 6px; }
    .recruit__job_detail .recruit__member_list__block a {
      width: 225px; }
  .recruit__job_detail .recruit__member_list__block__photo {
    width: 225px; }
  .recruit__job_detail .recruit__member_list__block__btn {
    left: 183px; }
  .recruit__job_detail .recruit__entry__banner {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(0px, 60px);
        -ms-transform: translate(0px, 60px);
            transform: translate(0px, 60px);
    transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
    transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }

@media screen and (max-width: 750px) {
  .recruit__job_detail {
    width: 100%;
    margin: 60px auto 0; }

  .recruit__job_detail__title {
    width: 71px;
    height: 40px;
    margin: 0 auto 20px auto;
    background-image: url(images/section_title_entry_sp.png);
    background-size: 71px 40px; }

  .recruit__job_detail__cat {
    border-top: 1px solid #E5E5E5;
    z-index: 2;
    position: relative; }
    .recruit__job_detail__cat__tax {
      font-size: 19px;
      color: #0e93d6;
      text-align: center;
      font-weight: bold;
      margin: 37px auto 28px; }

  .recruit__job_detail__cat__terms {
    position: relative;
    width: 290px;
    height: 40px;
    margin: 20px auto 30px;
    z-index: 2; }
    .recruit__job_detail__cat__terms__inner {
      position: absolute;
      left: 0px;
      top: 0px;
      box-sizing: border-box;
      width: 290px;
      height: 40px;
      border: 1px solid #000;
      overflow: hidden;
      background-color: #FFF;
      transition: height 0.35s cubic-bezier(0.19, 1, 0.22, 1);
      border-radius: 3px; }
      .recruit__job_detail__cat__terms__inner:before {
        content: "";
        display: block;
        width: 11px;
        height: 6px;
        background-image: url(images/news_nav_sp_arrow.png);
        background-size: 11px 6px;
        background-repeat: no-repeat;
        position: absolute;
        right: 14px;
        top: 17px; }
    .recruit__job_detail__cat__terms ul {
      position: relative;
      width: 100%;
      font-size: 0px;
      text-align: center;
      height: auto;
      padding-top: 38px; }
    .recruit__job_detail__cat__terms ul li {
      display: block;
      width: 100%;
      height: 38px;
      margin: 0px; }
    .recruit__job_detail__cat__terms ul li a {
      width: 100% !important;
      height: 38px;
      background-image: none;
      margin: 0;
      border: none !important;
      line-height: 38px; }
    .recruit__job_detail__cat__terms ul li.current {
      position: absolute;
      top: 0px; }
      .recruit__job_detail__cat__terms ul li.current a {
        color: #000; }
    .recruit__job_detail__cat__terms ul li.odd {
      background-color: #f2f2f2; }
    .recruit__job_detail__cat__terms.open .recruit__job_detail__cat__terms__inner {
      background-color: #FFF;
      height: auto; }
      .recruit__job_detail__cat__terms.open .recruit__job_detail__cat__terms__inner:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }

  .recruit__job_detail__body {
    margin: 50px 15px; }
    .recruit__job_detail__body dl {
      position: relative;
      border-top: 1px solid #E5E5E5;
      border-bottom: 0px; }
      .recruit__job_detail__body dl dt, .recruit__job_detail__body dl dd {
        font-size: 12px;
        line-height: 21px;
        padding-left: 25px;
        padding-right: 25px; }
      .recruit__job_detail__body dl dt {
        position: relative;
        left: 0px;
        padding-left: 25px;
        color: #0e93d6;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 0px; }
      .recruit__job_detail__body dl dd {
        border-top: 0px;
        border-bottom: 1px solid #E5E5E5;
        padding-top: 0px;
        padding-bottom: 10px; }

  .recruit__job_detail .recruit__member_list {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 50px; }
  .recruit__job_detail .recruit__member_list__container {
    width: 912px; }
  .recruit__job_detail .recruit__member_list__block {
    width: 290px;
    height: 361px;
    float: left;
    margin: 0 7px 0px; }
    .recruit__job_detail .recruit__member_list__block a {
      width: 290px; }
  .recruit__job_detail .recruit__member_list__block__photo {
    width: 290px; }
  .recruit__job_detail .recruit__member_list__block__btn {
    left: 248px; } }
.recruit__message .recruit__entry__banner {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
.recruit__message.fadein .recruit__message__title,
.recruit__message.fadein .recruit__message__image,
.recruit__message.fadein .recruit__message__body {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }
.recruit__message.fadein .recruit__entry__banner {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit__message__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width: 137px;
  height: 55px;
  background-image: url(images/section_title_message.png);
  background-repeat: no-repeat;
  margin: 78px auto 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.recruit__message__image {
  width: 100%;
  height: 280px;
  position: relative;
  margin: 0px auto 42px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }
  .recruit__message__image > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
  .recruit__message__image > div > div {
    background-size: 980px 520px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(images/recruit_message_img.jpg);
    background-color: #F1F7F8; }
    .recruit__message__image > div > div:before {
      content: "";
      display: block;
      width: 980px;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 50%;
      margin-left: -490px;
      background-image: url(images/recruit_message_img_text.png);
      background-repeat: no-repeat; }

.recruit__message__body {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s; }
  .recruit__message__body p {
    font-size: 14px;
    line-height: 30px;
    text-align: center; }

@media screen and (max-width: 750px) {
  .recruit__message__title {
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    width: 111px;
    height: 40px;
    background-image: url(images/section_title_message_sp.png);
    background-size: 111px 40px;
    background-repeat: no-repeat;
    margin: 60px auto 20px; }

  .recruit__message__image {
    width: 100%;
    height: 210px;
    position: relative;
    margin: 0px auto 42px; }
    .recruit__message__image > div > div {
      background-size: 640px 210px;
      background-image: url(images/recruit_message_img_sp.jpg);
      background-color: #F7FAFB; }
      .recruit__message__image > div > div:before {
        width: 640px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -320px;
        background-image: url(images/recruit_message_img_sp_text.png);
        background-size: 640px 210px;
        background-repeat: no-repeat; }

  .recruit__message__body p {
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    margin: 0 40px; } }
.recruit__member.fadein .recruit__member__title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit.member .recruit__entry__banner {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .recruit.member .recruit__entry__banner.fadein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.recruit__member__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 132px;
  height: 49px;
  margin: 80px auto 50px;
  background-image: url(images/section_title_member.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

@media screen and (max-width: 750px) {
  .recruit__member__title {
    width: 107px;
    height: 41px;
    background-image: url(images/section_title_member_sp.png);
    background-size: 107px 41px;
    margin: 60px auto 20px; }

  .recruit.member .recruit__member_list {
    height: auto; }
  .recruit.member .recruit__member_list__block {
    float: none;
    margin: 0 auto 15px; } }
.recruit__member_detail.fadein .recruit__member_detail__body,
.recruit__member_detail.fadein .recruit__member_detail__bloglink,
.recruit__member_detail.fadein .recruit__member_detail__nav,
.recruit__member_detail.fadein .recruit__entry__banner {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit__member_detail__body,
.recruit__member_detail__bloglink,
.recruit__member_detail__nav,
.recruit__entry__banner {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.7s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
  transition: opacity 0.8s linear 0.7s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s; }

.recruit__member_detail__portrait {
  width: 100%;
  height: 400px;
  position: relative;
  margin: 0px auto 42px; }
  .recruit__member_detail__portrait:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .recruit__member_detail__portrait > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .recruit__member_detail__portrait.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .recruit__member_detail__portrait.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .recruit__member_detail__portrait.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .recruit__member_detail__portrait.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .recruit__member_detail__portrait:before {
    border-radius: 0 25% 25% 0; }
  .recruit__member_detail__portrait > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden;
    border-radius: 0 25% 25% 0; }
  .recruit__member_detail__portrait > div > div {
    background-size: 1280px 400px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #fafcfb; }

.recruit__member_detail__portrait__type {
  width: 80px;
  height: 18px;
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  position: absolute;
  background-repeat: no-repeat;
  top: 30px;
  left: 50%;
  margin-left: -362px; }
  .recruit__member_detail__portrait__type.engineer {
    width: 77px;
    background-image: url(images/recruit_member_type_engineer.png); }
  .recruit__member_detail__portrait__type.creator {
    width: 68px;
    background-image: url(images/recruit_member_type_creator.png); }
  .recruit__member_detail__portrait__type.director {
    width: 74px;
    background-image: url(images/recruit_member_type_director.png); }
  .recruit__member_detail__portrait__type.producer {
    width: 80px;
    background-image: url(images/recruit_member_type_producer.png); }
  .recruit__member_detail__portrait__type.phq {
    width: 139px;
    background-image: url(images/recruit_member_type_data_scientist.png); }
  .recruit__member_detail__portrait__type.planner {
    width: 68px;
    background-image: url(images/recruit_member_type_planner.png); }
  .recruit__member_detail__portrait__type.operations {
    width: 121px;
    background-image: url(images/recruit_member_type_operations.png); }
  .recruit__member_detail__portrait__type.headofnizista {
    width: 132px;
    background-image: url(images/recruit_member_type_headofnizista.png); }
  .recruit__member_detail__portrait__type.business_manager {
    width: 188px;
    background-image: url(images/recruit_member_type_business_manager.png); }
  .recruit__member_detail__portrait__type.technical_hr {
    width: 120px;
    background-image: url(images/recruit_member_type_technicalhr.png); }

.recruit__member_detail__portrait__name {
  font-size: 16px;
  line-height: 22px;
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -362px; }

.recruit__member_detail__body {
  width: 720px;
  margin: 0 auto 60px; }
  .recruit__member_detail__body h3 {
    font-size: 20px;
    line-height: 24px;
    color: #0e93d7;
    margin: 50px auto 24px;
    font-weight: bold; }
  .recruit__member_detail__body p {
    font-size: 14px;
    line-height: 24px; }

.recruit__member_detail__bloglink {
  width: 100%;
  height: 140px;
  background-color: #F2F2F2;
  margin: 0px auto 30px; }
  .recruit__member_detail__bloglink__btn {
    display: none; }
  .recruit__member_detail__bloglink > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    color: #1a1a1a;
    text-decoration: none;
    transition: opacity 0.15s linear; }
    .recruit__member_detail__bloglink > a:hover {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .recruit__member_detail__bloglink > a > div {
    position: relative;
    box-sizing: border-box;
    width: 720px;
    padding: 35px 60px 0 280px;
    margin: 0 auto; }
    .recruit__member_detail__bloglink > a > div:before {
      content: "";
      display: block;
      width: 225px;
      height: 73px;
      background-image: url(images/techbot_link_logo.png);
      background-repeat: no-repeat;
      position: absolute;
      left: 0px;
      top: 34px; }
    .recruit__member_detail__bloglink > a > div:after {
      content: "";
      display: block;
      width: 15px;
      height: 49px;
      background-image: url(images/techbot_link_arrow.png);
      background-repeat: no-repeat;
      position: absolute;
      right: 0px;
      top: 46px; }
    .recruit__member_detail__bloglink > a > div p {
      font-size: 14px;
      line-height: 24px; }

.recruit__member_detail__nav {
  position: relative;
  width: 720px;
  height: 56px;
  margin: 30px auto 60px; }

.recruit__member_detail__nav__prev,
.recruit__member_detail__nav__all,
.recruit__member_detail__nav__next {
  width: 228px;
  height: 56px;
  position: absolute;
  top: 0px; }
  .recruit__member_detail__nav__prev .sweep_normal span,
  .recruit__member_detail__nav__prev .sweep_over span,
  .recruit__member_detail__nav__all .sweep_normal span,
  .recruit__member_detail__nav__all .sweep_over span,
  .recruit__member_detail__nav__next .sweep_normal span,
  .recruit__member_detail__nav__next .sweep_over span {
    width: 226px;
    height: 54px;
    background-size: 226px 108px; }
  .recruit__member_detail__nav__prev .sweep_normal span,
  .recruit__member_detail__nav__all .sweep_normal span,
  .recruit__member_detail__nav__next .sweep_normal span {
    background-position: 0px -54px; }
  .recruit__member_detail__nav__prev .sweep_over span,
  .recruit__member_detail__nav__all .sweep_over span,
  .recruit__member_detail__nav__next .sweep_over span {
    background-position: 0px 0px; }

.recruit__member_detail__nav__prev {
  left: 0px; }
  .recruit__member_detail__nav__prev .sweep_normal span,
  .recruit__member_detail__nav__prev .sweep_over span {
    background-image: url(images/btn_prev.png); }

.recruit__member_detail__nav__all {
  left: 248px; }
  .recruit__member_detail__nav__all .sweep_normal span,
  .recruit__member_detail__nav__all .sweep_over span {
    background-image: url(images/btn_all.png); }

.recruit__member_detail__nav__next {
  right: 0px; }
  .recruit__member_detail__nav__next .sweep_normal span,
  .recruit__member_detail__nav__next .sweep_over span {
    background-image: url(images/btn_next.png); }

span.recruit__member_detail__nav__prev,
span.recruit__member_detail__nav__next {
  opacity: 0.1 !important;
  filter: alpha(opacity=10); }
  span.recruit__member_detail__nav__prev .sweep_over,
  span.recruit__member_detail__nav__next .sweep_over {
    display: none; }

@media screen and (max-width: 750px) {
  .recruit__member_detail__portrait {
    height: 200px;
    margin: 60px auto 42px; }
    .recruit__member_detail__portrait > div > div {
      background-size: 640px 200px; }

  .recruit__member_detail__portrait__type {
    height: 18px;
    display: block;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -165px; }
    .recruit__member_detail__portrait__type.engineer {
      width: 81px;
      background-size: 81px 18px;
      background-image: url(images/recruit_member_type_engineer_sp.png); }
    .recruit__member_detail__portrait__type.creator {
      width: 72px;
      background-size: 72px 18px;
      background-image: url(images/recruit_member_type_creator_sp.png); }
    .recruit__member_detail__portrait__type.director {
      width: 78px;
      background-size: 78px 18px;
      background-image: url(images/recruit_member_type_director_sp.png); }
    .recruit__member_detail__portrait__type.producer {
      width: 78px;
      background-size: 78px 18px;
      background-image: url(images/recruit_member_type_producer_sp.png); }
    .recruit__member_detail__portrait__type.phq {
      width: 139px;
      background-size: 139px 18px;
      background-image: url(images/recruit_member_type_data_scientist_sp.png); }
    .recruit__member_detail__portrait__type.planner {
      width: 75px;
      background-size: 75px 18px;
      background-image: url(images/recruit_member_type_planner_sp.png); }
    .recruit__member_detail__portrait__type.operations {
      width: 121px;
      background-size: 121px 18px;
      background-position: -10px;
      background-image: url(images/recruit_member_type_operations_sp.png); }
    .recruit__member_detail__portrait__type.business_manager {
      width: 188px;
      background-size: 188px 18px;
      background-position: -10px;
      background-image: url(images/recruit_member_type_business_manager_sp.png); }
    .recruit__member_detail__portrait__type.headofnizista {
      width: 143px;
      background-size: 143px 18px;
      background-image: url(images/recruit_member_type_headofnizista_sp.png); }
    .recruit__member_detail__portrait__type.technical_hr {
      width: 127px;
      background-size: 127px 18px;
      background-image: url(images/recruit_member_type_technicalhr_sp.png); }

  .recruit__member_detail__portrait__name {
    font-size: 12px;
    line-height: 16px;
    top: 46px;
    left: 50%;
    margin-left: -165px; }

  .recruit__member_detail__body {
    width: auto;
    margin: 0 40px 40px; }
    .recruit__member_detail__body h3 {
      font-size: 19px;
      line-height: 26px;
      margin: 45px auto 26px; }
    .recruit__member_detail__body p {
      font-size: 14px;
      line-height: 26px; }

  .recruit__member_detail__bloglink {
    width: 100%;
    height: 250px;
    background-color: #F2F2F2;
    margin: 0px auto 15px; }
    .recruit__member_detail__bloglink__btn {
      display: block;
      margin: 0 auto; }
      .recruit__member_detail__bloglink__btn .sweep_normal span,
      .recruit__member_detail__bloglink__btn .sweep_over span {
        width: 138px;
        height: 38px;
        background-image: url(images/btn_viewblog_sp.png);
        background-size: 138px 76px; }
      .recruit__member_detail__bloglink__btn .sweep_normal span {
        background-position: 0px -38px; }
      .recruit__member_detail__bloglink__btn .sweep_over span {
        background-position: 0px 0px; }
    .recruit__member_detail__bloglink > a:hover {
      opacity: 1 !important;
      filter: alpha(opacity=100); }
      .recruit__member_detail__bloglink > a:hover .recruit__member_detail__bloglink__btn .sweep_over {
        width: 100%;
        right: auto;
        left: 0px; }
        .recruit__member_detail__bloglink > a:hover .recruit__member_detail__bloglink__btn .sweep_over span {
          left: 0px;
          right: auto; }
    .recruit__member_detail__bloglink > a > div {
      position: relative;
      box-sizing: border-box;
      width: 280px;
      padding: 30px 0px;
      margin: 0 auto; }
      .recruit__member_detail__bloglink > a > div:before {
        content: "";
        display: block;
        width: 175px;
        height: 58px;
        background-image: url(images/techbot_link_logo_sp.png);
        background-size: 175px 58px;
        background-repeat: no-repeat;
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto; }
      .recruit__member_detail__bloglink > a > div:after {
        display: none; }
      .recruit__member_detail__bloglink > a > div p {
        font-size: 12px;
        line-height: 21px;
        margin: 18px 0; }
        .recruit__member_detail__bloglink > a > div p br {
          display: none; }

  .recruit__member_detail__nav {
    position: relative;
    width: 290px;
    height: 40px;
    margin: 15px auto 50px; }

  .recruit__member_detail__nav__prev,
  .recruit__member_detail__nav__next {
    width: 105px;
    height: 40px;
    position: absolute;
    top: 0px; }
    .recruit__member_detail__nav__prev .sweep_normal span,
    .recruit__member_detail__nav__prev .sweep_over span,
    .recruit__member_detail__nav__next .sweep_normal span,
    .recruit__member_detail__nav__next .sweep_over span {
      width: 103px;
      height: 38px;
      background-size: 103px 76px; }
    .recruit__member_detail__nav__prev .sweep_normal span,
    .recruit__member_detail__nav__next .sweep_normal span {
      background-position: 0px -38px; }
    .recruit__member_detail__nav__prev .sweep_over span,
    .recruit__member_detail__nav__next .sweep_over span {
      background-position: 0px 0px; }

  .recruit__member_detail__nav__prev {
    left: 0px; }
    .recruit__member_detail__nav__prev .sweep_normal span,
    .recruit__member_detail__nav__prev .sweep_over span {
      background-image: url(images/btn_prev_sp.png); }

  .recruit__member_detail__nav__next {
    right: 0px; }
    .recruit__member_detail__nav__next .sweep_normal span,
    .recruit__member_detail__nav__next .sweep_over span {
      background-image: url(images/btn_next_sp.png); }

  .recruit__member_detail__nav__all {
    left: 119px;
    width: 50px;
    height: 40px; }
    .recruit__member_detail__nav__all .sweep_normal span,
    .recruit__member_detail__nav__all .sweep_over span {
      width: 48px;
      height: 38px;
      background-image: url(images/btn_all_sp.png);
      background-size: 48px 76px; }
    .recruit__member_detail__nav__all .sweep_normal span {
      background-position: 0px -38px; }
    .recruit__member_detail__nav__all .sweep_over span {
      background-position: 0px 0px; } }
.recruit__entry.fadein .recruit__entry__title,
.recruit__entry.fadein .recruit__entry__form {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit__entry__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 173px;
  height: 53px;
  margin: 80px auto 58px auto;
  background-image: url(images/section_title_entryform.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.recruit__entry__form {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.8s linear 0.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; }

@media screen and (max-width: 750px) {
  .recruit__entry__title {
    width: 139px;
    height: 40px;
    margin: 60px auto 20px auto;
    background-image: url(images/section_title_entryform_sp.png);
    background-size: 139px 40px; } }
.recruit.office .recruit__entry__banner {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .recruit.office .recruit__entry__banner.fadein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }

.recruit__office__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 259px;
  height: 52px;
  margin: 80px auto 50px;
  background-image: url(images/section_title_office.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.fadein .recruit__office__title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit__system hr {
  width: 1020px;
  height: 1px;
  border: none;
  background-color: #E5E5E5;
  margin: 10px auto 30px; }

.recruit__system__title {
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  display: block;
  width: 116px;
  height: 54px;
  margin: 80px auto 50px;
  background-image: url(images/section_title_system.png);
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }

.fadein .recruit__system__title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); }

.recruit__twocolumn {
  width: 1050px;
  margin: 0 auto; }
  .recruit__twocolumn:after {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    float: none;
    clear: both;
    visibility: hidden; }

.recruit__twocolumn__column {
  float: left;
  width: 495px;
  height: auto;
  margin: 0 15px 50px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s; }
  .recruit__twocolumn__column:nth-of-type(odd) {
    clear: both; }
  .recruit__twocolumn__column.fadein {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
    .recruit__twocolumn__column.fadein .recruit__twocolumn__column__text {
      opacity: 1;
      filter: alpha(opacity=100); }

.recruit__twocolumn__column__image {
  width: 100%;
  height: 259px;
  position: relative;
  margin: 0px auto;
  border-radius: 6px 6px 0px 6px;
  
  overflow: hidden;
  z-index: 1; }
  .recruit__twocolumn__column__image:before {
    content: "";
    display: block;
    width: 0px;
    height: 100%;
    background-color: #0e93d6;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    border-radius: 0 50% 50% 0; }
  .recruit__twocolumn__column__image > div {
    border-radius: 0 50% 50% 0;
    overflow: hidden;
    z-index: 1; }
  .recruit__twocolumn__column__image.wipein:before {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .recruit__twocolumn__column__image.wipein > div {
    width: 100% !important;
    border-radius: 0px;
    transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; }
  .recruit__twocolumn__column__image.wipeimmediately:before {
    width: 100% !important;
    border-radius: 0px; }
  .recruit__twocolumn__column__image.wipeimmediately > div {
    width: 100% !important;
    border-radius: 0px; }
  .recruit__twocolumn__column__image > div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    overflow: hidden; }
  .recruit__twocolumn__column__image > div > div {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 495px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #F1F7F8; }

.recruit__twocolumn__column__text {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity .8s linear .5s; }
  .recruit__twocolumn__column__text h3 {
    font-size: 18px;
    font-weight: bold;
    color: #0e93d6;
    margin: 20px 0 14px; }
  .recruit__twocolumn__column__text p {
    font-size: 14px;
    line-height: 24px; }

.other .recruit__twocolumn__column__text {
  margin-top: 40px; }

  #recruit__office__title_photo,
  #recruit__office__title_move {
    width: 255px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 30px auto 30px;
    background-size: 255px 32px;
  }
  #recruit__office__title_move{
    background-image: url(images/section_subtitle_office_movie.png);
  }
  #recruit__office__title_photo {
    background-image: url(images/section_subtitle_office_picture.png);
  }
  #recruit__office__move {
    width:770px;
    height: 430px;
  }
  #recruit__office__move .recruit__twocolumn__column, 
  #recruit__office__move .recruit__twocolumn__column__image,
  #recruit__office__move .recruit__twocolumn__column__image iframe{
    height: 100%;
  }
  #recruit__office__move .recruit__twocolumn__column, 
  #recruit__office__move .recruit__twocolumn__column__image iframe{
    width:100%;
  }
  #recruit__office__move .recruit__twocolumn__column__image:before{
    width: 0px;
  }

@media screen and (max-width: 1050px) {
  .recruit__twocolumn {
    width: 525px; }
  
    #recruit__office__move {
      width: 375px;
      height: auto;
    }
    #recruit__office__title_photo,
    #recruit__office__title_move {
      width: 210px;
      height: 32px;
      background-size: 210px auto;
    }
    #recruit__office__title_move{
      background-image: url(images/section_subtitle_office_movie_sp.png);
    }
    #recruit__office__title_photo {
      background-image: url(images/section_subtitle_office_picture_sp.png);
    }

  .recruit__system hr {
    width: 495px; } }
@media screen and (max-width: 750px) {
  .recruit__office__title {
    width: 210px;
    height: 41px;
    margin: 60px auto 20px;
    background-image: url(images/section_title_office_sp.png);
    background-size: 210px 41px; }

  .recruit__system hr {
    width: 100%;
    height: 1px;
    border: none;
    background-color: #E5E5E5;
    margin: 0px auto 40px; }

  .recruit__system__title {
    width: 93px;
    height: 41px;
    margin: 60px auto 20px;
    background-image: url(images/section_title_system_sp.png);
    background-size: 93px 41px; }

  .recruit__twocolumn {
    width: 100%;
    margin: 0 auto; }
    .recruit__twocolumn:after {
      content: "";
      display: block;
      width: 0px;
      height: 0px;
      float: none;
      clear: both;
      visibility: hidden; }

  .recruit__twocolumn__column {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0px 40px; }
    .recruit__twocolumn__column:nth-of-type(odd) {
      clear: both; }

  .recruit__twocolumn__column__image {
    width: 100%;
    height: 0px;
    padding-top: 52.2666667%;
    position: relative;
    margin: 0px auto;
    border-radius: 0px; 
  }

  .recruit__twocolumn__column__text {
    margin: 0 40px; }
    .recruit__twocolumn__column__text h3 {
      font-size: 16px;
      margin: 14px 0 10px; }
    .recruit__twocolumn__column__text p {
      font-size: 14px;
      line-height: 21px; }

  .other .recruit__twocolumn__column__text {
    margin-top: 40px; } }



    #recruit_header_banner_entry, #recruit_footer_banner{
      position: fixed;
      right:0px;
      background-repeat: no-repeat;
      z-index:50;
    }
    #recruit_footer_banner{
      display:none;
    }
    #recruit_header_banner_entry{
      display: none;
    }
    #recruit_header_banner_entry a{
      display:block;
      width:100%;
      height:100%;
      text-indent:-9999px;
    }
    #recruit_news {
      position: absolute;
      display: block;
      width: 210px;
      height: 50px;
      z-index: 50;
      top: -100px;
      color: #FFF;
      text-decoration: none;
      transition: opacity 0.15s linear 0s;
    }
    @media screen and (min-width: 750px) {
      #recruit_news_crop{
        display:none;
        width: 0px;
      }
      #recruit_news_crop.wipein {
        display:block;
        width: 100% !important;
        -webkit-animation: recruit_news_crop_wipein 1000ms linear both;
        animation: recruit_news_crop_wipein 1000ms linear both;
      }
      /* Generated with Bounce.js. Edit at https://goo.gl/o3VPwA */
      @-webkit-keyframes recruit_news_crop_wipein { 
        0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); }
        3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -67.61, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -67.61, 0, 0, 1); }
        6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -46.162, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -46.162, 0, 0, 1); }
        12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.364, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.364, 0, 0, 1); }
        18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.667, 0, 0, 1); }
        25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4.383, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4.383, 0, 0, 1); }
        37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.859, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.859, 0, 0, 1); }
        50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); }
        100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
      }
      @keyframes recruit_news_crop_wipein { 
        0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); }
        3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -67.61, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -67.61, 0, 0, 1); }
        6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -46.162, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -46.162, 0, 0, 1); }
        12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.364, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -21.364, 0, 0, 1); }
        18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -9.667, 0, 0, 1); }
        25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4.383, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -4.383, 0, 0, 1); }
        37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.859, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.859, 0, 0, 1); }
        50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.159, 0, 0, 1); }
        100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
      }
    }

  .recruit__first_media__btn {
    margin-left:auto;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
    transition: opacity 0.8s linear 0.4s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    transition: opacity 0.8s linear 0.4s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
    background-color:#0e93d6;
    border-color:#0e93d6;
  }
  .recruit__first_media__btn:hover{
    border-color:#000000;
  }
    .recruit__first_media__btn .sweep_normal span,
    .recruit__first_media__btn .sweep_over span {
      width: 178px;
      height: 48px;
      background-image: url(images/btn_media.png);
      background-size: 178px 96px; }
    .recruit__first_media__btn .sweep_normal span {
      background-position: 0px 0px; }
    .recruit__first_media__btn .sweep_over span {
      background-position: 0px 0px; }
    .recruit__first_media__btn.fadeIn {
      opacity: 1;
      filter: alpha(opacity=100);
      -webkit-transform: translate(0px, 0px);
          -ms-transform: translate(0px, 0px);
              transform: translate(0px, 0px); 
    }


@media screen and (max-width: 750px) {
  .footer {
    margin-bottom:100px;
  }
  #recruit_footer_banner{
    display:block;
    bottom:0px;
    width:100%;
    height:62px;
    background-image: url("images/banner_recruit_sp.png");
    background-size: 100%;
  }
  #recruit_footer_banner a{
    display:block;
    width:100%;
    height:100%;
    text-indent:-9999px;
  }
  #recruit_header_banner_entry{
    display:block;
    top:auto;
    bottom:0px;
    width:100%;
    height:62px;
    background-image: url("images/banner_entry_sp.png");
    background-size: 100%;
  }

  #recruit_news {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 58px;
    left: 0px;
    padding-top:10px;
    top: auto;
    z-index: 50;
    color: #FFF;
    text-decoration: none;
    opacity: 1 !important;
    filter: alpha(opacity=100);
  }
  .recruit__first_media__btn{
    background-color: transparent;
    border-color:#000000;
    margin-right:auto;
  }

  .recruit__first_media__btn .sweep_normal span,
  .recruit__first_media__btn .sweep_over span {
    width: 138px;
    height: 38px;
    background-image: url(images/btn_media_sp.png);
    background-size: 138px 76px; }
  .recruit__first_media__btn .sweep_normal span {
    background-position: 0px -38px; }
  .recruit__first_media__btn .sweep_over span {
    background-position: 0px 0px; }
}

  /* TOPサービスのComing Soon */
  .index__service__container .comming_soon{
    display:none;
  }
  /* TOPサービスは1200pxのときだけComing Soonとかいろいろ調整する */
  @media screen and (min-width: 1200px){
    /* .index_start_service_other{
      clear:both;
    } */
    .index__service__container .comming_soon{
      display:block;
    }
  }

  div.news_youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin-top:1rem;
    overflow: hidden;
  }
  .news_youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .news__article__body p.news_youtube_line{
    margin-top: 10px !important;
  }
/* **********************************************************************************************************************************************
   3D採用強化対応
************************************************************************************************************************************************* */
#recruit__front_3d_banner {
  position: relative;
  width: 100%;
  height: 270px;
  background-color: #41A1D5;
  overflow: hidden;
  border-radius: 0 25% 25% 0;
}
#recruit__front_3d_banner.wipein {
  width: 100% !important;
  border-radius: 0;
  transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99), border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); 
}
#recruit__front_3d_banner.wipein .recruit__front_3d_banner__bg {
  width: 100% !important;
  border-radius: 0;
  transition: width 0.7s cubic-bezier(0.52, 0.4, 0.1, 0.99) 0.3s, border-radius 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s; 
}
.recruit__front_3d_banner__bg {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  border-radius: 0 25% 25% 0;
}
.recruit__front_3d_banner__ptn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image:url("images/recruit_front_3d_banner.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#recruit__front_3d_banner.recruit_3dadopt_banner{
  height: 358px;
}
#recruit_3dadopt_banner_bg {
  background-image:url("images/recruit_3dadopt/banner_new_project.jpg");
}
#recruit__front_3d_banner #recruit_3dadopt_banner_entry{
  margin: 0px auto;
  margin-top:-30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
}
.recruit__front_3d_banner__ptn:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background-size: 4px 4px;
  z-index: 0;
}
#recruit_3dadopt_banner_bg.recruit__front_3d_banner__ptn:before{
  background-image: url(images/firstview_ptn.png);
}
.recruit__front_3d_banner__ptn:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1; 
}
.recruit__front_3d_banner__contents {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 3;
}
#recruit__front_3d_banner .recruit__front_3d_banner__contents,
#recruit__front_3d_banner #recruit_front_3d_banner_contents {
  width:100%;
  height:100%;
  background-size: auto 16px;
  background-position: 98% bottom;
  background-image: url("./images/recruit_front_3d_banner_ff7ec_copyright.png");
  background-repeat: no-repeat;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.5s linear 0.5s;
  transition: opacity 0.5s linear 0.5s; 
}
#recruit__front_3d_banner .recruit__front_3d_banner__contents{
  transition: opacity 0.5s linear 0s;
  transition: opacity 0.5s linear 0s; 
}
#recruit__front_3d_banner.fadeIn .recruit__front_3d_banner__contents,
#recruit__front_3d_banner.fadeIn #recruit_front_3d_banner_contents{
  opacity: 1;
  filter: alpha(opacity=100);
}
#recruit__front_3d_banner.wipein .recruit_3dadopt_banner_text,
#recruit__front_3d_banner.wipein #recruit_front_3d_banner_contents,
#recruit__front_3d_banner.wipein .recruit__front_3d_banner_text{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
#recruit__front_3d_banner.wipein #recruit_front_3d_banner_contents{
  height: 100%;;
}
#recruit__front_3d_banner .recruit__front_3d_banner_text{
  margin-bottom:0px;
  background-image: url("./images/recruit_front_3d_banner_text.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 133px;
  height: 170px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; 
}
#recruit__front_3d_banner .recruit_3dadopt_banner_text{
  margin-bottom:0px;
  background-image: url("./images/recruit_3dadopt/banner_new_project_text.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: auto 82px;
  height: 150px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; 
}
#recruit__front_3d_banner.fadeIn #recruit__front_3d_more_btn {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); 
}
#recruit__front_3d_banner #recruit__front_3d_more_btn {
  background-color: #fff;
  top:15px;
  margin: 0 auto;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 1.2s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
  transition: opacity 0.8s linear 1.2s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s; 
}


/* ヘッダー対応 */
#recruit__3dadopt_header > div > div {
  background-image: url(images/recruit_3dadopt/first_bg.png); 
  background-size: cover;
}
#recruit__3dadopt_header .recruit__first_header__lead{
  height: 120px;
  width: 903px;
  margin-left: -452px;
}
#recruit__3dadopt_header .recruit__first_header__lead div.recruit__first_header__lead__text{
  background-image: url(images/recruit_3dadopt/first_title.png);
  height: 120px;
  background-size: auto 120px;
}
#recruit__3dadopt_header .recruit__first_header__lead div.recruit__first_header__lead__base{
  background-image: url(images/recruit_3dadopt/first_title.png);
  height: 120px;
  background-size: auto 120px;
}
/* Works */
#recruit__3dadopt_works, #recruit__3dadopt_equipment{
  position: relative; 
  padding-top:65px;
}
#recruit__3dadopt_works .service__section__title,
#recruit__3dadopt_equipment .service__section__title{
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  margin: 0 auto 46px auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 70px;
  width:100%;
}
#recruit__3dadopt_works .service__product,
#recruit__3dadopt_equipment .service__product {
  box-sizing: border-box;
  width: 100%;
  max-width: 1185px;
  height: auto;
  min-height: 350px;
  position: relative;
  padding-left: 0px;
  margin: 0 auto 60px;
}
#recruit__3dadopt_works #works_ff7ec.service__product{
  margin-bottom:100px;
}
#recruit__3dadopt_works #works_ff7ec_images .slick-track{
  background-color: #000;
  height: 426px;
}
#recruit__3dadopt_works .service__section__title{
  background-image:url("images/recruit_3dadopt/works_title.png");
  background-size:auto 112px;
  height: 112px;
}
#recruit__3dadopt_works .works_images{
  width:682px;
  height: auto;
  float:left;
  position: relative;
}
#recruit__3dadopt_works .service__product.wipein .works_slider,
#recruit__3dadopt_works .service__product.wipein .copylight_txt{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px);
}
#recruit__3dadopt_works .service__product .works_slider{
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.6s linear 0.2s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
#recruit__3dadopt_works .service__product__title{
  width:100%;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  position: absolute;
  left:740px;
  max-width: 445px;
}
#recruit__3dadopt_works .service__product .copylight_txt {
  font-size: 14px;
  line-height: 30px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.6s linear 0.2s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
#recruit__3dadopt_works #works_bladexlord_logo{
  height: 150px;
  background-image:url("images/recruit_3dadopt/kv_bladexlord_logo.png");
  background-size: auto 150px;
}
#recruit__3dadopt_works #works_ff7ec_logo{ 
  background-image:url("images/recruit_3dadopt/works/ff7ec_logo.png");
  height: 160px;
  background-size: auto 160px;
}
#recruit__3dadopt_works .works_images .slick-list{
  border-radius: 10px 10px 0px 10px;
}
#recruit__3dadopt_works .works_images .slick-slide{
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top left;
}
#recruit__3dadopt_works .works_images img {
  width:100%;
  height: 100%;
}
#recruit__3dadopt_works .works_images iframe {
  display: block;
  width: 100%;
  height: 426px;
}
#recruit__3dadopt_works .works_content{
  margin-left:740px;
  padding-top: 0px;
  min-height: 430px;
  width: 445px;
  position: relative;
}
#recruit__3dadopt_works .works_content .service__product__btn{
  margin-left:auto;
}
#recruit__3dadopt_works .service__product .service__product__desc{
  position: absolute;
  top:180px;
  height: 96px;
  margin-bottom:20px;
  line-height: 28px;
}
#recruit__3dadopt_works .service__product .service__product__desc strong{
  font-weight: bold;
  color:#0e93d6;
}
#recruit__3dadopt_works .service__product .service__product__desc .works_desc{
  display: none;
}
#recruit__3dadopt_works .service__product .service__product__desc .current{
  display: block;
}
#recruit__3dadopt_works div.works_images_button_content{
  position: absolute;
  top:310px;
  width:100%;
  max-width: 445px;
  height:104px;
  margin:0px;
  padding:0px;
  margin:0px;
  border:0px;
  background-image: url("./images/recruit_3dadopt/works/line.png");
  background-repeat: repeat-x;
  background-size: 1px auto;
  background-position: top left;
  background-color: #fff;
}
#recruit__3dadopt_works div.works_images_button_content .slick-list{
  width:290px;
}
#recruit__3dadopt_works div.works_images_button_content .slick-slide{
  border:0px;
  width:73px;
  background:none;
  margin-top:-2px;
  outline: 0;
}
#recruit__3dadopt_works div.works_images_button_content .slick-slide div{
  background-repeat: no-repeat;
  background-size: 68px auto;
  background-position: bottom center;
  border:0px;
  margin-top:36px;
}
#recruit__3dadopt_works div.works_images_button_content .slick-current{
  background-image: url("./images/recruit_3dadopt/works/current.png");
  background-repeat: no-repeat;
  background-size: 68px auto;
  background-position: top center;
}
#recruit__3dadopt_works div.works_images_button_content .slick-slide img { 
  width:68px;
  height:68px;
  border:solid 0px #ffffff;
  margin-left:auto;
  margin-right: auto;
  cursor: pointer;
}
#recruit__3dadopt_works div.works_images_button_content .slick-current img { 
  width:61px;
  height:60px;
  border:solid 4px #0e93d6;
  margin-left:auto;
  margin-right: auto;
}
#recruit__3dadopt_interview.recruit__first_member{
  padding-top: 85px;
}
#recruit__3dadopt_interview.recruit__first_member h2{
  width: 100%;
  height:94px;
  background-image:url("images/recruit_3dadopt/creator_title.png");
  background-size: auto 94px;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom:70px;
}
#recruit__3dadopt_interview #recruit__3dadopt_interview_notice{
  width:1200px;
  font-size: 13px;
  text-align: right;
  margin:0px auto;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.6s linear 0.2s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
  transition: opacity 0.6s linear 0.2s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
}
#recruit__3dadopt_interview .recruit__member_list{
  width:1200px;
}
#recruit__3dadopt_interview .recruit__member_list__container{
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
#recruit__3dadopt_interview .recruit__member_list__block{
  width: 280px;
  height: 360px;
  float: none;
}
#recruit__3dadopt_interview .recruit__member_list__block__photo{
  width: 280px;
}
#recruit__3dadopt_interview .recruit__member_list__block__btn{
  left:235px;
}
/*************************************************************************/
/* 3dメンバー紹介 */
/*************************************************************************/
#recruit__3dadopt_interview .recruit__member_list__block #member_01 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_01.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_01:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_01_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_02 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_02.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_02:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_02_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_03 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_03.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_03:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_03_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_04 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_04.png");
}
/* #recruit__3dadopt_interview .recruit__member_list__block #member_04:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_04_h.png");
} */
#recruit__3dadopt_interview .recruit__member_list__block #member_05 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_05.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_05:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_05_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_06 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_06.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_06:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_06_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_07 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_07.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_07:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_07_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_08 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_08.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_08:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_08_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_09 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_09.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_09:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_09_h.png");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_10 .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_10.png?221028");
}
#recruit__3dadopt_interview .recruit__member_list__block #member_10:hover .recruit__member_list__block__photo {
  background-image: url("images/recruit_3dadopt/members/member_10_h.png?221028");
}
/*************************************************************************/
#recruit__3dadopt_modal .modal__article,
#boardmembers .modal__article{
  padding:30px 50px;
}
#recruit__3dadopt_modal .modal__article__service,
#boardmembers .modal__article__service{
  max-width:1150px;
}

#recruit__3dadopt_modal .modal__article__service__main,
#boardmembers .modal__article__service__main{
  width:548px;
}
#recruit__3dadopt_modal .modal__article__service__main:nth-child(even),
#boardmembers .modal__article__service__main:nth-child(even){
  margin-right: 0px;
}
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__image,
#boardmembers .modal__article__service__main .modal__article__service__image{
  width:548px;
  height: 478px;
  border-radius:0px;
  margin:0px;
}
#recruit__3dadopt_modal .modal__article__service__image.wipein > div,
#recruit__3dadopt_modal .modal__article__service__image > div > div,
#boardmembers .modal__article__service__image.wipein > div,
#boardmembers .modal__article__service__image > div > div{
  width:548px;
  height: 478px;
}
#recruit__3dadopt_modal .modal__article__service__meta__title,
#boardmembers .modal__article__service__meta__title{
  margin-bottom: 0px;
  font-size: 22px;
  font-weight: normal;
  margin-top: 0px;
}
#recruit__3dadopt_modal .modal__article__service__meta__sub_title,
#boardmembers .modal__article__service__meta__sub_title{
  color:#003cc7;
  font-weight: bold;
  font-size: 16px;
  margin-top:15px;
  line-height: 24px;
}
#recruit__3dadopt_modal .pink_color{
  color:#f4508d;
}
#recruit__3dadopt_modal .green_color{
  color:#02a61a;
}
#recruit__3dadopt_modal .about__section--company,
#boardmembers .about__section--company{
  padding:0px;
}
#recruit__3dadopt_modal h2,
#boardmembers h2{
  line-height: 40px;
}
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text,
#boardmembers .modal__article__service__main .modal__article__service__text{
  margin-top:0px;
  font-size:13px;
  line-height: 16px;
}
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text,
#boardmembers .modal__article__service__main .modal__article__service__text{
  color: #000;
}

#recruit__3dadopt_modal .about__section--company dl,
#boardmembers .about__section--company dl{
  border-top:0px;
  margin-top:20px;
  width:100%;
}
#recruit__3dadopt_modal .about__section--company dl dt, 
#recruit__3dadopt_modal .about__section--company dl dd,
#boardmembers .about__section--company dl dt, 
#boardmembers .about__section--company dl dd{
  line-height: 25px;
  font-size: 15px;
  padding:0px;
}

#recruit__3dadopt_modal .about__section--company dl dt,
#boardmembers .about__section--company dl dt{
  left:0px;
  font-weight: normal;
  color:#333;
}
#recruit__3dadopt_modal .about__section--company dl dd,
#boardmembers .about__section--company dl dd{
  padding-left: 70px;
  border-bottom:0px;
}
#recruit__3dadopt_message{
  height: 584px;
}
#recruit__3dadopt_message .recruit__first_message__body{
  background-image: url(images/recruit_3dadopt/message_bg.png);
  background-size: auto 584px;
  background-position: center;
}
#recruit__3dadopt_message.recruit__first_message div.recruit__first_message__text{
  text-align: left;
  margin-left:auto;
  margin-right: auto;
  width:1000px;
}
#recruit__3dadopt_message.recruit__first_message div.recruit__first_message__text p{
  width:470px;
  text-align: left;
  display: block;
}
#recruit__3dadopt_equipment{
  padding-top:82px;
}
#recruit__3dadopt_equipment .service__section__title{
  background-image:url("images/recruit_3dadopt/equipment_title.png");
  background-size:auto 40px;
  height: 40px;
  margin-bottom: 35px;
}
#recruit__3dadopt_equipment .recruit__twocolumn__column{
  margin-left:20px;
  margin-right: 5px;
  margin-bottom:90px;
}
#recruit__3dadopt_equipment .recruit__twocolumn__column__image div div{
  background-size: auto 260px;
  background-position: left top;
}
#recruit__3dadopt_equipment .service__product{
  width:50%;
  max-width:500px;
  float: left;
}
#recruit__3dadopt_equipment .recruit__twocolumn__column__text h3{
  color:#333;
}
#recruit__3dadopt_equipment .recruit__twocolumn__column__text{
  margin:0px;
}
#recruit__3dadopt_equipment .works_sub_title{
  display: block;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  width:100%;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 24px;
  opacity: 0;
  margin: 0 auto 46px auto;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.6s linear 0s, -webkit-transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.6s linear 0s, transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
#recruit__3dadopt_equipment #equipment_sub_title_environment{
  background-image:url("images/recruit_3dadopt/equipment_environment_title.png");
  margin-bottom:70px;
  height: 24px;
  background-size: auto 24px;
}
#recruit__3dadopt_equipment #equipment_sub_title_soft{
  background-image:url("images/recruit_3dadopt/equipment_soft_title.png");
  margin-bottom: 30px;
  clear: both;
}
#recruit__3dadopt_equipment #equipment_soft .recruit__twocolumn__column{
  float:none;
  width:100%;
  text-align: center;
}
#recruit__3dadopt_equipment.fadein .works_sub_title {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); 
}
#recruit__3dadopt_equipment .service__product__image > div{
  height: 350px;
}
#recruit__3dadopt_entry_btn{
  margin-top: -50px;
  margin-bottom: 180px;
}


#recruit_adopt_sp{
  display: none;
}
#recruit_adopt {
  position: absolute;
  display: block;
  width: 290px;
  height: 80px;
  z-index: 50;
  top: -110px;
  right: 30px;
  color: #FFF;
  text-decoration: none;
  transition: opacity 0.15s linear 0s;
}
.recruit_adopt_btn .recruit__first_media__btn {
  border:none;
  width: 290px;
  height: 80px;
}
#recruit_adopt .recruit__first_media__btn:hover{
  border:none;
}
.recruit_adopt_btn .recruit__first_media__btn .sweep_normal span,
.recruit_adopt_btn .recruit__first_media__btn .sweep_over span {
  width: 290px;
  height: 80px;
  background-image: url(images/recruit_3dadopt/banner_top_ff7ec.png);
  background-size: 290px 80px;
  background-position: top;
}

@media screen and (min-width: 750px) {
  #recruit_adopt_crop{
    display:none;
    width: 0px;
  }
  #recruit_adopt_crop.wipein {
    display:block;
    width: 100% !important;
    -webkit-animation: recruit_adopt_crop_wipein 1000ms linear both;
    animation: recruit_adopt_crop_wipein 1000ms linear both;
  }
  /* Generated with Bounce.js. Edit at https://goo.gl/VPcvUY */
  @-webkit-keyframes recruit_adopt_crop_wipein { 
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); }
    3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 67.61, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 67.61, 0, 0, 1); }
    6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 46.162, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 46.162, 0, 0, 1); }
    12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.364, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.364, 0, 0, 1); }
    18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.667, 0, 0, 1); }
    25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.383, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.383, 0, 0, 1); }
    37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.859, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.859, 0, 0, 1); }
    50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
  }
  @keyframes recruit_adopt_crop_wipein { 
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 100, 0, 0, 1); }
    3.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 67.61, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 67.61, 0, 0, 1); }
    6.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 46.162, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 46.162, 0, 0, 1); }
    12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.364, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 21.364, 0, 0, 1); }
    18.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 9.667, 0, 0, 1); }
    25.03% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.383, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.383, 0, 0, 1); }
    37.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.859, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.859, 0, 0, 1); }
    50.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.159, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
  }
}
  
/* 携帯対応 */
@media screen and (max-width: 750px) {
  .recruit__front_3d_banner__ptn{
    background-position: -900px;
  }
  .recruit__front_3d_banner__contents,
  #recruit__front_3d_banner #recruit_front_3d_banner_contents{
    background-position: 95% bottom;
  }
  #recruit__front_3d_banner .recruit__front_3d_banner_text{
    background-size: auto 140px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    background-position:left bottom;
    background-image: url("./images/recruit_front_3d_banner_text_sp.png");
    margin-top:0px;
  }
  #recruit__front_3d_banner #recruit__front_3d_more_btn{
    top:20px;
  }

  #recruit__3dadopt_header > div > div {
    background-position: -450px center;
    background-size: auto 130%;
  }
  #recruit__3dadopt_header .recruit__first_header__lead{
    width:217px;
    height: 146px;
    left: 50%;
    margin-left: -109px;
    margin-right: auto;
  }
  #recruit__3dadopt_header .recruit__first_header__lead div.recruit__first_header__lead__base,
  #recruit__3dadopt_header .recruit__first_header__lead div.recruit__first_header__lead__text{
    background-image: url("./images/recruit_3dadopt/first_title_sp.png");
    background-size:auto 146px;
    height: 146px;
  }
  #recruit__3dadopt_works, #recruit__3dadopt_equipment{
    padding-top:25px;
  }
  #recruit__3dadopt_works .service__section__title{
    width: 100%;
    background-size: auto 62px;
    height: 62px;
    margin-top:35px;
    margin-bottom: 30px;
    background-image: url("./images/recruit_3dadopt/works_title_sp.png");
  }
  #recruit__3dadopt_works .service__product{
    position: relative;
    min-height: 500px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
  }
  #recruit__3dadopt_works #works_ff7ec.service__product{
    margin-bottom:0px;
  }
  #recruit__3dadopt_works #works_ff7ec_images .slick-track{
    height: auto;
    background-color: transparent;
  }
  #recruit__3dadopt_works .works_images{
    width:90%;
    min-width: 335px;
    height: auto;
    margin:0px auto;
    float: none;
  }
  #recruit__3dadopt_works #works_ff7ec div.works_images{
    position: static;
  }
  #recruit__3dadopt_works .works_images .slick-list{
    height: auto;
    border-radius: 0px;
  }
  #recruit__3dadopt_works .works_images .slick-slide{
    height:100%;
  }
  #recruit__3dadopt_works .works_images img,
  #recruit__3dadopt_works .works_images video{
    width:100%;
    height:100%;
  }
  #recruit__3dadopt_works .works_images iframe{
    width:100%;
    height:100%;
    min-height: 212px;
  }
  #recruit__3dadopt_works .works_content{
    width: 100%;
    position: static;
    margin-left:0px;
    min-height: 300px;
  }
  #recruit__3dadopt_works .service__product__title {
    position: static;
    width: 65%; 
    margin: 0px auto;
    max-width: 356px;
    min-width: 240px;
    text-align: center;
  }
  #recruit__3dadopt_works #works_bladexlord_logo{
    background-size: 100% auto;
    height: 130px;
  }
  #recruit__3dadopt_works #works_ff7ec_logo{
    background-size: auto 130px;
    background-position: center;
    height: 150px;
    width:100%;
  }
  #recruit__3dadopt_works div.works_images_button_content{
    position: static;
    background-color:transparent;
    background-position:left 98px;
    width:90%;
    min-width: 335px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top:15px;
  }
  #recruit__3dadopt_works #works_ff7ec_navi_buttons.works_images_button_content{
    top:420px;
  }
  #recruit__3dadopt_works div.works_images_button_content .slick-list{
    min-width: 335px;
    width: 100%;
  }
  #recruit__3dadopt_works div.works_images_button_content .slick-slide{
    width:85px;
  }
  #recruit__3dadopt_works div.works_images_button_content .slick-slide div{
    margin-top:3px;
  }
  #recruit__3dadopt_works div.works_content .service__product__btn{
    width:340px;
  }
  #recruit__3dadopt_works div.works_images_button_content .slick-current{
    background-image: url("./images/recruit_3dadopt/works/current_sp.png");
    background-position: bottom center;
    height: 104px;
  }
  #recruit__3dadopt_works .service__product .service__product__desc{
    position: static;
    width:100%;
    margin-top:15px;
  }
  #recruit__3dadopt_works .service__product #works_ff7ec_desc.service__product__desc{
    top:540px;
  }
  #recruit__3dadopt_works .service__product .service__product__desc p{
    width:auto;
    margin:0px 20px;
  }
  #recruit_3dadopt_banner {
    background-image: url("./images/recruit_3dadopt/banner_new_project_sp.png");
  }
  #recruit__front_3d_banner.recruit_3dadopt_banner{
    margin-top:-18px;
    height: 485px;
  }
  #recruit__front_3d_banner #recruit_3dadopt_banner_bg{
    background-position: 0px bottom;
    background-size: auto 100%;
  }
  #recruit__front_3d_banner .recruit_3dadopt_banner_text{
    height: 261px;
    background-size: auto 161px;
    background-image: url("./images/recruit_3dadopt/banner_new_project_text_sp.png");
    margin-top:0px;
  }
  #recruit__front_3d_banner #recruit_3dadopt_banner_entry{
    margin-top:50px;
  }
  #recruit__3dadopt_interview.recruit__first_member{
    padding-top:50px
  }
  #recruit__3dadopt_interview.recruit__first_member h2{
    height:62px;
    background-image:url("images/recruit_3dadopt/creator_title_sp.png");
    background-size: auto 62px;
    margin-bottom:40px;
  }
  #recruit__3dadopt_interview .recruit__member_list{
    width:100%;
    height: auto;
  }
  #recruit__3dadopt_interview .recruit__member_list__container{
    width: 2650px;
    display: block;
  }
  #recruit__3dadopt_interview .recruit__member_list__block{
    float: left;
  }
  #recruit__3dadopt_interview #recruit__3dadopt_interview_notice{
    width:100%;
    margin-top:8px;
    text-align: center;
  }
  #recruit__3dadopt_message{
    margin-top:40px;
  }
  #recruit__3dadopt_message .recruit__first_message h2{
    height:40px;
    background-size:auto 40px;
  }
  #recruit__3dadopt_message .recruit__first_message__body{
    background-image: url("./images/recruit_3dadopt/message_bg_sp.png");
    background-size: auto 75%;
    background-color: #eef3f6;
    background-position: 140px 340px;
  }
  #recruit__3dadopt_message.recruit__first_message div.recruit__first_message__text{
    width:90%;
    min-width: 335px;
  }
  #recruit__3dadopt_message.recruit__first_message div.recruit__first_message__text p{
    width:100%;
    min-width: 335px;
    font-size: 14px;
    line-height: 24px;
  }
  #recruit__3dadopt_equipment{
    padding-bottom:40px;
    padding-top:50px;
    width:90%;
    min-width: 335px;
    height: auto;
    margin:0px auto;
  }
  #recruit__3dadopt_equipment .service__section__title{
    width: 100%;
    height: 28px;
    background-size: auto 28px;
    margin-bottom: 10px;
    background-image: url("./images/recruit_3dadopt/equipment_title_sp.png");
  }
  #recruit__3dadopt_equipment #equipment_sub_title_environment{
    width: 100%;
    height: 18px;
    background-size: auto 18px;
    background-image: url("./images/recruit_3dadopt/equipment_environment_title_sp.png");
    margin-bottom:40px;
  }
  #recruit__3dadopt_equipment #equipment_sub_title_soft{
    width: 100%;
    height: 43px;
    background-size: auto 43px;
    background-image: url("./images/recruit_3dadopt/equipment_soft_title_sp.png");
  }
  #recruit__3dadopt_equipment .recruit__twocolumn__column__image div div{
    width: 100%;
    background-size: 100% auto;
  }
  #recruit__3dadopt_equipment #equipment_soft .recruit__twocolumn__column{
    line-height: 21px;
  }
  #recruit__3dadopt_equipment .recruit__twocolumn__column{
    margin-left:0px;
    margin-right: 0px;
    margin-bottom: 40px;
    font-size:14px;
  }
  #recruit__3dadopt_modal .modal__article,
  #boardmembers .modal__article{
    padding:20px; 
  }
  #recruit__3dadopt_modal .modal__article__service,
  #boardmembers .modal__article__service{
    width:100%;
    max-width: 375px;
  }
  #recruit__3dadopt_modal .modal__article__service__main,
  #boardmembers .modal__article__service__main{
    width:100%;
    height: auto;
    margin-right:0px;
    padding-bottom:0px;
  }
  #recruit__3dadopt_modal .modal__article__service .modal__article__service__main:first-child,
  #boardmembers .modal__article__service .modal__article__service__main:first-child{
    height: 376px;
    margin-bottom: 20px;
  }
  #recruit__3dadopt_modal .modal__article__service__main .modal__article__service__image,
  #boardmembers .modal__article__service__main .modal__article__service__image{
    width:100%;
    max-width: 375px;
    height: 376px;
    background-size: auto 376px;
    top: 0px;
  }
  #recruit__3dadopt_modal .modal__article__service__image.wipein > div,
  #recruit__3dadopt_modal .modal__article__service__image > div > div,
  #boardmembers .modal__article__service__image.wipein > div,
  #boardmembers .modal__article__service__image > div > div{
    height: 376px;
  }
  #recruit__3dadopt_modal .modal__article__service__meta,
  #boardmembers .modal__article__service__meta{
    height: auto;
  }
  #recruit__3dadopt_modal .modal__article__service__meta__title,
  #boardmembers .modal__article__service__meta__title{
    margin-top:0px;
  }
  #recruit__3dadopt_modal .about__section--company dl dt,
  #boardmembers .about__section--company dl dt{
    float: left;
  }
  #recruit__3dadopt_modal .about__section--company dl,
  #boardmembers .about__section--company dl{
    margin-left:0px;
  }
  #recruit__3dadopt_entry_btn{
    margin-bottom:60px;
  }
  #recruit_adopt{
    display: none;
  }
  #recruit_adopt_sp{
    display: block;
    width: 100%;
    height: 145px;
    background-color: #f2f2f2;
  }
  #recruit_adopt_sp .recruit_adopt_btn{
    margin:auto;
    padding-top:32px;
  }
  #recruit_planner_adopt_btn.recruit_adopt_btn .recruit__first_media__btn .sweep_normal span,
  #recruit_planner_adopt_btn.recruit_adopt_btn .recruit__first_media__btn .sweep_over span {
    background-image: url(images/recruit_planningadopt/banner_top.png);
  }
  #recruit_adopt_sp #recruit_planner_adopt_btn.recruit_adopt_btn{
    padding-top:10px;
  }
  #recruit_creator_adopt_btn.recruit_adopt_btn .recruit__first_media__btn .sweep_normal span,
  #recruit_creator_adopt_btn.recruit_adopt_btn .recruit__first_media__btn .sweep_over span {
    background-image: url(images/recruit_createadopt/banner_top.png);
  }
  #recruit_adopt_sp #recruit_creator_adopt_btn.recruit_adopt_btn{
    padding-top:10px;
  }
  #recruit__3dadopt_modal #modal_works.modal__article,
  #boardmembers #modal_works.modal__article{
    padding:5px;
  }
  #mordal_works_image{
    width:100%;
    min-height:230px;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media screen and (max-width: 1180px) {
  #recruit__3dadopt_modal .modal__article__service__main,
  #boardmembers .modal__article__service__main {
    margin:0px;
  }
}

.en .contact__title{
 height:35px;
}
.en .policy__title{
  height:40px;
}
.en .sweep_button_bk {
  margin-bottom:30px;
}
.en .sweep_button_bk .sweep_normal span,
.en .sweep_button_bk .sweep_over span {
  text-indent: 0px;
  text-align: center;
  background-image: url(images/btn_contact.png);
  width: 178px;
  height: 48px;
  background-size: 178px auto;
}
.en .sweep_button_bk .sweep_normal span {
  background-position: 0px -50px; 
}
.en .sweep_button_bk .sweep_over span {
  background-position: 0px 0px; 
}
.en .mailform__finish__agreement{
  width:160px;
}
@media screen and (max-width: 750px){
  .general.en .header.open .header__nav__container {
    height: 120px;
  }
  .en .header.open .header__nav__container .header__nav__lang{
    top: 36px;
  }
  .en .contact__title{
   height:25px;
  }
  .en .policy__title{
    height:30px;
  }
  .en .sweep_button_bk .sweep_normal span,
  .en .sweep_button_bk .sweep_over span {
    background-image: url(images/btn_contact_sp.png);
    width: 138px;
    height: 38px;
    background-size: 138px auto;
  }
  .en .sweep_button_bk .sweep_normal span {
    background-position: 0px -38px; 
  }
  .en .sweep_button_bk .sweep_over span {
    background-position: 0px 0px; 
  }
}
.modal__article__service__video__embed__container.model_images div img{
  width:100%;
}

/* リリース前ストアリンクなしver */
@media screen and (max-width: 750px){
  .modal_pre_release .modal__article__service__main{
    margin: 0 auto -50px;
  }
  .modal_pre_release .modal__article__service__main .modal__article__service__banners {
    position: absolute;
    right: 0px;
    top: auto;
    bottom: 145px;
  }
  .modal_pre_release .modal__article__service__main .modal__article__service__twitter {
    position: absolute;
    margin: 0px;
    right: 25px;
    top: 125px; 
    bottom: auto;
  }
  .modal_enterprise .modal__article__service__main{
    margin: 0 auto -50px;
  }
  .modal_enterprise .modal__article__service__main .modal__article__service__banners {
    position: absolute;
    right: 0px;
    bottom: 160px;
  }
  .modal_enterprise .modal__article__service__main .modal__article__service__twitter, .modal_enterprise .modal__article__service__main .modal__article__service__youtube {
    position: absolute;
    margin: 0px;
    right: 25px;
    bottom: 120px;
  }
  .modal_enterprise .modal__article__service__main .modal__article__service__youtube {
    bottom: 70px;
  }
}

.modal_GDPR {
  position: fixed;
  width: 100%;
  background-color: rgba(54, 137, 213, .9);
  color: white;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  padding: 1em;
  box-sizing: border-box;
  border-top: 1px solid rgba(255,255,255, .5);
  display: flex;
  align-items: center;
  justify-content: center;
  
}
.modal_GDPR p {
  line-height: 1.3em;
  padding: 0.2rem;
}
.modal_GDPR p a{
  color: #ffcb00;
}

.modal_GDPR_btn {
  padding: 1em;
  text-align: center;
  background: #ffcb00;
  color: #3e3e3e;
  font-weight: bold;
  border-radius: 5px;
  margin-left: auto;
  min-width: 150px;
  margin-right: 0.5rem;
}
.modal_GDPR_btn:last-child{
  margin-right: 0rem;
}

@media screen and (max-width: 750px){
  .modal_GDPR {
    display: block;
  }
  .modal_GDPR_btn {
    margin-left: 0;
    margin-right: 0rem;
    margin-top: 1em;
    padding: .5em;
  }
  .modal_GDPR p a{
    display: block;
  }
}

#values_amc{
  width: 750px;
  height: 531px;
  display: block;
  margin:auto;
  margin-top: 1rem;
  background-repeat: no-repeat;
  background-image: url("images/AMC.png");
}
@media screen and (max-width: 750px){
  #values_amc{
    width: 375px;
    height: 265px;
    background-size: 375px auto;
  }
}

#grimoire_detail .modal__article__service{
  max-width: 1180px;
}
#grimoire_detail .modal__article__service__main{
  width: 380px;
}
#grimoire_detail .modal__article__service__main .modal__article__service__image{
  width:380px;
  height:380px;
  margin: 0 10px 24px 0;
}
#grimoire_detail .modal__article__service__link__btn .sweep_normal span, 
#grimoire_detail .modal__article__service__link__btn .sweep_over span{
  width:100%;
  background-position: center top;
}
#grimoire_detail .modal__article__service__link__btn .sweep_over span{
  background-position: center -48px;
}
#grimoire_detail .sweep_button, 
#grimoire_detail .sweep_button_bk, 
#grimoire_detail .mailform__finish__send, 
#grimoire_detail .service__product__btn, 
#grimoire_detail .modal__article__service__link__btn, 
#grimoire_detail .modal__article__service__video__nav__prev, 
#grimoire_detail .modal__article__service__video__nav__next{
  width:380px;
}
#grimoire_detail .modal__article__service__video{
  width:740px;
}
#grimoire_detail .modal__article__service__banners {
  display: flex;
  justify-content: space-between;
  margin:0px;
  margin-top: 85px;
}
#grimoire_detail .modal__article__service__video .modal__article__service__text__title > p{
  font-size: 16px;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container {
  width: 160px;
  margin: 0px;
  padding: 0px;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__image{
  position: relative;
  width:160px;
  height: 160px;
  margin-bottom: 8px;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__image > div > div{
  background-position: left top;
  background-size: 160px;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple,
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__google,
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple_disable,
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__google_disable {
  width: 160px;
  background-size: 160px auto;
  display: block;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple{
  height: 55px;
}
#grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__google{
  background-size: 185px auto;
  background-position: -13px;
  height: 50px;
}

@media screen and (max-width: 750px){
  #grimoire_detail .modal__article__service__main{
    width: 215px;
    padding-bottom: 270px;
    margin-bottom: 20px;
  }
  #grimoire_detail .modal__article__service__main .modal__article__service__image{
    width: 215px;
    height: 215px;
    top: 0px;
  }
  #grimoire_detail .modal__article__service__image > div > div{
    width: 215px;
    height: 215px;
  }
  #grimoire_detail .sweep_button, 
  #grimoire_detail .sweep_button_bk, 
  #grimoire_detail .mailform__finish__send, 
  #grimoire_detail .service__product__btn, 
  #grimoire_detail .modal__article__service__link__btn, 
  #grimoire_detail .modal__article__service__video__nav__prev, 
  #grimoire_detail .modal__article__service__video__nav__next{
    width: 215px;
  }
  #grimoire_detail .modal__article__service__main .modal__article__service__link{
    left:0px;
    margin-left: 0px;
  }
  #grimoire_detail .modal__article__service__video{
    width: 100%;
  }
  #grimoire_detail .modal__article__service__video .modal__article__service__text__title > p{
    font-size: 14px;
  }
  #grimoire_detail .modal__article__service__banners{
    display: block;
    margin-top: 10px;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__image{
    width: 150px;
    height: 150px;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__image > div > div{
    width: 150px;
    height: 150px;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners_strore{
    position: relative;
    margin-left: 160px;
    margin-bottom: 75px;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple, #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple_disable, #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__google_disable{
    width: 125px;
    background-size: 125px auto;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__google {
    background-size: 144px auto;
    background-position: -9px;
    height: 40px;
  }
  #grimoire_detail .modal__article__service__banners .modal__article__service__banners_container .modal__article__service__banners__apple{
    height: 40px;
  }
}
.footer_copyright{
  color: #666;
  line-height: 1.2rem;
  margin: 20px;
}
#firstview_copyright_sp{
  display: none;
}
#firstview_copyright{
  position: absolute;
  bottom: -10px;
  height: 45px;
  width: 100%;
  background-image: url(images/ff7ec_copyright.png);
  background-repeat: no-repeat;
  background-size: auto 45px;
}
#firstview_copyright.gget{
  background-image: url(images/gget_copyright.png);
  background-size: auto 34px;
}
#firstview_copyright.firstview_copyright_en{
  /* background-image: url(images/ff7ec_copyright.png); */
  background-image: none;
}
#modal_hkmm .modal__article__service__main .modal__article__service__banners__apple,
#modal_hkmm .modal__article__service__main .modal__article__service__banners__google,
#modal_hkmm .modal__article__service__link__btn,
#modal_hkmm .modal__article__service__link__btn .sweep_normal span,
#modal_hkmm .modal__article__service__link__btn .sweep_over span,
#modal_gget .modal__article__service__main .modal__article__service__banners__apple,
#modal_gget .modal__article__service__main .modal__article__service__banners__google,
#modal_gget .modal__article__service__link__btn,
#modal_gget .modal__article__service__link__btn .sweep_normal span,
#modal_gget .modal__article__service__link__btn .sweep_over span,
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__apple,
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__google,
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__steam,
#modal_ff7ec .modal__article__service__link__btn,
#modal_ff7ec .modal__article__service__link__btn .sweep_normal span,
#modal_ff7ec .modal__article__service__link__btn .sweep_over span,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__apple,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__google,
#modal_chiikawapocket .modal__article__service__link__btn,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_normal span,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_over span,
#modal_nier .modal__article__service__main .modal__article__service__banners__apple,
#modal_nier .modal__article__service__main .modal__article__service__banners__google,
#modal_nier .modal__article__service__banners__amazon,
#modal_nier .modal__article__service__link__btn,
#modal_nier .modal__article__service__link__btn .sweep_normal span,
#modal_nier .modal__article__service__link__btn .sweep_over span
{
  width: 145px;
  height: 40px;
  background-size: 145px auto;
  margin-left: auto;
  margin-right: auto;
}
#modal_hkmm .modal__article__service__main .modal__article__service__banners__apple,
#modal_hkmm .modal__article__service__main .modal__article__service__banners__google,
#modal_hkmm .modal__article__service__link__btn,
#modal_hkmm .modal__article__service__link__btn .sweep_normal span,
#modal_hkmm .modal__article__service__link__btn .sweep_over span,
#modal_gget .modal__article__service__main .modal__article__service__banners__apple,
#modal_gget .modal__article__service__main .modal__article__service__banners__google,
#modal_gget .modal__article__service__link__btn,
#modal_gget .modal__article__service__link__btn .sweep_normal span,
#modal_gget .modal__article__service__link__btn .sweep_over span,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__apple,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__google,
#modal_chiikawapocket .modal__article__service__link__btn,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_normal span,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_over span{
  width: 165px;
  background-size: 165px auto;
}

#modal_hkmm .modal__article__service__main .modal__article__service__banners__apple,
#modal_gget .modal__article__service__main .modal__article__service__banners__apple,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__apple{
  height: 55px;
  margin-bottom: 2px;
}
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__apple,
#modal_nier .modal__article__service__main .modal__article__service__banners__apple{
  height: 50px;
  margin-bottom: 2px;
}
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__google,
#modal_nier .modal__article__service__main .modal__article__service__banners__google{
  background-size: 175px auto;
  background-position: -10px;
  height: 55px;
}
#modal_hkmm .modal__article__service__main .modal__article__service__banners__google,
#modal_gget .modal__article__service__main .modal__article__service__banners__google,
#modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__google{
  background-size: 190px auto;
  height: 50px;
}
#modal_ff7ec .modal__article__service__main .modal__article__service__banners__steam{
  background-image: url(images/steam.png);
  height: 46px;
  background-size: 145px auto;
}
#modal_nier .modal__article__service__banners__amazon,
#modal_nier .modal__article__service__link__btn .sweep_normal span,
#modal_nier .modal__article__service__link__btn .sweep_over span,
#modal_gget .modal__article__service__link__btn .sweep_normal span,
#modal_gget .modal__article__service__link__btn .sweep_over span,
#modal_hkmm .modal__article__service__link__btn .sweep_normal span,
#modal_hkmm .modal__article__service__link__btn .sweep_over span,
#modal_ff7ec .modal__article__service__link__btn .sweep_normal span,
#modal_ff7ec .modal__article__service__link__btn .sweep_over span,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_normal span,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_over span{
  background-size: 145px auto;
}
#modal_nier .modal__article__service__banners__amazon{
  height: 43px;
}
#modal_nier .modal__article__service__link,
#modal_nier .modal__article__service__twitter,
#modal_ff7ec .modal__article__service__link,
#modal_ff7ec .modal__article__service__twitter,
#modal_chiikawapocket .modal__article__service__link,
#modal_chiikawapocket .modal__article__service__twitter,
#modal_hkmm .modal__article__service__link,
#modal_hkmm .modal__article__service__twitter,
#modal_gget .modal__article__service__link,
#modal_gget .modal__article__service__twitter{
  text-align: center;
}
#modal_nier .modal__article__service__link a,
#modal_nier .modal__article__service__twitter a,
#modal_ff7ec .modal__article__service__link a,
#modal_ff7ec .modal__article__service__twitter a,
#modal_hkmm .modal__article__service__link a,
#modal_hkmm .modal__article__service__twitter a,
#modal_gget .modal__article__service__link a,
#modal_gget .modal__article__service__twitter a,
#modal_chiikawapocket .modal__article__service__link a,
#modal_chiikawapocket .modal__article__service__twitter a{
  margin-left: auto;
  margin-right: auto;
}
#modal_hkmm .modal__article__service__twitter a,
#modal_gget .modal__article__service__twitter a,
#modal_chiikawapocket .modal__article__service__twitter a{
  width: 165px;
  background-size: 165px auto;
  height: 50px;
  background-repeat: no-repeat;
}
#modal_nier .modal__article__service__link__btn .sweep_over span,
#modal_ff7ec .modal__article__service__link__btn .sweep_over span,
#modal_hkmm .modal__article__service__link__btn .sweep_over span,
#modal_gget .modal__article__service__link__btn .sweep_over span,
#modal_chiikawapocket .modal__article__service__link__btn .sweep_over span{
  background-position: 0px -40px;
}
@media screen and (max-width: 750px){
  #firstview_copyright{
    display: none;
  }
  #firstview_copyright_sp{
    display: none;
    margin-top:210px;
    height: 20px;
    width: 100%;
    background-image: url(images/ff7ec_copyright.png);
    background-size: 100% auto;
    background-position: center;
  }
  #modal_nier .modal__article__service__main .modal__article__service__banners__apple,
  #modal_nier .modal__article__service__main .modal__article__service__banners__google,
  #modal_hkmm .modal__article__service__main .modal__article__service__banners__apple,
  #modal_hkmm .modal__article__service__main .modal__article__service__banners__google,
  #modal_hkmm .modal__article__service__main .modal__article__service__twitter,
  #modal_gget .modal__article__service__main .modal__article__service__banners__apple,
  #modal_gget .modal__article__service__main .modal__article__service__banners__google,
  #modal_gget .modal__article__service__main .modal__article__service__twitter,
  #modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__apple,
  #modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__google,
  #modal_chiikawapocket .modal__article__service__main .modal__article__service__twitter,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__apple,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__google,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__steam,
  #modal_nier .modal__article__service__banners__amazon{
    width: 125px;
    height: 40px;
    background-size: 125px auto;
  }
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__apple,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__google,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__steam {
    margin: 0 0 2px 0;
  }
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__apple{
    height: 37px;
    margin: 0 0 1px 0;
  } 
  #modal_chiikawapocket .modal__article__service__main .modal__article__service__banners__google,
  #modal_hkmm .modal__article__service__main .modal__article__service__banners__google,
  #modal_gget .modal__article__service__main .modal__article__service__banners__google,
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners__google,
  #modal_nier .modal__article__service__main .modal__article__service__banners__google{
    background-size: 144px auto;
    background-position: center;
  }
  #modal_nier .modal__article__service__banners__amazon{
    height: 37px;
    background-size: 125px auto;
  }
  #modal_nier .modal__article__service__main .modal__article__service__banners{
    bottom: 60px;
  }
  #modal_ff7ec .modal__article__service__main .modal__article__service__banners{
    bottom: 82px;
  }
  #modal_nier .modal__article__service__link,
  #modal_hkmm .modal__article__service__link,
  #modal_gget .modal__article__service__link,
  #modal_chiikawapocket .modal__article__service__link,
  #modal_ff7ec .modal__article__service__link{
    padding-top: 0px;
    bottom: -15px;
  }
  #modal_nier .modal__article__service__main .modal__article__service__twitter{
    bottom: 40px;
  }
  #modal_ff7ec .modal__article__service__main .modal__article__service__twitter,
  #modal_hkmm .modal__article__service__main .modal__article__service__twitter,
  #modal_gget .modal__article__service__main .modal__article__service__twitter,
  #modal_chiikawapocket .modal__article__service__main .modal__article__service__twitter{
    right: 0px;
    bottom: 45px;
  }
  #modal_hkmm .modal__article__service__twitter a,
  #modal_gget .modal__article__service__twitter a,
  #modal_chiikawapocket .modal__article__service__twitter a{
    width: 125px;
    background-size: 125px auto;
    height: 40px;
    background-repeat: no-repeat;
  }
  .modal__article__service__text .sp_clear{
    display: none;
  }

  #modal_gget .modal__article__service__main .modal__article__service__twitter{
    bottom: 70px;
  }
  #modal_gget .modal__article__service__twitter a{
    width: 125px;
    height: 40px;
    background-size: 125px auto;
  }
}
/* nizista */
#nizista{
  display: block;
  height: 30px;
}
@media screen and (max-width: 750px){
  #nizista{
    display: inline;
    height:auto;
  }
}

/* 3dadopt */
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text.fadein .sweep_more_btn{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
          transform: translate(0px, 0px); 
  margin:0px;
  margin-top:1rem;
  margin-left: auto;
  width:145px;
  height: 40px;
}

#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text.fadein .sweep_more_btn .sweep_normal span, 
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text.fadein .sweep_more_btn .sweep_over span{
  width: 145px;
  height: 40px;
  background-size: 145px auto;
}
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text.fadein .sweep_more_btn .sweep_normal span {
  background-position: 0px -40px;
}
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text h3,
#boardmembers .modal__article__service__main .modal__article__service__text h3{
  font-size: 16px;
  line-height: 25px;
  margin-top:1rem;
}
.recruit__member_detail__body ul li,
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text ul li,
#boardmembers .modal__article__service__main .modal__article__service__text ul li {
  line-height: 25px;
  font-size: 15px;
}
.recruit__member_detail__body ul li a,
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text ul li a{
  color: #0e93d6;
  text-decoration: none;
  border-bottom: solid 1px #0e93d6;
}
.recruit__member_detail__body ul li a:before,
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text ul li a:before{
  content: "";
  display: inline-block;
  -webkit-transform: scaleX(0.6);
  -ms-transform: scaleX(0.6);
  transform: scaleX(0.6);
}
.recruit__member_detail__body ul li a:hover,
#recruit__3dadopt_modal .modal__article__service__main .modal__article__service__text ul a:hover {
  color: #0e93d6;
}

.modal__article__service__banners {
  text-align: center;
}
.modal__article__service__banners .txt_comming_soon{
  font-size: 15px;
  line-height: 20px;
}

.recruit #slide{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  padding-top: 1px;
  max-width: 1038px;
  width: 100%;
}
.recruit #slide h3{
  text-indent: -9999px;
  background-image: url("./images/recruit_company_info.png");
  background-size: auto 46px;
  background-repeat: no-repeat;
  background-position: center;
  height: 48px;
  margin-bottom:2rem;
  margin-top:80px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(0px, 60px);
      -ms-transform: translate(0px, 60px);
          transform: translate(0px, 60px);
  transition: opacity 0.8s linear 0s, -webkit-transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
  transition: opacity 0.8s linear 0s, transform 0.9s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}
/* 英語ver アプリボットリグ */
.index.en #rig_en .index__service__block_en__body__link .sweep_normal span,
.index.en #rig_en .index__service__block_en__body__link .sweep_over span {
  background-image: url(images/btn_more.png);
}
.index.en #rig_en .index__service__block_en__body__link .sweep_normal span {
  background-position: 0px -48px; }
.index.en #rig_en .index__service__block_en__body__link .sweep_over span {
  background-position: 0px 0px; }
@media screen and (max-width: 750px){
  .recruit #slide h3{
    margin-top:40px;
    background-size: auto 32px;
  }
  .index.en #rig_en .index__service__block_en__body__link .sweep_normal span,
  .index.en #rig_en .index__service__block_en__body__link .sweep_over span {
    width: 138px;
    height: 38px;
    background-image: url(images/btn_more_sp.png);
    background-size: 138px 76px; }
  .index.en #rig_en .index__service__block_en__body__link .sweep_normal span {
    background-position: 0px -38px;
    background-color: rgba(255, 255, 255, 0.5); }
  .index.en #rig_en .index__service__block_en__body__link .sweep_over span {
    background-position: 0px 0px; }
}

.other__title {
  font-size: 24px;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 750px){
  .other__title {
    font-size: 16px;
    width: 100%;
    text-align: center;
  }
}

a.txt_underline {
  text-decoration: underline;
}
a:hover.txt_underline {
  text-decoration: none;
}

.external_transmission .policy__heading{
  font-style: normal;
  font-weight: normal;
}

.terms .policy__heading,
.currency-guidelines .policy__heading,
.transactions .policy__heading,
.payment .policy__heading{
  margin-bottom: 0px;
}
.terms .policy__text ol,
.currency-guidelines .policy__text ol,
.transactions .policy__text ol,
.payment .policy__text ol,
.terms .policy__text ul,
.currency-guidelines .policy__text ul,
.transactions .policy__text ul,
.payment .policy__text ul{
  margin-top: 0px;
}

.en .policy__table th{
  text-align: left;
  font-weight: bold;
}

.en ol.base_style li{
  list-style: decimal;
}

/* Firstview video */
.bg_black{
  background-color: #000;
}
#firstview_01{
  display: none;
}
#firstview_02{
  display: none;
}