@charset "utf-8";



/* ======================================================

 * home.css

 * ------------------------------------------------------

 * @media print, screen and (min-width: 768px)

 * - Common

 * - Override

 * - Parts

 * - Clearfix

 * PC Media Queries

 * @media only screen and (max-width: 767px)

 * - Common

 * - Override

 * - Parts

 * - Clearfix

 * SP Media Queries

 * Print

====================================================== */

@keyframes siteGuide_scroll {

  0% {

    height: 0;

  }

  40% {

    height: 100%;

    transform: translateY(0%);

  }

  100% {

    height: 100%;

    transform: translateY(100%);

  }

}



/* ======================================================

 * PC

====================================================== */

@media print, screen and (min-width: 768px) {

  /* ------------------------------------------------------

   * Common

  ------------------------------------------------------ */

  

  /* ------------------------------------------------------

   * Override

  ------------------------------------------------------ */

  .Main {

    min-width: 1224px;

  }

  /* ------------------------------------------------------

   * Parts

  ------------------------------------------------------ */

  #top-wrapper {

    opacity: 0;

  }

  .scrollify-init #top-wrapper {

    transition: ease opacity 0.3s;

    opacity: 1;

  }

  .top-section {

    position: relative;

    z-index: 50;

    padding: 100px 0 0;

    height: calc(100vh - 100px);

    width: 100%;

    opacity: 0;

    transition: ease opacity 0.8s 0s;

    display: flex;

    flex-direction: column;

    justify-content: center;

  }

  .top-section.is-active {

    opacity: 1;

    transition: ease opacity 0.8s 0.8s;

  }

  .top-section__inner {

    width: 100%;

    min-width: 1200px;

    max-width: 1600px;

    margin: 0 auto;

    padding: 0 30px;

  }

  /* ----- top-bgList ----- */

  .top-bgList {

    position: fixed;

    z-index: 10;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .top-bgList__elm {

    position: absolute;

    z-index: 10;

    top: 91px;

    left: 0;

    width: 100%;

    min-width: 1200px;

    height: 100%;

    background: 50% 0 no-repeat;

    transform: translateY(200px);

    transition: ease all 0.8s;

    overflow: hidden;

  }

  .top-bgList__elm.is-show {

    transform: translateY(0px);

  }

  .top-bgList__elm.is-move {

    height: 0%;

  }

  #top-bgList__elm--service {

    z-index: 26;

    background-color: #f4f7f8;

    background-image: url(../images/index-service_bg02.jpg);

  }

  #top-bgList__elm--solution {

    z-index: 24;

    background-color: #f4f7f8;

    background-image: url(../images/index-solution_bg01_1.jpg);

  }

  #top-bgList__elm--consulting {

    z-index: 22;

    background-color: #f4f7f8;

    background-image: url(../images/index-consulting_bg01.jpg);

  }

  /* ----- top-headline ----- */

  .top-headline {

    margin-bottom: 25px;

    line-height: 1.3;

    font-weight: 700;

  }

  .top-headline__main {

    display: block;

    font-size: 50px;

    color: #333;

  }

  /* ----- top-slider__util ----- */

  .top-slider__util {

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: flex-end;

  }

  .top-slider__util .slick-dots {

    flex-shrink: 0;

    position: static;

    width: auto;

  }

  .top-slider__util .slick-dots li button:before {

    color: #ef6b22 !important;

    font-size: 14px;

  }

  .top-slider__util .slick-dots li.slick-active button:before {

    opacity: 1 !important;

    font-size: 18px;

  }

  .top-stopBtn {

    margin-top: 4px;

    margin-left: 19px;

    display: inline-block;

  }

  .top-stopBtn:before {

    content: "";

    display: block;

    width: 10px;

    height: 14px;

    background: url(../images/index_ic01.png) center center no-repeat;

  }

  .top-stopBtn.is-active:before {

    background: url(../images/index_ic02.png) center center no-repeat;

  }

  /* ----- top-section--mv ----- */

  .top-section--mv {

    position: relative;

    background: url(../images/index-mv_bg01.jpg) no-repeat 0 0;

    z-index: 50;

    opacity: 1;

  }

  .top-mv__title {

    position: absolute;

    z-index: 60;

    top: calc(50% - 243px);

    left: -0.5%;

  }

  .top-mv__title .top-mv__subtext {

    position: absolute;

    top: 63.5%;

    left: 13%;

    font-size: 1.125rem;

    color: #fff;

    width: 56%;

    line-height: 1.5;

  }

  .top-mv__scroll {

    position: fixed;

    z-index: 50;

    bottom: 0;

    left: 0;

    width: 100%;

    text-align: center;

    font-size: 13px;

    color: #fff;

    padding-bottom: 50px;

  }

  .is-move .top-mv__scroll {

    display: none;

  }

  .top-mv__scroll:before {

    position: absolute;

    z-index: 2;

    top: calc(1em + 10px);

    left: calc(50% - 1px);

    content: "";

    display: block;

    width: 1px;

    height: 0px;

    background-color: #fff;

    animation: siteGuide_scroll 1.5s ease 1s infinite normal none;

  }

  .top-mv__button {

    position: absolute;

    top: 77.8%;

    left: 5.9%;

  }

  .top-mv__button .btn.btn-outline-primary {

    min-width: 290px;

    font-size: 1.125rem;

    padding-top: 15px;

    padding-bottom: 13px;

    background-color: #666;

    border: 1px solid #666;

    border: none;

  }

  .top-mv__button .btn.btn-outline-primary:hover {

    border: 1px solid #0084af;

    background-color: #fff;

  }

  .top-mv__button .btn.btn-outline-primary::before {

    display: none;

  }

  .top-mv__button .btn.btn-outline-primary .btn__label {

    color: #fff;

  }

  .top-mv__button .btn.btn-outline-primary:hover .btn__label {

    color: #0084af;

  }

  /* ----- top-section--service ----- */

  .top-section--service .top-section__inner {

    position: relative;

    max-width: 1722px;

    margin: -29px auto 0;

    padding: 0 0 0 60px;

  }

  .top-section--service .top-headline{

    margin-bottom: 30px;

  }

  .top-section--service .top-lead {

    max-width: 520px;

    margin-bottom: 32px;

    font-size: 1.125rem;

  }

  .top-section--service .btn.btn-primary {

    min-width: 248px;

    padding-top: 22px;

    padding-bottom: 16px;

  }

  .top-section--service .top-slider__util {

    justify-content: center;

    margin-top: -5px;

    margin-left: -25px;

  }

  .top-service__layout {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

  }

  .top-section--service .top-service__text {

    width: 45.9%;

  }

  .top-service__banner .top-service__banner--link {

    display: inline-block;

    transition: all .25s;

    box-shadow: 0 3px 3px -2px rgba(0,0,0,.14), 0 3px 4px 0 rgba(0,0,0,.14), 0 1px 8px 0 rgba(0,0,0,.12);

  }

  .top-service__banner .top-service__banner--link img {

    width: 100%;

  }

  .top-service__banner .top-service__banner--link:hover {

    opacity: .7;

  }

  .top-section--service .top-block--sp {

    padding-bottom: 212px;

  }

  .top-service__box {

    width: 49.4%;

    margin-top: 35px;

    padding-bottom: 27px;

    background-color: #fff;

    box-shadow: 2px 2px 10px rgba(0, 0, 0, .5);

    color: #545454;

  }

  .top-service__box .slick-dotted.slick-slider {

    margin-bottom: 0 !important;

  }

  .top-service__box .top-service__box__foot {

    display: -webkit-flex;

    display: flex;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

    padding: 20px;

  }

  a.top-service__slider__elm {

    color: #545454;

  }

  a.top-service__slider__elm:hover .top-service__slider__title {

    text-decoration: underline;

    color: #0084af;

  }

  a.top-service__slider__elm:hover .top-service__slider__img {

    opacity: 0.7;

  }

  a.top-service__slider__elm:nth-child(n+2) {

    display: none;

  }

  .top-service__slider__img {

    transition: ease opacity 0.3s;

  }

  .top-service__slider__img img {

    max-width: 100%;

    height: auto;

  }

  .top-service__slider__block {

    position: relative;

    padding: 0 8% 15px 9.8%;

  }

  .top-service__slider__icon {

    margin-top: -18px;

    color: #fff;

    padding: 8px 15px 7px;

    min-width: 90px;

    font-size: 14px;

    text-align: center;

    background-color: #008080;

  }

  .top-service__slider__icon__01 {

    margin-top: -18px;

    color: #fff;

    padding: 8px 15px 7px;

    min-width: 90px;

    font-size: 14px;

    text-align: center;

    background-color: #AE313F;

  }

  .top-service__slider__icon__02 {

    margin-top: -18px;

    color: #fff;

    padding: 8px 15px 7px;

    min-width: 90px;

    font-size: 14px;

    text-align: center;

    background-color: #3A8E72;

  }

  .top-service__slider__icon__03 {

    margin-top: -18px;

    color: #fff;

    padding: 8px 15px 7px;

    min-width: 90px;

    font-size: 14px;

    text-align: center;

    background-color: #E14392;

  }

  .top-service__slider__icon__04 {

    margin-top: -18px;

    color: #fff;

    padding: 8px 15px 7px;

    min-width: 90px;

    font-size: 14px;

    text-align: center;

    background-color: #767171;

  }

  .top-service__slider__title {

    font-size: 30px;

  }

  .top-service__slider__txt {

    margin: 0;

    font-size: 16px;

  }

  .top-service__title {

    margin-right: 25px;

  }

  .top-service__title .title__label {

    display: inline-block;

    font-size: 30px;

    font-weight: bold;

  }

  .top-service__button > .block {

    display: inline-block;

    min-width: 144px;

    padding: 20px 15px;

    font-size: 18px;

    text-align: center;

    color: #fff;

    font-weight: bold;

    background-color: #00669f;

    -webkit-transition: opacity .2s ease-out 0s;

    transition: opacity .2s ease-out 0s;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, .1);

  }

  .top-service__button > a:hover {

    opacity: .7;

  }

  /* ----- top-section--consulting ----- */

  .top-section--consulting .top-section__inner {

    padding: 0 0 5%;

  }

  [data-browser="safari"] .top-section--consulting .top-section__inner {

    padding: 0 30px;

  }

  .top-section--consulting .top-headline {

    margin-bottom: 31px;

  }

  .top-section--consulting .top-headline__main {

    color: #fff;

  }

  .top-section--consulting .top-lead {

    font-size: 1.125rem;

    font-weight: 700;

    color: #fff;

    max-width: 505px;

    margin-bottom: 32px;

  }

  .top-section--consulting .btn.btn-primary {

    min-width: 248px;

    padding-top: 22px;

    padding-bottom: 18px;

  }

  .top-consulting__bottom,

  .top-consulting__visual--sp,

  .top-consulting--sp {

    display: none;

  }

  .top-consulting__section {

    position: relative;

    margin-top: 61px;

    padding-top: 64px;

  }

  .top-consulting__slider {

    display: flex;

  }

  .top-consulting__slider__elm {

    width: 340px;

    color: #545454;

  }

  .top-consulting__slider[data-pc-col="2"] .top-consulting__slider__elm {

    margin-left: 120px;

  }

  .top-consulting__slider[data-pc-col="3"] .top-consulting__slider__elm {

    margin-left: 60px;

  }

  .top-consulting__slider[data-pc-col] .top-consulting__slider__elm:first-child {

    margin-left: 0 !important;

  }

  .top-consulting__slider__img {

    text-align: center;

  }

  .top-consulting__slider__img img {

    width: 100%;

  }

  .top-consulting__slider__txt {

    margin: 0;

    padding-top: 25px;

    font-size: 1.125rem;

    color: #fff;

    font-weight: 700;

  }

  /* ----- top-section--solution ----- */

  .top-section--solution .top-section__inner {

    max-width: 1606px;

    padding: 0 0 62px;

  }

  [data-browser="safari"] .top-section--solution .top-section__inner {

    padding: 0 30px;

  }

  .top-section--solution .top-solution__contents {

    display: flex;

    flex-flow: column wrap;

    align-items: flex-end;

  }

  .top-section--solution .top-block--sp {

    max-width: 504px;

    margin-top: 40px;

  }

  .top-section--solution .top-headline {

    margin-bottom: 29px;

  }

  .top-section--solution .top-lead {

    margin-bottom: 32px;

    font-size: 1.125rem;

    font-weight: 700;

  }

  .top-section--solution .btn.btn-primary {

    min-width: 297px;

    padding-top: 24px;

    padding-bottom: 16px;

  }

  .top-solution__visual--sp {

    display: none;

  }

  .top-solution__layout {

    display: flex;

    align-items: flex-start;

    justify-content: center;

    width: 1140px;

    margin-right: 3px;

  }

  .top-solution__layout .top-button__elm {

    padding: 15px 15px;

    min-width: 100px;

  }

  .top-solution__section {

    position: relative;

    margin-top: 58px;

    padding-top: 64px;

  }

  .top-solution__slider {

    display: flex;

  }

  .top-solution__slider__elm {

    display: block;

    width: 340px;

    color: #333333;

  }

  .top-solution__slider[data-pc-col="2"] .top-solution__slider__elm {

    margin-left: 120px;

  }

  .top-solution__slider[data-pc-col="3"] .top-solution__slider__elm {

    margin-left: 60px;

  }

  .top-solution__slider[data-pc-col] .top-solution__slider__elm:first-child {

    margin-left: 0 !important;

  }

  .top-solution__slider__elm:hover .top-solution__slider__txt {

    text-decoration: underline;

  }

  .top-solution__slider__elm:hover .top-solution__slider__img {

    opacity: 0.7;

  }

  .top-solution__slider__img {

    transition: ease opacity 0.3s;

    text-align: center;

  }

  .top-solution__slider__img img {

    max-width: 100%;

    height: auto;

  }

  .top-solution__slider__title {

    position: relative;

    z-index: 2;

    text-align: center;

    width: 292px;

    height: 95px;

    margin: -44px auto 0;

    background: url(../images/index-solution_bg03.png) 0 0 no-repeat;

    line-height: 94px;

    font-size: 1.125rem;

    font-weight: 700;

    color: #fff;

  }

  .top-solution__slider__title strong {

    font-size: 26px;

  }

  .top-solution__slider__txt {

    margin: 11px 0 0;

    color: #545454;

  }

  .top-solution__bottom {

    display: none;

  }

  .top-solution__bottom .top-button {

    margin-top: 0;

  }

  /* ----- top-section--last ----- */

  .top-section--last {

    padding: 0;

    opacity: 1;

  }

  .top-section--last__layout {

    display: flex;

    position: relative;

    z-index: 50;

    margin-top: 91px;

    background-color: #fff;

  }

  .top-section--last__layout > * {

    width: 50%;

    min-height: 864px;

  }

  .top-section--last__layout > .top-section--company {

    position: relative;

    display: flex;

    align-items: center;

    background: url(../images/index-company_bg01.jpg) no-repeat 50% 0;

  }

  .top-section--last__layout > .top-section--company::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.45);

    content: "";

  }

  .top-section--company .top-company__inner {

    position: relative;

    display: flex;

    flex-flow: column wrap;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    padding-top: 13px;

    z-index: 1;

  }

  .top-section--company .top-company__inner .top-company__title {

    position: relative;

    margin-bottom: 37px;

    font-size: 3.125rem;

    font-weight: 700;

    color: rgb(255, 255, 255);

    text-align: center;

    line-height: 1.1;

  }

  .top-section--company .top-company__inner .top-lead {

    max-width: 485px;

    margin-bottom: 35px;

    font-size: 1.125rem;

    font-weight: 700;

    color: rgb(255, 255, 255);

  }

  .top-section--company .top-company__inner .btn-primary {

    min-width: 248px;

    padding-top: 24px;

    padding-bottom: 17px;

  }

  .top-section--news {

    display: flex;

    align-items: center;

  }

  .top-section--news .top-button {

    margin-top: 45px;

    text-align: center;

  }

  .top-section--news .news__body .news__list>div:last-child {

    border-bottom: 1px solid #e1e2e3;

  }

  .top-section--news .news__body a.btn:hover {

    background-color: #f3f8fb;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, .1);

  }

  .top-section--news .news__body a.btn .news__detail {

    display: block;

    padding: 27px 31px 17px 25px;

  }

  .top-section--news .news__body a.btn.link .news__detail::after {

    display: inline-block;

    position: absolute;

    top: 50%;

    right: 18px;

    margin-top: -11px;

    width: auto;

    background: none;

    color: #545454;

    vertical-align: middle;

    font-family: webicon!important;

    font-style: normal;

    font-weight: 400;

    text-transform: none;

    content: "";

  }

  .top-section--news .news__body a.btn.link.link-blank .news__detail::after {

    width: 12px;

    height: 12px;

    right: 16px;

    margin-top: -6px;

    background: url(../images/cmn_blank_ic01.png) no-repeat;

    background-size: contain;

    content: "";

  }

  .top-section--news .news__body a.btn.link.link-pdf .news__detail::after {

    width: 14px;

    height: 16px;

    right: 15px;

    margin-top: -9px;

    background: url(../images/cmn_pdf_ic01.png) no-repeat;

    background-size: contain;

    content: "";

  }

  .top-section--news .news__body a.btn .news__detail .news__property time {

    font-size: 0.9rem;

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl {

    margin-top: 20px;

    margin-left: 0;

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl h2 {

    padding-right: 0 !important;

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl span {

    padding-right: 0 !important;

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl span:before {

    display: none !important;

  }

  .top-news__inner {

    width: 860px;

    margin: 3px auto 0;

  }

  .top-news__title {

    margin-bottom: 31px;

    font-size: 26px;

    text-align: center;

    font-weight: 700;

  }

  .top-news__inner .top-button {

    margin-top: 41px;

    text-align: center;

  }

  .top-news__inner .top-button__elm {

    display: inline-block;

    min-width: 248px;

    padding: 15px;

    text-align: center;

    font-weight: normal;

    color: #545454;

    background-color: #fff;

    border: 1px solid #fff;

    transition: all 0.3s;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, .1);

  }

  .top-news__inner .top-button__elm:hover {

    border: 1px solid #0084af;

    color: #0084af;

  }

  #footer {

    position: relative;

    z-index: 50;

  }

}



/* ======================================================

 * PC Media Queries

====================================================== */

@media screen and (min-width: 768px) and (max-width: 1750px) {

  .top-section--service .top-section__inner {

    padding: 0 30px 0 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1280px) {

  .top-mv__title {

    top: calc(50% - 255px);

    left: -8px;

  }

  .top-mv__button {

    top: 76%;

    left: 9.5%;

  }

  .top-service__layout {

    justify-content: flex-start;

    align-items: flex-end

  }

  .top-section--service .top-section__inner {

    margin: -26px auto 0;

    padding: 0 0 55px 22px;

  }

  .top-section--service .top-block--sp {

    padding-bottom: 220px;

  }

  .top-section--service .top-service__text {

    width: 44.4%;

    margin-right: 2.9%;

  }

  .top-service__box{

    width: 49.5%;

  }

  .top-section--consulting .top-section__inner {

    padding: 0 22px 88px;

  }

  .top-section--consulting .top-lead {

    max-width: 407px;

    margin-bottom: 60px;

  }

  .top-consulting__section {

    margin-top: 32px;

  }

  .top-consulting__slider__elm {

    margin-left: 20px;

  }

  .top-section--solution .top-section__inner {

    padding: 0 0 51px;

  }

  .top-section--solution .top-block--sp {

    max-width: 398px;

    margin-bottom: 112px;

    margin-right: 41px;

  }

  .top-solution__layout {

    margin-right: 38px;

  }

  .top-solution__slider__elm {

    margin-left: 20px;

  }

  .top-news__inner {

    padding: 0px 26px;

  }

  #top-bgList__elm--consulting {

    background-position-x: 65%;

  }

  #top-bgList__elm--solution {

    background-position-x: 37%;

  }

}





