@charset "UTF-8";
/*================================================================================

media query mixin

================================================================================*/
/*    color
--------------------------------------------------------------------------------*/
/* $color-gray-border: #e6e6e6; */
.-fontRoboto {
  font-family: 'Roboto', sans-serif; }

.-fontNserif {
  font-family: 'Noto Serif JP', serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }

.-fontDefault {
  font-family: 'Roboto Condensed', "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }

.svgWrapper {
  height: 0; }

br.-sp {
  display: none; }
  @media screen and (max-width: 480px) {
    br.-sp {
      display: block; } }

/*============================================================================
isShow mixin
============================================================================*/
article.home .-fontNserif {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: .05em; }

.l-mainvisual.home {
  background-image: url(https://placehold.jp/1400x700.png);
  background-size: cover;
  height: 700px; }

.home_roundBtn a {
  height: 60px;
  padding: 16px 50px; }

.container .contents main a:hover {
  opacity: 1; }

/*============================================================================
mainArea
============================================================================*/
.home_mainArea {
  position: relative;
  width: 100vw;
  height: 100vh;
  background-color: #f4f4f6; }
  @media screen and (max-width: 768px) {
    .home_mainArea {
      margin-top: 60px;
      height: auto;
      padding-top: 53%; } }

.home_mainArea_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5; }
  .home_mainArea_cont.-num {
    width: 65%;
    height: auto;
    -webkit-transform: translate(-50%, -47%);
            transform: translate(-50%, -47%);
    mix-blend-mode: overlay;
    opacity: .65;
    -webkit-transition: 5s opacity ease;
    transition: 5s opacity ease; }
    .home_mainArea_cont.-num svg.home_svg {
      fill: #fff;
      width: 100vw;
      height: 58vh; }
    .home_mainArea_cont.-num.-isLight {
      opacity: .65; }
    @media screen and (max-width: 480px) {
      .home_mainArea_cont.-num {
        width: auto;
        right: 20px;
        left: 20px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
  .home_mainArea_cont.-tit {
    width: 27%;
    -webkit-transform: translate(-50%, -47%);
            transform: translate(-50%, -47%); }
    @media screen and (max-width: 768px) {
      .home_mainArea_cont.-tit {
        width: 55%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }
    @media screen and (max-width: 480px) {
      .home_mainArea_cont.-tit {
        width: auto;
        left: 70px;
        right: 70px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%); } }
    .home_mainArea_cont.-tit h1.home_mainArea_tit {
      position: relative;
      width: 100%;
      height: 100%; }
      .home_mainArea_cont.-tit h1.home_mainArea_tit::before {
        content: '';
        display: table;
        padding-top: 37%; }
      .home_mainArea_cont.-tit h1.home_mainArea_tit img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        -webkit-transition: opacity 5s ease;
        transition: opacity 5s ease;
        opacity: 0; }
        .home_mainArea_cont.-tit h1.home_mainArea_tit img.-isActive {
          opacity: 1; }

#home_mainArea_slider {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  #home_mainArea_slider::after {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(/assets/top/img/home_mv_grid01.png) repeat left top;
    background-size: 40px;
    opacity: 0.3; }
  #home_mainArea_slider .home_mainArea_slider_item {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: opacity 3s linear, -webkit-transform 9s linear;
    transition: opacity 3s linear, -webkit-transform 9s linear;
    transition: opacity 3s linear, transform 9s linear;
    transition: opacity 3s linear, transform 9s linear, -webkit-transform 9s linear;
    position: relative;
    z-index: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 100vh;
    /*
    &:nth-child(2) {
    transform-origin: 80% top;
    @include max-screen($breakpoint-sp) {
    background-position: 60% top;
}
}
    &:nth-child(3) {
    transform-origin: left center;
    @include max-screen($breakpoint-sp) {
    background-position: left 15% center;
}
}
    &:nth-child(4) {
    transform-origin: 70% bottom;
    @include max-screen($breakpoint-sp) {
    background-position: left 46% bottom;
}
}
    &:nth-child(5) {
    transform-origin: left center;
    @include max-screen($breakpoint-sp) {
    background-position: left 33% center;
}
}
    */ }
    @media screen and (max-width: 768px) {
      #home_mainArea_slider .home_mainArea_slider_item {
        padding-top: 56%; } }
    #home_mainArea_slider .home_mainArea_slider_item:not(:first-child) {
      position: absolute;
      top: 0;
      left: 0; }
    #home_mainArea_slider .home_mainArea_slider_item.-isShow {
      opacity: 1; }
    #home_mainArea_slider .home_mainArea_slider_item.-isZoom {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    #home_mainArea_slider .home_mainArea_slider_item img {
      display: block; }

