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

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*
@mixin pc_size{
  @media screen and (min-width: $tablet) {
    @content;
  }
}
*/
.under {
  display: block;
  margin-top: 60px;
  padding-top: 10px; }

.maintitle {
  margin: 0% 0% 6.77% 0%;
  position: relative;
  height: 30vh;
  max-height: 500px;
  background: url("/img/solution/mainimg.jpg") center left 35%/cover no-repeat; }
  .maintitle .contents__txt-wp {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 6px rgba(27, 76, 142, 0.75); }
    .maintitle .contents__txt-wp .contents__ttl {
      font-size: 2.5rem;
      margin: 0% 0% 5.5% 0%; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__ttl {
          font-size: calc( 2.5rem + ( 1vw - 7.69px ) * 5.596107056 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__ttl {
          font-size: 4.8rem; } }
    .maintitle .contents__txt-wp .contents__txt {
      font-size: 1.2rem;
      font-family: "Hiragino UD Sans F W6 JIS2004"; }
      @media (min-width: 769px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
      @media (min-width: 1180px) {
        .maintitle .contents__txt-wp .contents__txt {
          font-size: 1.8rem; } }

.solution__wp {
  margin: 0% 0% 8.05% 0%; }
.solution__list {
  margin: 0% 0% 4.23% 0%; }
  .solution__list a {
    display: block;
    background: #fff; }
    .solution__list a .solution__img-box {
      overflow: hidden; }
      .solution__list a .solution__img-box figure {
        position: relative; }
        .solution__list a .solution__img-box figure:before {
          content: '';
          display: block;
          padding-top: 64%; }
        .solution__list a .solution__img-box figure img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .solution__list a .solution__txt-wp {
      position: relative;
      padding: 30px 15px 15px; }
      .solution__list a .solution__txt-wp .label__interview {
        position: absolute;
        top: 15px;
        right: 15px;
        line-height: 1;
        display: inline-block;
        padding: 4px 8px;
        color: #fff;
        font-size: 1.0rem;
        background: #2F5E9F; }
      .solution__list a .solution__txt-wp .solution__time {
        font-size: 1.2rem;
        letter-spacing: 0.08em;
        color: #0F3972; }
        @media (min-width: 769px) {
          .solution__list a .solution__txt-wp .solution__time {
            font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
        @media (min-width: 1180px) {
          .solution__list a .solution__txt-wp .solution__time {
            font-size: 1.4rem; } }
      .solution__list a .solution__txt-wp .solution__ttl {
        font-size: 1.8rem;
        margin: 0% 0% 1.69% 0%;
        color: #0F3972; }
        @media (min-width: 769px) {
          .solution__list a .solution__txt-wp .solution__ttl {
            font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 1.4598540146 ); } }
        @media (min-width: 1180px) {
          .solution__list a .solution__txt-wp .solution__ttl {
            font-size: 2.4rem; } }
      .solution__list a .solution__txt-wp .solution__txt {
        position: relative;
        height: 50px;
        font-size: 1.3rem;
        text-align: justify;
        overflow: hidden; }
        @media (min-width: 769px) {
          .solution__list a .solution__txt-wp .solution__txt {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.4866180049 ); } }
        @media (min-width: 1180px) {
          .solution__list a .solution__txt-wp .solution__txt {
            font-size: 1.5rem; } }
        .solution__list a .solution__txt-wp .solution__txt::before {
          position: absolute;
          content: "…";
          display: block;
          bottom: 0;
          right: 0;
          width: 14px;
          height: 25px;
          color: #333;
          z-index: 2; }
        .solution__list a .solution__txt-wp .solution__txt::after {
          position: absolute;
          content: "";
          display: block;
          bottom: 0;
          right: 0;
          width: 14px;
          height: 25px;
          background: #fff;
          transition: .4s; }
  .solution__list:last-child {
    margin: 0; }
.solution__page {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 60px; }
  .solution__page li {
    flex: 0 1 auto;
    width: auto;
    margin: 0 1%; }
    .solution__page li a {
      position: relative;
      display: block;
      width: 35px;
      height: 35px;
      font-size: 1.2rem;
      background: #fff;
      color: #2F5E9F;
      border: solid 1px #2F5E9F; }
      .solution__page li a p {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translate(-50%, -50%); }
      .solution__page li a:hover {
        opacity: 1;
        background: #2F5E9F;
        color: #fff; }
    .solution__page li.active a {
      background: #2F5E9F;
      color: #fff; }
    .solution__page li.arrow a {
      font-size: 2.6rem;
      border: none;
      background: rgba(255, 255, 255, 0); }
      .solution__page li.arrow a i {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        transform: translate(-50%, -50%); }
      .solution__page li.arrow a:hover {
        color: #333; }

@media screen and (min-width: 769px) {
  .maintitle {
    height: 40vh;
    background: url("/img/solution/mainimg.jpg") center/cover no-repeat; }

  .solution__list a {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .solution__list a .solution__img-box {
      flex: 0 1 40%;
      width: 40%;
      max-width: 40%; }
      .solution__list a .solution__img-box figure {
        transition: .4s; }
    .solution__list a .solution__txt-wp {
      position: static;
      box-sizing: border-box;
      flex: 0 1 60%;
      width: 60%;
      max-width: 60%;
      padding: 0% 5.5% 0% 5.5%;
      transition: .4s; }
      .solution__list a .solution__txt-wp .label__interview {
        padding: 8px 12px;
        color: #fff;
        font-size: 1.2rem; }
    .solution__list a:hover {
      opacity: 1;
      background: #2F5E9F; }
      .solution__list a:hover .solution__txt-wp .label__interview {
        color: #2F5E9F;
        background: #fff; }
      .solution__list a:hover .solution__txt-wp .solution__time {
        color: #fff; }
      .solution__list a:hover .solution__txt-wp .solution__ttl {
        color: #fff; }
      .solution__list a:hover .solution__txt-wp .solution__txt {
        color: #fff; }
        .solution__list a:hover .solution__txt-wp .solution__txt::before {
          color: #fff; }
        .solution__list a:hover .solution__txt-wp .solution__txt::after {
          background: #2F5E9F;
          transition: .4s; }
  .solution__list:last-child {
    margin: 0; }
  .solution__page li a:hover {
    opacity: 1;
    background: #2F5E9F;
    color: #fff; }
  .solution__page li.arrow a {
    width: 100px;
    font-size: 1.3rem;
    color: #fff;
    background: #2F5E9F;
    border: solid 1px #2F5E9F; }
    .solution__page li.arrow a i {
      position: relative;
      top: auto;
      left: auto;
      width: auto;
      transform: none; }
    .solution__page li.arrow a span {
      display: inline-block; }
    .solution__page li.arrow a:hover {
      background: #fff;
      color: #2F5E9F; }
  .solution__page li.arrow.prev {
    margin: 0 20px 0 0; }
    .solution__page li.arrow.prev a i {
      padding-right: 10px; }
  .solution__page li.arrow.next {
    margin: 0 0 0 20px; }
    .solution__page li.arrow.next a i {
      padding-left: 10px; } }
@media screen and (min-width: 1024px) {
  #breadcrumb {
    padding: 0 0 10px; }

  .common_inner {
    padding: 0; }

  .maintitle {
    height: 55vh; }

  .solution__page li {
    margin: 0 0.5%; } }
@media screen and (min-width: 1024px) {
  .under {
    padding-top: 20px; } }

/*# sourceMappingURL=style.css.map */