/* ======================================================

 * SP

====================================================== */

@media only screen and (max-width: 767px) {

  /* ------------------------------------------------------

   * Common

  ------------------------------------------------------ */

  

  /* ------------------------------------------------------

   * Override

  

  /* ------------------------------------------------------

   * Parts

  ------------------------------------------------------ */

  #top-wrapper {

    margin-top: -10px;

  }

  .top-block--sp {

    padding: 0 15px;

  }

  .top-slider__util {

    display: flex;

    flex-direction: row-reverse;

    align-items: center;

    justify-content: flex-end;

  }

  .top-slider__util .slick-dots {

    flex-shrink: 0;

    position: static;

    width: auto;

  }

  .top-slider__util .slick-dots li button:before {

    color: #ef6b22 !important;

    font-size: 14px;

  }

  .top-slider__util .slick-dots li.slick-active button:before {

    opacity: 1 !important;

    font-size: 18px;

  }

  .top-stopBtn {

    margin-left: 25px;

    display: inline-block;

  }

  .top-stopBtn:before {

    content: "";

    display: block;

    width: 10px;

    height: 14px;

    background: url(../images/index_ic01.png) center center no-repeat;

  }

  .top-stopBtn.is-active:before {

    background: url(../images/index_ic02.png) center center no-repeat;

  }

  .top-bgList {

    display: none;

  }

  /* ----- top-headline ----- */

  .top-headline {

    line-height: 1.3;

    text-align: center;

  }

  .top-headline__main {

    display: block;

    font-size: 32px;

    font-weight: 700;

    color: #333;

  }

  /* ----- top-section--mv ----- */

  .top-section--mv {

    position: relative;

    overflow: hidden;

    padding-bottom: 20%;

    background: url(../images/index-mv_bg01-r2x.jpg) no-repeat 0 0;

    background-size: 100%;

  }

  .top-section--mv .top-mv__title {

    width: 91%;

    padding-top: 8.8%;

  }

  .top-section--mv .top-mv__title img {

    width: 100%;

  }

  .top-section--mv .top-mv__button {

    margin-top: 65.5%;

    margin-left: 15px;

  }

  .top-section--mv .top-mv__button .btn-outline-primary {

    background-color: #666;

    border: 1px solid #666;

  }

  .top-section--mv .top-mv__button .btn-outline-primary .btn__label {

    color: #fff;

  }

  .top-mv__scroll {

    position: absolute;

    width: 100%;

    text-align: center;

    z-index: 50;

    left: 0;

    bottom: 0;

    font-size: 13px;

    color: #fff;

    padding-bottom: 11.8%;

  }

  .top-mv__scroll:before {

    position: absolute;

    z-index: 2;

    top: calc(1em + 10px);

    left: calc(50% - 1px);

    content: "";

    display: block;

    width: 1px;

    height: 0px;

    background-color: #fff;

    animation: siteGuide_scroll 1.5s ease 1s infinite normal none;

  }

  /* ----- top-section--service ----- */

  .top-section--service {

    position: relative;

    padding: 30px 0 53.8%;

    background-color: #f4f7f8;

  }

  

  .top-section--service .top-block--sp {

    margin-bottom: 51px;

    padding: 0 28px;

  }

  

  .top-section--service .top-block--sp > * {

    margin: 0 auto;

  }

  .top-section--service .top-block--sp .top-headline {

    margin-bottom: 9px;

  }

  

  .top-section--service .top-lead {

    margin-bottom: 25px;

    font-size: 0.9375rem;

    font-weight: 700;

  }

  

  .top-section--service .btn-primary {

    padding-top: 20px;

    padding-bottom: 16px;

  }

  .top-section--service .top-slider__util {

    justify-content: center;

    margin-left: -7px;

  }

  .top-section--service .top-slider__util .top-stopBtn {

    margin-left: 21px;

  }

  .top-service__slider {

    margin-bottom: 27px;

  }

  .top-service__slider .slick-slide {

    margin: 0 8px;

  }

  a.top-service__slider__elm {

    color: #545454;

    background-color: #fff;

    box-shadow: 0 4px 5px rgba(0, 0, 0, .2);

  }

  a.top-service__slider__elm:hover .top-service__slider__title {

    text-decoration: underline;

    color: #0084af;

  }

  a.top-service__slider__elm:hover .top-service__slider__img {

    opacity: 0.7;

  }

  a.top-service__slider__elm:nth-child(n+2) {

    display: none;

  }

  .top-service__slider__block {

    position: relative;

    padding: 0 20px 25px;

  }

  .top-service__slider__img img {

    width: 100%;

  }

  .top-service__slider__icon {

    margin-top: -15px;

    margin-bottom: 18px;

    color: #fff;

    padding: 5px 12px;

    min-width: 80px;

    font-size: 12px;

    text-align: center;

    background-color: #008080;

  }

  .top-service__slider__icon__01 {

    margin-top: -15px;

    margin-bottom: 18px;

    color: #fff;

    padding: 5px 12px;

    min-width: 80px;

    font-size: 12px;

    text-align: center;

    background-color: #AE313F;

  }

  .top-service__slider__icon__02 {

    margin-top: -15px;

    margin-bottom: 18px;

    color: #fff;

    padding: 5px 12px;

    min-width: 80px;

    font-size: 12px;

    text-align: center;

    background-color: #3A8E72;

  }

  .top-service__slider__icon__03 {

    margin-top: -15px;

    margin-bottom: 18px;

    color: #fff;

    padding: 5px 12px;

    min-width: 80px;

    font-size: 12px;

    text-align: center;

    background-color: #E14392;

  }

  .top-service__slider__icon__04 {

    margin-top: -15px;

    margin-bottom: 18px;

    color: #fff;

    padding: 5px 12px;

    min-width: 80px;

    font-size: 12px;

    text-align: center;

    background-color: #767171;

  }

  .top-service__slider__title {

    font-size: 19px;

  }

  .top-service__slider__txt {

    margin: 20px 0 0;

    font-size: 14px;

  }

  .top-service__title {

    margin-bottom: 10px;

    text-align: center;

  }

  .top-service__title .title__label {

    display: inline-block;

    font-size: 19px;

    font-weight: bold;

  }

  .top-service__button {

    width: 100%;

    text-align: center;

  }

  .top-service__button > .block {

    display: inline-block;

    width: 100%;

    max-width: 56vw;

    padding: 20px 15px;

    font-size: 15px;

    text-align: center;

    color: #fff;

    font-weight: bold;

    background-color: #00669f;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, .1);

  }

  .top-service__banner {

    position: absolute;

    bottom: 5.6%;

    padding: 0 15px;

  }

  .top-service__banner img {

    width: 100%;

  }

  /* ----- top-section--consulting ----- */

  .top-section--consulting {

    background-color: #008080;

  }

  .top-section--consulting .top-consulting__visual--sp img {

    width: 100%;

  }

  

  .top-section--consulting .top-block--sp > * {

    margin: 0 auto;

  }

  

  .top-section--consulting .top-block--sp {

    margin-bottom: 50px;

    padding: 0 28px;

  }

  .top-section--consulting .top-headline .top-headline__main,

  .top-section--consulting .top-lead {

    color: #fff;

  }

  .top-section--consulting .top-headline {

    margin-bottom: 7px;

  }

  .top-section--consulting .top-lead {

    margin-bottom: 27px;

    font-size: 0.9375rem;

    font-weight: 700;

  }

  

  .top-section--consulting .btn-primary {

    padding-top: 20px;

    padding-bottom: 16px;

  }

  .top-consulting__slider.slick-dotted.slick-slider {

    margin-bottom: 13px !important;

  }

  .top-consulting__slider .slick-slide {

    margin: 0 8px;

  }

  .top-section--consulting .top-consulting__slider__img img {

    width: 100%;

  }

  .top-section--consulting .top-consulting__slider__txt {

    width: 100%;

    padding: 18px 21px 16px;

    background-color: #fff;

    font-size: 0.9375rem;

    font-weight: 700;

  }

  .top-section--consulting .top-slider__util {

    justify-content: center;

  }

  .top-section--consulting .top-stopBtn {

    margin-top: 7px;

    margin-left: 20px;

  }

  .top-section--consulting .top-stopBtn:before {

    background-image: url(../images/index_ic03.png);

  }

  .top-section--consulting .top-stopBtn.is-active:before {

    background-image: url(../images/index_ic04.png);

  }

  .top-section--consulting .top-slider__util .slick-dots {

    margin-left: -5px;

  }

  .top-section--consulting .top-slider__util .slick-dots li button:before {

    color: #006666 !important;

    opacity: 1;

  }

  .top-section--consulting .top-slider__util .slick-dots li.slick-active button:before {

    color: #fff !important;

  }

  .top-consulting__contents {

    position: relative;

    padding: 30px 0 48px;

  }

  /* ----- top-section--solution ----- */

  .top-section--solution {

    background-color: #f7af13;

  }

  .top-section--solution .top-solution__visual--sp img {

    width: 100%;

  }

  

  .top-section--solution .top-block--sp > * {

    margin: 0 auto;

  }

  

  .top-section--solution .top-block--sp {

    margin-bottom: 50px;

    padding: 0 28px;

  }

  .top-section--solution .top-headline {

    margin-bottom: 7px;

  }

  .top-section--solution .top-lead {

    margin-bottom: 30px;

    font-size: 0.9375rem;

    font-weight: 700;

  }

  

  .top-section--solution .btn-primary {

    min-width: 228px;

    padding-top: 20px;

    padding-bottom: 16px;

  }

  .top-solution__slider.slick-dotted.slick-slider {

    margin-bottom: 13px !important;

  }

  .top-solution__slider .slick-slide {

    margin: 0 8px;

  }

  .top-section--solution .top-solution__slider__elm {

    position: relative;

  }

  .top-section--solution .top-solution__slider__img img {

    width: 100%;

  }

  .top-solution__slider__title {

    position: absolute;

    z-index: 2;

    text-align: center;

    width: 254px;

    left: 50%;

    margin: -37px 0 0 -128px;

    background: url(../images/index-solution_bg03-r2x.png) 0 0 no-repeat;

    background-size: 100%;

    line-height: 78px;

    font-size: 1.125rem;

    font-weight: 700;

    color: #fff;

  }

  .top-solution__slider__title strong {

    font-size: 26px;

  }

  .top-section--solution .top-solution__slider__txt {

    width: 100%;

    padding: 50px 21px 14px;

    background-color: #fff;

  }

  .top-section--solution .top-slider__util {

    justify-content: center;

  }

  .top-section--solution .top-stopBtn {

    margin-top: 7px;

    margin-left: 20px;

  }

  .top-section--solution .top-stopBtn:before {

    background-image: url(../images/index_ic03.png);

  }

  .top-section--solution .top-stopBtn.is-active:before {

    background-image: url(../images/index_ic04.png);

  }

  .top-section--solution .top-slider__util .slick-dots {

    margin-left: -5px;

  }

  .top-section--solution .top-slider__util .slick-dots li button:before {

    color: #006666 !important;

    opacity: 1;

  }

  .top-section--solution .top-slider__util .slick-dots li.slick-active button:before {

    color: #fff !important;

  }

  .top-solution__contents {

    position: relative;

    padding: 30px 0 51px;

  }

  /* ----- top-section--last ----- */

  .top-section--last__layout > .top-section--company {

    display: flex;

    position: relative;

    align-items: center;

    padding-bottom: 36px;

    background: url(../images/index-company_bg01.jpg) no-repeat 0 0;

    background-size: cover;

  }

  .top-section--last__layout > .top-section--company::after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0,0,0,.45);

    content: "";

  }

  .top-section--company .top-company__inner {

    display: flex;

    position: relative;

    flex-flow: column wrap;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    padding-top: 51px;

    z-index: 1;

  }

  .top-section--company .top-company__inner .top-company__title {

    position: relative;

    margin-bottom: 13px;

    font-size: 1.5rem;

    font-weight: 700;

    color: #fff;

    text-align: center;

    line-height: 1.1;

  }

  .top-section--company .top-company__inner .top-lead {

    max-width: 85%;

    margin-bottom: 25px;

    font-size: 0.9375rem;

    font-weight: 700;

    color: #fff;

  }

  .top-section--company .top-company__inner .btn-primary {

    min-width: 210px;

    padding-top: 19px;

    padding-bottom: 17px;

  }

  .top-section--news {

    padding: 51px 0 71px;

  }

  .top-news__title {

    margin-bottom: 14px;

    font-size: 1.0625rem;

    text-align: center;

    font-weight: 700;

  }

  .top-section--news .top-button {

    margin-top: 27px;

    text-align: center;

  }

  .top-section--news .news__body .news__list>div:last-child {

    border-bottom: 1px solid #e1e2e3;

  }

  .top-section--news .news__body a.btn .news__detail {

    padding: 22px 15px 20px;

  }

  .top-section--news .news__body a.btn.link .news__detail::after {

    display: inline-block;

    position: absolute;

    top: 50%;

    right: 18px;

    margin-top: -11px;

    width: auto;

    background: none;

    color: #545454;

    vertical-align: middle;

    font-family: webicon!important;

    font-style: normal;

    font-weight: 400;

    text-transform: none;

    content: "";

  }

  .top-section--news .news__body a.btn.link.link-blank .news__detail::after {

    width: 12px;

    height: 12px;

    right: 16px;

    margin-top: -6px;

    background: url(../images/cmn_blank_ic01.png) no-repeat;

    background-size: contain;

    content: "";

  }

  .top-section--news .news__body a.btn.link.link-pdf .news__detail::after {

    width: 14px;

    height: 16px;

    right: 15px;

    margin-top: -7px;

    background: url(../images/cmn_pdf_ic01.png) no-repeat;

    background-size: contain;

    content: "";

  }

  .top-section--news .news__body a.btn .news__detail .news__property time {

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl {

    margin-top: 4px;

  }

  .top-section--news .news__body a.btn.link-blank span,

  .top-section--news .news__body a.btn.link-pdf span {

    padding: 0;

  }

  .top-section--news .news__body a.btn .news__detail .news__ttl span:before {

    display: none !important;

  }

  .top-news__inner .top-button__elm {

    display: inline-block;

    min-width: 150px;

    padding: 12px 15px 10px;

    text-align: center;

    font-weight: normal;

    color: #545454;

    background-color: #fff;

    border: 1px solid #fff;

    transition: all 0.3s;

    box-shadow: 0px 4px 5px rgba(0, 0, 0, .4);

  }

}





/* ======================================================

 * SP Media Queries

====================================================== */

@media only screen and (max-width: 736px) {

}

@media only screen and (max-width: 667px) {

}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 568px) {

}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 375px) {

}

@media only screen and (max-width: 363px) {

  .top-section--mv {

    padding-bottom: 17%;

  }

}

@media only screen and (max-width: 320px) {

}





/* ======================================================

 * Print

====================================================== */

@media print {

}