/*============================================================================
news
============================================================================*/
.home_news {
  padding: 0 0 60px; }
  @media screen and (max-width: 480px) {
    .home_news {
      padding-bottom: 40px; } }
  .home_news .l-innerWrap {
    position: relative; }
  .home_news .home_news_tit {
    line-height: 1; }
    .home_news .home_news_tit strong,
    .home_news .home_news_tit span {
      display: inline-block;
      vertical-align: middle; }
    .home_news .home_news_tit strong {
      font-size: 24px;
      font-weight: bold;
      margin-right: .5em; }
    .home_news .home_news_tit span {
      font-size: 12px;
      font-weight: normal;
      letter-spacing: .1em; }
  .home_news .home_news_list {
    margin-top: 20px;
    border-top: 1px solid #d1d1d1; }
    .home_news .home_news_list .home_news_list_item {
      border-bottom: 1px solid #d1d1d1; }
      .home_news .home_news_list .home_news_list_item a,
      .home_news .home_news_list .home_news_list_item div {
        display: block;
        padding: 15px 0; }
      .home_news .home_news_list .home_news_list_item a:hover {
        background-color: #ebf3f9;
        opacity: 1; }
      .home_news .home_news_list .home_news_list_item .date,
      .home_news .home_news_list .home_news_list_item .text {
        display: table-cell;
        vertical-align: text-top; }
        @media screen and (max-width: 480px) {
          .home_news .home_news_list .home_news_list_item .date,
          .home_news .home_news_list .home_news_list_item .text {
            display: block; } }
      .home_news .home_news_list .home_news_list_item .date {
        font-size: 13px;
        padding: 0 20px; }
        @media screen and (max-width: 768px) {
          .home_news .home_news_list .home_news_list_item .date {
            padding: 0; } }
        @media screen and (max-width: 480px) {
          .home_news .home_news_list .home_news_list_item .date {
            font-size: 12px; } }
      .home_news .home_news_list .home_news_list_item .text {
        font-size: 17px; }
        @media screen and (max-width: 480px) {
          .home_news .home_news_list .home_news_list_item .text {
            font-size: 14px; } }
  .home_news .home_news_link {
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 768px) {
      .home_news .home_news_link {
        right: 40px; } }
    @media screen and (max-width: 480px) {
      .home_news .home_news_link {
        right: 20px; } }
    .home_news .home_news_link a {
      color: #4271a6;
      font-weight: bold; }

/*============================================================================
company
============================================================================*/
.container .contents main .sec + .sec.home_company {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .container .contents main .sec + .sec.home_company {
      padding: 40px 0; } }

.home_company {
  text-align: center;
  background: url(/assets/top/img/home_company_bg01.jpg) no-repeat top 25% center;
  background-size: cover;
    /* isShow
    .l-innerWrap > * {
    opacity: 0;
    transform: translateY(5px);
    transition: opacity .3s ease, transform .3s ease;
}
    .home_company_tits {
    strong {
    transition-delay: .3s;
}
    span {
    transition-delay: .6s;}
}
    &.-isShow {
    .l-innerWrap > * {
    opacity: 1;
    transform: translateY(0);
}
} */ }
  @media screen and (max-width: 480px) {
    .home_company {
      background-position: 55% 0;
      background-size: cover; } }
  .home_company .l-innerWrap > * {
    text-shadow: 0 0 15px rgba(255, 255, 255, 0.8); }
  .home_company .home_company_tits {
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    .home_company .home_company_tits strong,
    .home_company .home_company_tits span {
      display: block; }
    .home_company .home_company_tits strong {
      font-size: 24px;
      font-weight: bold; }
    .home_company .home_company_tits span {
      font-size: 12px;
      font-weight: normal;
      letter-spacing: .1em;
      line-height: 1;
      margin-top: .5em;
      color: #4271a6; }
    .home_company .home_company_tits strong,
    .home_company .home_company_tits span {
      opacity: 0;
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease; }
    .home_company .home_company_tits strong {
      -webkit-transition-delay: .2s;
              transition-delay: .2s; }
    .home_company .home_company_tits span {
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
    .home_company .home_company_tits.-isShow strong,
    .home_company .home_company_tits.-isShow span {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .home_company .home_company_tit {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 40px;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transition-delay: .6s;
            transition-delay: .6s;
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    .home_company .home_company_tit.-isShow {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    @media screen and (max-width: 480px) {
      .home_company .home_company_tit {
        font-size: 34px;
        margin-top: 30px; } }
  .home_company .home_company_read {
    line-height: 1.8;
    margin-top: 30px;
    font-weight: bold;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transition-delay: .8s;
            transition-delay: .8s;
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    .home_company .home_company_read.-isShow {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
  .home_company .home_company_link {
    margin-top: 60px;
    text-shadow: none;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    .home_company .home_company_link.-isShow {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    @media screen and (max-width: 480px) {
      .home_company .home_company_link {
        margin-top: 30px; } }

/*============================================================================
business
============================================================================*/
.container .contents main .sec + .sec.home_business {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .container .contents main .sec + .sec.home_business {
      padding: 40px 0; } }

.home_business {
  background: url(/assets/top/img/home_bg-tex-dark.png) repeat;
  background-size: 250px; }
  .home_business .l-innerWrap {
    position: relative; }
  .home_business .home_business_cont {
    position: absolute;
    top: 80px;
    right: -5%;
    width: 460px;
    text-align: left;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */ }
    @media screen and (max-width: 768px) {
      .home_business .home_business_cont {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        margin-top: 30px;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .home_business .home_business_cont {
        text-align: left; } }
    .home_business .home_business_cont .home_business_tits {
      line-height: 1; }
      @media screen and (max-width: 768px) {
        .home_business .home_business_cont .home_business_tits {
          line-height: inherit; } }
      @media screen and (max-width: 480px) {
        .home_business .home_business_cont .home_business_tits {
          line-height: 1; } }
      .home_business .home_business_cont .home_business_tits strong,
      .home_business .home_business_cont .home_business_tits span {
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .home_business .home_business_cont .home_business_tits strong,
          .home_business .home_business_cont .home_business_tits span {
            display: block; } }
        @media screen and (max-width: 480px) {
          .home_business .home_business_cont .home_business_tits strong,
          .home_business .home_business_cont .home_business_tits span {
            display: inline-block; } }
      .home_business .home_business_cont .home_business_tits strong {
        font-size: 24px;
        font-weight: bold;
        margin-right: .5em; }
        @media screen and (max-width: 768px) {
          .home_business .home_business_cont .home_business_tits strong {
            margin-right: 0; } }
        @media screen and (max-width: 480px) {
          .home_business .home_business_cont .home_business_tits strong {
            margin-right: .5em; } }
      .home_business .home_business_cont .home_business_tits span {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: .1em;
        color: #4271a6; }
        @media screen and (max-width: 768px) {
          .home_business .home_business_cont .home_business_tits span {
            line-height: 1;
            margin-top: .5em; } }
    .home_business .home_business_cont .home_business_tit {
      font-size: 40px;
      font-weight: 700;
      line-height: 1.2;
      margin-top: 40px; }
      @media screen and (max-width: 480px) {
        .home_business .home_business_cont .home_business_tit {
          font-size: 34px;
          margin-top: 20px; } }
    .home_business .home_business_cont .home_business_read {
      line-height: 1.8;
      margin-top: 30px; }
      @media screen and (max-width: 480px) {
        .home_business .home_business_cont .home_business_read {
          margin-top: 20px; } }
    .home_business .home_business_cont .home_business_tits strong {
      opacity: 0;
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .2s;
              transition-delay: .2s; }
    .home_business .home_business_cont .home_business_tits span {
      opacity: 0;
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
    .home_business .home_business_cont .home_business_tit {
      opacity: 0;
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .5s;
              transition-delay: .5s; }
    .home_business .home_business_cont .home_business_read {
      opacity: 0;
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .7s;
              transition-delay: .7s; }
    .home_business .home_business_cont.-isShow .home_business_tits strong,
    .home_business .home_business_cont.-isShow .home_business_tits span,
    .home_business .home_business_cont.-isShow .home_business_tit,
    .home_business .home_business_cont.-isShow .home_business_read {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .home_business .home_business_mainPic {
    position: absolute;
    width: 940px;
    top: 0;
    left: -33.5%; }
    @media screen and (max-width: 768px) {
      .home_business .home_business_mainPic {
        position: relative;
        width: auto;
        top: auto;
        left: auto; } }
  .home_business .home_business_busList {
    padding-top: 430px; }
    @media screen and (max-width: 768px) {
      .home_business .home_business_busList {
        padding-top: 0;
        margin-top: 30px; } }
    .home_business .home_business_busList .home_business_busList_item {
      position: relative;
      float: left;
      width: 33.333%;
      text-align: center;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
      opacity: 0;
      -webkit-transform: translateY(8px);
              transform: translateY(8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
      @media screen and (max-width: 480px) {
        .home_business .home_business_busList .home_business_busList_item {
          float: none;
          width: auto; } }
      .home_business .home_business_busList .home_business_busList_item::before, .home_business .home_business_busList .home_business_busList_item::after {
        position: absolute;
        z-index: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 1px;
        height: 100px;
        background-color: #d1d1d1; }
        @media screen and (max-width: 480px) {
          .home_business .home_business_busList .home_business_busList_item::before, .home_business .home_business_busList .home_business_busList_item::after {
            top: 0;
            left: 0;
            width: 100%;
            height: 1px;
            -webkit-transform: translate(0);
                    transform: translate(0); } }
      .home_business .home_business_busList .home_business_busList_item::before {
        content: '';
        left: 0; }
      .home_business .home_business_busList .home_business_busList_item:last-child::after {
        content: '';
        right: 0; }
        @media screen and (max-width: 480px) {
          .home_business .home_business_busList .home_business_busList_item:last-child::after {
            top: auto;
            bottom: 0; } }
      .home_business .home_business_busList .home_business_busList_item a {
        position: relative;
        overflow: hidden;
        z-index: 1;
        display: block;
        background-color: transparent;
        padding: 30px 30px 70px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border-radius: 8px;
        -webkit-transition: -webkit-transform .5s ease, -webkit-box-shadow .7s ease-out;
        transition: -webkit-transform .5s ease, -webkit-box-shadow .7s ease-out;
        transition: transform .5s ease, box-shadow .7s ease-out;
        transition: transform .5s ease, box-shadow .7s ease-out, -webkit-transform .5s ease, -webkit-box-shadow .7s ease-out; }
        @media screen and (max-width: 768px) {
          .home_business .home_business_busList .home_business_busList_item a {
            padding: 20px 0 60px; } }
        .home_business .home_business_busList .home_business_busList_item a:hover {
          -webkit-transform: translateY(-3px);
                  transform: translateY(-3px);
          -webkit-box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2); }
          .home_business .home_business_busList .home_business_busList_item a:hover > * {
            color: #fff; }
        .home_business .home_business_busList .home_business_busList_item a::before, .home_business .home_business_busList .home_business_busList_item a::after {
          position: absolute;
          bottom: 20px;
          left: 50%;
          -webkit-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
          @media screen and (max-width: 480px) {
            .home_business .home_business_busList .home_business_busList_item a::before, .home_business .home_business_busList .home_business_busList_item a::after {
              bottom: 20px; } }
        .home_business .home_business_busList .home_business_busList_item a::before {
          content: '';
          right: 20px;
          width: 25px;
          height: 25px;
          background-color: #4271a6;
          border-radius: 100%; }
        .home_business .home_business_busList .home_business_busList_item a::after {
          content: '\e5c8';
          color: #fff;
          font-size: 1.8rem;
          line-height: 1.4;
          font-family: "Material Icons";
          right: 20px; }
      .home_business .home_business_busList .home_business_busList_item:first-child {
        -webkit-transition-delay: .6s;
                transition-delay: .6s; }
      .home_business .home_business_busList .home_business_busList_item:nth-child(2) {
        -webkit-transition-delay: .8s;
                transition-delay: .8s; }
      .home_business .home_business_busList .home_business_busList_item:nth-child(3) {
        -webkit-transition-delay: 1s;
                transition-delay: 1s; }
      .home_business .home_business_busList .home_business_busList_item.-isShow {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .home_business .home_business_busList .home_business_busList_item .home_business_busList_img {
        position: relative;
        border-radius: 100%;
        width: 180px;
        height: 180px;
        margin: 0 auto; }
        @media screen and (max-width: 480px) {
          .home_business .home_business_busList .home_business_busList_item .home_business_busList_img {
            width: 100px;
            height: 100px; } }
        .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::before, .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::after {
          content: '';
          width: 180px;
          height: 180px;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          border-radius: 100%; }
          @media screen and (max-width: 480px) {
            .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::before, .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::after {
              width: 100px;
              height: 100px; } }
        .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::before {
          -webkit-transition: -webkit-transform .3s ease-in-out;
          transition: -webkit-transform .3s ease-in-out;
          transition: transform .3s ease-in-out;
          transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
          -webkit-transform-origin: center center;
                  transform-origin: center center; }
        .home_business .home_business_busList .home_business_busList_item .home_business_busList_img::after {
          opacity: 0;
          -webkit-transform: scale(1.2);
                  transform: scale(1.2);
          -webkit-transition: all 1s ease;
          transition: all 1s ease;
          -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
                  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; }
        .home_business .home_business_busList .home_business_busList_item .home_business_busList_img svg.home_svg {
          position: absolute;
          width: 50px;
          height: 50px;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          fill: #fff; }
          @media screen and (max-width: 480px) {
            .home_business .home_business_busList .home_business_busList_item .home_business_busList_img svg.home_svg {
              width: 40px;
              height: 40px; } }
      .home_business .home_business_busList .home_business_busList_item .home_business_busList_tits,
      .home_business .home_business_busList .home_business_busList_item .home_business_busList_read {
        position: relative;
        z-index: 1;
        -webkit-transition: color .3s ease;
        transition: color .3s ease; }
      .home_business .home_business_busList .home_business_busList_item .home_business_busList_tits {
        font-size: 24px;
        font-weight: 700;
        margin-top: 30px;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          .home_business .home_business_busList .home_business_busList_item .home_business_busList_tits {
            font-size: 22px; } }
        @media screen and (max-width: 480px) {
          .home_business .home_business_busList .home_business_busList_item .home_business_busList_tits {
            font-size: 24px;
            margin-top: 15px; } }
      .home_business .home_business_busList .home_business_busList_item .home_business_busList_read {
        margin-top: 15px;
        line-height: 1.6; }
        @media screen and (max-width: 480px) {
          .home_business .home_business_busList .home_business_busList_item .home_business_busList_read {
            margin-top: 10px; } }
      .home_business .home_business_busList .home_business_busList_item.-system .home_business_busList_img::before {
        background-color: blue;
        background-color: #4271a6;
        background: #4271a6;
        background: linear-gradient(45deg, #4271a6 0%, #51b0b3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4271a6', endColorstr='#51b0b3',GradientType=1 ); }
      .home_business .home_business_busList .home_business_busList_item.-data .home_business_busList_img::before {
        background: #4fa642;
        background: linear-gradient(45deg, #4fa642 0%, #aec454 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa642', endColorstr='#aec454',GradientType=1 ); }
      .home_business .home_business_busList .home_business_busList_item.-new .home_business_busList_img::before {
        background: #d9ab36;
        background: linear-gradient(45deg, #d9ab36 0%, #f9da3e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ab36', endColorstr='#f9da3e',GradientType=1 ); }
      .home_business .home_business_busList .home_business_busList_item:hover .home_business_busList_img::before {
        -webkit-transform: scale(4);
                transform: scale(4); }
      .home_business .home_business_busList .home_business_busList_item:hover .home_business_busList_img::after {
        opacity: 1;
        -webkit-transform: scale(1);
                transform: scale(1); }
  .home_business .home_business_link {
    margin-top: 40px;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    opacity: 0;
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease;
    transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    @media screen and (max-width: 480px) {
      .home_business .home_business_link {
        margin-top: 30px; } }
    .home_business .home_business_link.-isShow {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }

/*============================================================================
product
============================================================================*/
.container .contents main .sec + .sec.home_product {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .container .contents main .sec + .sec.home_product {
      padding: 40px 0; } }

.home_product {
  background: url(/assets/top/img/home_bg-tex-light.png) repeat;
  background-size: 250px; }
  .home_product .l-innerWrap {
    position: relative;
    min-height: 680px; }
  .home_product .home_product_cont {
    position: absolute;
    top: 180px;
    left: -5%;
    width: 490px;
    text-align: left;
    /* ▼▼▼▼▼[isShow▼▼▼▼▼ */
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    @media screen and (max-width: 768px) {
      .home_product .home_product_cont {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        margin-top: 30px;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .home_product .home_product_cont {
        text-align: left; } }
    .home_product .home_product_cont .home_product_tits {
      line-height: 1; }
      @media screen and (max-width: 768px) {
        .home_product .home_product_cont .home_product_tits {
          line-height: inherit; } }
      @media screen and (max-width: 480px) {
        .home_product .home_product_cont .home_product_tits {
          line-height: 1; } }
      .home_product .home_product_cont .home_product_tits strong,
      .home_product .home_product_cont .home_product_tits span {
        display: inline-block;
        vertical-align: middle; }
        @media screen and (max-width: 768px) {
          .home_product .home_product_cont .home_product_tits strong,
          .home_product .home_product_cont .home_product_tits span {
            display: block; } }
        @media screen and (max-width: 480px) {
          .home_product .home_product_cont .home_product_tits strong,
          .home_product .home_product_cont .home_product_tits span {
            display: inline-block; } }
      .home_product .home_product_cont .home_product_tits strong {
        font-size: 24px;
        font-weight: bold;
        margin-right: .5em; }
        @media screen and (max-width: 768px) {
          .home_product .home_product_cont .home_product_tits strong {
            margin-right: 0; } }
        @media screen and (max-width: 480px) {
          .home_product .home_product_cont .home_product_tits strong {
            margin-right: .5em; } }
      .home_product .home_product_cont .home_product_tits span {
        font-size: 12px;
        font-weight: normal;
        letter-spacing: .1em;
        color: #4271a6; }
    .home_product .home_product_cont .home_product_tit {
      font-size: 40px;
      font-weight: 700;
      line-height: 1.2;
      margin-top: 40px; }
      @media screen and (max-width: 480px) {
        .home_product .home_product_cont .home_product_tit {
          font-size: 34px;
          margin-top: 20px; } }
    .home_product .home_product_cont .home_product_read {
      line-height: 1.8;
      margin-top: 30px; }
      @media screen and (max-width: 480px) {
        .home_product .home_product_cont .home_product_read {
          margin-top: 20px; } }
    .home_product .home_product_cont .home_product_link {
      margin: 40px 0 0 0; }
      @media screen and (max-width: 768px) {
        .home_product .home_product_cont .home_product_link {
          margin: 40px auto 0; } }
      @media screen and (max-width: 480px) {
        .home_product .home_product_cont .home_product_link {
          margin: 30px 0 0; } }
    .home_product .home_product_cont .home_product_tits strong {
      opacity: 0;
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .2s;
              transition-delay: .2s; }
    .home_product .home_product_cont .home_product_tits span {
      opacity: 0;
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .3s;
              transition-delay: .3s; }
    .home_product .home_product_cont .home_product_tit {
      opacity: 0;
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .5s;
              transition-delay: .5s; }
    .home_product .home_product_cont .home_product_read {
      opacity: 0;
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .7s;
              transition-delay: .7s; }
    .home_product .home_product_cont .home_product_link {
      opacity: 0;
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease;
      transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
      -webkit-transition-delay: .9s;
              transition-delay: .9s; }
    .home_product .home_product_cont.-isShow .home_product_tits strong,
    .home_product .home_product_cont.-isShow .home_product_tits span,
    .home_product .home_product_cont.-isShow .home_product_tit,
    .home_product .home_product_cont.-isShow .home_product_read,
    .home_product .home_product_cont.-isShow .home_product_link {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .home_product .home_product_mainPic {
    position: absolute;
    width: 940px;
    top: 0;
    right: -21%; }
    @media screen and (max-width: 768px) {
      .home_product .home_product_mainPic {
        position: relative;
        width: auto;
        top: auto;
        right: auto; } }
  .home_product.-reverse .l-innerWrap {
    min-height: 400px; }
  .home_product.-reverse .home_product_mainPic {
    right: 0;
    left: -20%;
    width: 840px; }
    @media screen and (max-width: 768px) {
      .home_product.-reverse .home_product_mainPic {
        position: relative;
        width: auto;
        top: auto;
        right: auto;
        left: inherit; } }
  .home_product.-reverse .home_product_cont {
    left: inherit;
    position: absolute;
    top: 80px;
    right: -10%;
    width: 460px;
    text-align: left; }
    @media screen and (max-width: 768px) {
      .home_product.-reverse .home_product_cont {
        position: relative;
        top: auto;
        left: auto;
        right: inherit;
        width: auto;
        margin-top: 30px;
        text-align: center; } }
    @media screen and (max-width: 480px) {
      .home_product.-reverse .home_product_cont {
        text-align: left; } }
  .home_product .home_product_proList {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 658px;
    /* ▲▲▲▲▲[isShow]▲▲▲▲▲ */ }
    @media screen and (max-width: 768px) {
      .home_product .home_product_proList {
        position: relative;
        bottom: auto;
        right: auto;
        width: auto;
        margin-top: 30px; } }
    .home_product .home_product_proList .home_product_proList_item {
      position: relative;
      text-align: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      margin-bottom: 20px;
      /* ▼▼▼▼▼[isShow▼▼▼▼▼ */ }
      @media screen and (max-width: 480px) {
        .home_product .home_product_proList .home_product_proList_item {
          margin-bottom: 15px; } }
      .home_product .home_product_proList .home_product_proList_item a {
        position: relative;
        overflow: hidden;
        display: block;
        background-color: rgba(255, 255, 255, 0.85);
        -webkit-box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.15);
                box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.15);
        border-radius: 8px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; }
        @media screen and (max-width: 768px) {
          .home_product .home_product_proList .home_product_proList_item a {
            display: table;
            width: 100%;
            padding: 15px 0; } }
        .home_product .home_product_proList .home_product_proList_item a::before, .home_product .home_product_proList .home_product_proList_item a::after {
          position: absolute;
          top: 50%;
          -webkit-transform: translate(0, -50%);
                  transform: translate(0, -50%); }
        .home_product .home_product_proList .home_product_proList_item a::before {
          content: '';
          right: 20px;
          width: 25px;
          height: 25px;
          background-color: #4271a6;
          border-radius: 100%; }
          @media screen and (max-width: 480px) {
            .home_product .home_product_proList .home_product_proList_item a::before {
              right: 10px; } }
        .home_product .home_product_proList .home_product_proList_item a::after {
          content: '\e5c8';
          color: #fff;
          font-size: 1.8rem;
          line-height: 1.4;
          font-family: "Material Icons";
          right: 22px; }
          @media screen and (max-width: 480px) {
            .home_product .home_product_proList .home_product_proList_item a::after {
              right: 13px; } }
        .home_product .home_product_proList .home_product_proList_item a:hover {
          -webkit-transform: translate(5px, 0);
                  transform: translate(5px, 0);
          background-color: #fff;
          -webkit-box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2);
                  box-shadow: 0 10px 25px 5px rgba(0, 0, 0, 0.2); }
      .home_product .home_product_proList .home_product_proList_item.-blank a::before {
        background: url(/assets/common/img/com_icon_blank_blue.png) no-repeat;
        background-size: cover;
        background-color: transparent;
        width: 22px;
        height: 22px;
        top: 50%;
        right: 20px;
        -webkit-transform: translate(0, -50%);
                transform: translate(0, -50%);
        border-radius: 0;
        margin-top: -1px; }
      .home_product .home_product_proList .home_product_proList_item.-blank a::after {
        display: none; }
      .home_product .home_product_proList .home_product_proList_item:first-child {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }
      .home_product .home_product_proList .home_product_proList_item:nth-child(2) {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transition-delay: 1s;
                transition-delay: 1s; }
      .home_product .home_product_proList .home_product_proList_item:nth-child(3) {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transition-delay: 1.2s;
                transition-delay: 1.2s; }
      .home_product .home_product_proList .home_product_proList_item:nth-child(4) {
        opacity: 0;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transition-delay: 1.4s;
                transition-delay: 1.4s; }
    .home_product .home_product_proList.-isShow {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
      .home_product .home_product_proList.-isShow .home_product_proList_item {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
  .home_product .home_product_proList_logo {
    position: relative;
    overflow: hidden;
    width: 210px;
    display: inline-block;
    vertical-align: middle;
    background-color: #fff; }
    @media screen and (max-width: 480px) {
      .home_product .home_product_proList_logo {
        width: 120px;
        display: table-cell;
        vertical-align: middle; } }
    .home_product .home_product_proList_logo img {
      width: 100%;
      height: auto; }
  .home_product .home_product_proList_read {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    padding: 0 30px;
    line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .home_product .home_product_proList_read br {
        display: none; } }
    @media screen and (max-width: 480px) {
      .home_product .home_product_proList_read {
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        font-weight: normal;
        padding: 0;
        padding-right: 45px;
        text-align: left; } }

/*============================================================================
recruit
============================================================================*/
.container .contents main .sec + .sec.home_recruit {
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .container .contents main .sec + .sec.home_recruit {
      padding: 40px 0;
      min-height: 585px; } }

.home_recruit {
  background: url(/assets/top/img/home_recruit_pic01.jpg) no-repeat top 45% center;
  background-size: cover;
  min-height: 400px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    .home_recruit {
      background: url(/assets/top/img/home_recruit_pic01_sp.png) no-repeat top center;
      background-size: 375px 667px;
      min-height: auto; } }
  .home_recruit .l-innerWrap {
    position: relative; }
  .home_recruit .home_recruit_cont {
    position: absolute;
    text-align: left;
    width: 350px;
    right: 130px;
    color: #fff;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.25); }
    @media screen and (max-width: 480px) {
      .home_recruit .home_recruit_cont {
        position: relative;
        width: auto;
        left: 0;
        right: 0; } }
  .home_recruit .home_recruit_tits {
    line-height: 1;
    color: #fff; }
    .home_recruit .home_recruit_tits strong,
    .home_recruit .home_recruit_tits span {
      display: inline-block;
      vertical-align: middle; }
    .home_recruit .home_recruit_tits strong {
      font-size: 24px;
      font-weight: bold;
      margin-right: 0.5em; }
    .home_recruit .home_recruit_tits span {
      font-size: 12px;
      font-weight: normal;
      letter-spacing: .1em; }
  .home_recruit .home_recruit_link {
    margin: 40px 0 0; }
    @media screen and (max-width: 480px) {
      .home_recruit .home_recruit_link {
        margin-top: 30px; } }

.home_recruit_read {
  margin-top: 30px;
  font-weight: 700;
  color: #000; }
  .home_recruit_read span {
    font-size: 18px;
    display: block; }
  .home_recruit_read strong {
    font-size: 30px;
    line-height: 1.4;
    display: block; }

/*============================================================================
bnrArea
============================================================================*/
@media screen and (max-width: 480px) {
  .container .contents main .sec + .sec.home_bnrArea {
    padding: 40px 0 0; } }

.home_bnrArea_list {
  width: 100%;
  padding-right: 120px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: -80px; }
  @media screen and (max-width: 480px) {
    .home_bnrArea_list {
      padding-right: 15px;
      margin-bottom: -15px; } }
  .home_bnrArea_list .home_bnrArea_list_item {
    float: left;
    width: 25%;
    margin: 0 40px 40px 0; }
    @media screen and (max-width: 480px) {
      .home_bnrArea_list .home_bnrArea_list_item {
        width: 50%;
        margin: 0 15px 15px 0; } }
    .home_bnrArea_list .home_bnrArea_list_item:nth-child(4n) {
      margin-right: -120px; }
      @media screen and (max-width: 480px) {
        .home_bnrArea_list .home_bnrArea_list_item:nth-child(4n) {
          margin-right: 15px; } }
    @media screen and (max-width: 480px) {
      .home_bnrArea_list .home_bnrArea_list_item:nth-child(2n) {
        margin-right: -15px; } }
    .home_bnrArea_list .home_bnrArea_list_item a {
      display: block;
      -webkit-transition: opacity .3s ease;
      transition: opacity .3s ease;
      opacity: 1; }
      .home_bnrArea_list .home_bnrArea_list_item a:hover {
        opacity: 0.5 !important; }