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

   set module

---------------------------------------------------- */
/*-- 日本アクアの強み　ページのパーツ
---------------------------------------------------- */
.strengths .breadcrumb {
  margin-bottom: 0; }
  @media screen and (max-width: 899px) {
    .strengths .breadcrumb::before, .strengths .breadcrumb::after {
      content: none; } }
.strengths .footer {
  margin-top: 0; }
.strengths .content__wrap {
  background-image: url(../images/strengths/bg_main_strengths_bg.jpg), linear-gradient(#0e438d 0%, #0e438d 100%);
  background-repeat: no-repeat;
  background-position: top -675px left 50%;
  background-size: 1920px auto, 1920px 200%;
  padding: 60px 0 100px 0;
  margin: -42px 0 0; }
  @media screen and (max-width: 899px) {
    .strengths .content__wrap {
      background-color: #0e438d;
      /*background-size: 1320px auto;*/
      background-size: calc( 181.467vw - 311.389px ) auto;
      /*background-position: top -600px right -90px;*/
      background-position: top calc( -115.830vw + 471.312px ) right calc( -9.652vw - 3.223px );
      padding: 60px 0 0 0;
      margin: -42px 0 0; } }
  @media screen and (max-width: 639px) {
    .strengths .content__wrap {
      /*background-size: 850px auto;*/
      background-size: calc( 84.63vw + 309.153px ) auto;
      /*background-position: top -270px right -65px;*/
      background-position: top calc( -70.532vw + 180.705px ) right calc( 20.02vw - 194.090px ); } }
  @media screen and (max-width: 539px) {
    .strengths .content__wrap {
      /*background-position: top calc( -70.532vw + 180.705px ) right -85px;*/
      background-position: top calc( -70.532vw + 180.705px ) right calc( -9.132vw - 35.776px ); } }
  @media screen and (max-width: 320px) {
    .strengths .content__wrap {
      background-size: 580px auto;
      background-position: top -45px right -65px; } }
@media screen and (max-width: 899px) {
  .strengths .content__wide {
    padding: 0; } }
@media screen and (max-width: 899px) {
  .strengths .content__box:not(:last-child) {
    margin-bottom: 0; } }
@media screen and (max-width: 899px) {
  .strengths .content__asnav {
    margin-top: 0; } }
.strengths .asnav {
  display: none; }
  @media screen and (max-width: 899px) {
    .strengths .asnav {
      display: block; } }

@media screen and (max-width: 899px) {
  .strengths_box {
    /*padding: 0 24px;*/
    padding: 0 calc( 4.633vw - 17.652px ); } }
@media screen and (max-width: 639px) {
  .strengths_box {
    padding: 0 12px; } }

.strengths_category {
  margin-bottom: 92px; }
  @media screen and (max-width: 899px) {
    .strengths_category {
      margin-bottom: 26px; } }
  .strengths_category__headlines {
    margin: 45px 0 33px; }
    @media screen and (max-width: 899px) {
      .strengths_category__headlines {
        margin: 0 0 128px; } }
    @media screen and (max-width: 639px) {
      .strengths_category__headlines {
        margin: 0 0 calc( -10.658vw + 196.106px ); } }
    @media screen and (max-width: 320px) {
      .strengths_category__headlines {
        margin: 0 0 162px; } }
    .strengths_category__headlines > .ttl {
      display: block;
      margin-bottom: 22px;
      font-size: 20px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.04em; }
      @media screen and (max-width: 899px) {
        .strengths_category__headlines > .ttl {
          font-size: 16px;
          margin-bottom: 10px; } }
    .strengths_category__headlines > .copy {
      display: block;
      font-size: 30px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.1em;
      line-height: 1.733; }
      @media screen and (max-width: 899px) {
        .strengths_category__headlines > .copy {
          /*font-size: 24px; 22px;*/
          font-size: calc( 0.772vw + 17.057px );
          line-height: 1.5; } }
      @media screen and (max-width: 639px) {
        .strengths_category__headlines > .copy {
          font-size: 22px; } }
      .strengths_category__headlines > .copy .inline-block {
        display: inline-block; }
      .strengths_category__headlines > .copy .br_show {
        display: none; }
        @media screen and (max-width: 899px) {
          .strengths_category__headlines > .copy .br_show {
            display: inline-block; } }
  .strengths_category__text > p {
    font-size: 16px;
    max-height: 100%;
    margin-top: -8.504px;
    margin-bottom: -8.504px;
    line-height: 2.063; }
    .strengths_category__text > p > .inline-block {
      display: inline-block; }
    @media screen and (max-width: 899px) {
      .strengths_category__text > p {
        color: #fff;
        font-size: 15px;
        max-height: 100%;
        margin-top: -5.0025px;
        margin-bottom: -5.0025px;
        line-height: 1.667; }
        .strengths_category__text > p > br {
          display: none; } }

.strengths_technology {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 90px; }
  @media screen and (max-width: 899px) {
    .strengths_technology {
      margin-bottom: 32px; } }
  @media screen and (max-width: 639px) {
    .strengths_technology {
      flex-direction: column; } }
  .strengths_technology__img {
    width: 428px; }
    @media screen and (max-width: 899px) {
      .strengths_technology__img {
        width: 285px; } }
    @media screen and (max-width: 639px) {
      .strengths_technology__img {
        width: 100%;
        text-align: center; } }
    .strengths_technology__img > span {
      display: block;
      width: 100%; }
      .strengths_technology__img > span > img {
        width: 100%; }
        @media screen and (max-width: 639px) {
          .strengths_technology__img > span > img {
            width: 285px; } }
  .strengths_technology__set {
    flex: 1 0 0%;
    margin: 32px 0 0 52px; }
    @media screen and (max-width: 899px) {
      .strengths_technology__set {
        margin: 6px 0 0 25px; } }
    @media screen and (max-width: 639px) {
      .strengths_technology__set {
        margin: 26px 0 0 0;
        flex: 1 0 auto; } }
    .strengths_technology__set > li:not(:first-child) {
      margin-top: 40px; }
      @media screen and (max-width: 899px) {
        .strengths_technology__set > li:not(:first-child) {
          margin-top: 35px; } }
  .strengths_technology__set_detail > dt {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-feature-settings: 'palt';
    margin-bottom: 20px; }
    @media screen and (max-width: 899px) {
      .strengths_technology__set_detail > dt {
        font-size: 16px;
        margin-bottom: 16px; } }
  .strengths_technology__set_detail > dd {
    font-size: 16px;
    max-height: 100%;
    margin-top: -7px;
    margin-bottom: -7px;
    line-height: 1.875;
    color: #fff; }
    @media screen and (max-width: 899px) {
      .strengths_technology__set_detail > dd {
        font-size: 15px;
        max-height: 100%;
        margin-top: -5.0025px;
        margin-bottom: -5.0025px;
        line-height: 1.667; } }

.strengths_process {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 88px; }
  @media screen and (max-width: 899px) {
    .strengths_process {
      flex-direction: column;
      margin-bottom: 48px; } }
  @media screen and (max-width: 639px) {
    .strengths_process {
      margin-bottom: 40px; } }
  .strengths_process__ttl {
    display: block;
    width: 100%;
    margin-bottom: 48px; }
    @media screen and (max-width: 899px) {
      .strengths_process__ttl {
        margin-bottom: 20px; } }
    .strengths_process__ttl > .copy {
      color: #fff;
      font-size: 22px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.1em;
      line-height: 1.727; }
      @media screen and (max-width: 899px) {
        .strengths_process__ttl > .copy {
          font-size: 18px; } }
  .strengths_process__text {
    flex: 1 0 0%;
    margin: 0 40px 0 0; }
    @media screen and (max-width: 899px) {
      .strengths_process__text {
        margin: 0;
        flex: 1 0 auto; } }
    .strengths_process__text > p {
      color: #fff;
      font-size: 16px;
      max-height: 100%;
      margin-top: -7px;
      margin-bottom: -7px;
      line-height: 1.875;
      font-feature-settings: 'palt'; }
      @media screen and (max-width: 899px) {
        .strengths_process__text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -5.0025px;
          margin-bottom: -5.0025px;
          line-height: 1.667; } }
  .strengths_process__flow {
    width: 100%;
    max-width: 580px;
    font-size: 0; }
    @media screen and (max-width: 899px) {
      .strengths_process__flow {
        margin: 32px auto 0;
        height: 100%; } }
    @media screen and (max-width: 459px) {
      .strengths_process__flow {
        width: 176px; } }
    .strengths_process__flow > li {
      display: inline-block;
      vertical-align: top;
      width: 160px;
      width: calc( 33.33% - 33.33px );
      margin: 8px 0 0 0; }
      @media screen and (max-width: 459px) {
        .strengths_process__flow > li {
          width: 160px;
          margin: 0 0 0 8px; } }
      .strengths_process__flow > li > img {
        width: 100%; }
      .strengths_process__flow > li.center {
        position: relative;
        width: 176px;
        width: calc( ( 100% - 52px ) / 3 );
        margin: 0 42px; }
        @media screen and (max-width: 459px) {
          .strengths_process__flow > li.center {
            width: 176px;
            margin: 42px 0; } }
        .strengths_process__flow > li.center::before, .strengths_process__flow > li.center::after {
          content: '';
          position: absolute;
          top: 50%;
          display: inline-block;
          background-image: url(../images/strengths/bg_process_flow_arrow.png);
          background-repeat: no-repeat;
          background-position: center;
          background-size: 45px auto;
          width: 42px;
          height: 22px;
          transform: translateY(-50%); }
        .strengths_process__flow > li.center::before {
          left: -42px; }
        .strengths_process__flow > li.center::after {
          right: -42px; }
        @media screen and (max-width: 459px) {
          .strengths_process__flow > li.center::before, .strengths_process__flow > li.center::after {
            top: inherit;
            left: 50% !important;
            transform: rotate(90deg) translateY(100%); }
          .strengths_process__flow > li.center::before {
            top: -32px; }
          .strengths_process__flow > li.center::after {
            bottom: -32px; } }

.strengths_share {
  border-top: solid 1px #fff;
  padding: 68px 0 0 0;
  overflow: hidden; }
  @media screen and (max-width: 899px) {
    .strengths_share {
      padding: 32px 0 44px 0; } }
  @media screen and (max-width: 639px) {
    .strengths_share {
      padding: 36px 0 44px 0; } }
  .strengths_share__headlines {
    margin-bottom: 8px; }
    .strengths_share__headlines > .ttl {
      color: #fff8a5;
      font-size: 26px;
      font-weight: 500;
      font-feature-settings: 'palt';
      text-align: center;
      letter-spacing: 0.1em;
      margin-bottom: 32px; }
      @media screen and (max-width: 899px) {
        .strengths_share__headlines > .ttl {
          font-size: 18px; } }
      @media screen and (max-width: 639px) {
        .strengths_share__headlines > .ttl {
          margin-bottom: 28px; } }
      .strengths_share__headlines > .ttl > .ttl_no1 {
        font-style: normal; }
        @media screen and (max-width: 639px) {
          .strengths_share__headlines > .ttl > .ttl_no1 {
            display: block;
            margin-top: 8px; } }
        .strengths_share__headlines > .ttl > .ttl_no1 > span {
          font-size: 38px;
          font-weight: normal;
          letter-spacing: 0.04em;
          margin-left: 2px; }
          @media screen and (max-width: 899px) {
            .strengths_share__headlines > .ttl > .ttl_no1 > span {
              font-size: 29px; } }
          .strengths_share__headlines > .ttl > .ttl_no1 > span > sup {
            display: inline-block;
            font-size: 18px;
            margin: 6px 0 0 -3px;
            vertical-align: text-top; }
            @media screen and (max-width: 899px) {
              .strengths_share__headlines > .ttl > .ttl_no1 > span > sup {
                margin: 3px 0 0 -3px; } }
    .strengths_share__headlines > .text > p {
      color: #fff;
      font-size: 16px;
      max-height: 100%;
      margin-top: -7px;
      margin-bottom: -7px;
      line-height: 1.875;
      text-align: center;
      font-feature-settings: 'palt';
      letter-spacing: 0.02em; }
      @media screen and (max-width: 899px) {
        .strengths_share__headlines > .text > p {
          font-size: 15px;
          max-height: 100%;
          margin-top: -5.0025px;
          margin-bottom: -5.0025px;
          line-height: 1.667; } }
      @media screen and (max-width: 519px) {
        .strengths_share__headlines > .text > p {
          text-align: left; } }
      .strengths_share__headlines > .text > p > .sp_show {
        display: none; }
        @media screen and (max-width: 899px) {
          .strengths_share__headlines > .text > p > .sp_show {
            display: inline-block; } }
        @media screen and (max-width: 559px) {
          .strengths_share__headlines > .text > p > .sp_show {
            display: none; } }
  .strengths_share__set {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px; }
    .strengths_share__set > li {
      width: 33.33%;
      margin-top: 24px;
      padding: 0 12px 0; }
      @media screen and (max-width: 899px) {
        .strengths_share__set > li {
          width: 50%;
          margin-top: 20px;
          padding: 0 8px 0; } }
      @media screen and (max-width: 639px) {
        .strengths_share__set > li {
          width: 100%;
          margin-top: 12px;
          padding: 0 12px 0; } }
  .strengths_share__set_detail {
    background: #fff;
    height: 100%;
    overflow: hidden; }
    .strengths_share__set_detail > .ttl {
      position: relative;
      padding: 25px 29px 0 29px;
      color: #003c96;
      font-size: 20px;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.04em;
      z-index: 11; }
      .strengths_share__set_detail > .ttl > sup {
        font-size: 0.75em;
        line-height: 0em; }
      @media screen and (max-width: 899px) {
        .strengths_share__set_detail > .ttl {
          padding: 20px 19px 0 19px;
          font-size: 18px; } }
    .strengths_share__set_detail > .visual {
      position: relative;
      height: 170px; }
      @media screen and (max-width: 899px) {
        .strengths_share__set_detail > .visual {
          height: 180px; } }
      .strengths_share__set_detail > .visual > img {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        z-index: 10; }
        .strengths_share__set_detail > .visual > img.shar_01 {
          width: 150px;
          bottom: 12px; }
        .strengths_share__set_detail > .visual > img.shar_02 {
          width: 198px;
          bottom: 19px; }
        .strengths_share__set_detail > .visual > img.shar_03 {
          width: 232px;
          bottom: 19px; }
        .strengths_share__set_detail > .visual > img.shar_04 {
          width: 403px;
          bottom: -13px; }
        .strengths_share__set_detail > .visual > img.shar_05 {
          width: 168px;
          bottom: 19px; }
        .strengths_share__set_detail > .visual > img.shar_06 {
          width: 157px;
          bottom: 24px; }
        .strengths_share__set_detail > .visual > img.shar_07 {
          width: 247px;
          bottom: 14px; }
        .strengths_share__set_detail > .visual > img.shar_08 {
          width: 174px;
          bottom: 19px; }
        .strengths_share__set_detail > .visual > img.shar_09 {
          width: 260px;
          bottom: 14px; }
    .strengths_share__set_detail > .text {
      position: relative;
      padding: 0 27px 20px 27px;
      z-index: 11; }
      @media screen and (max-width: 899px) {
        .strengths_share__set_detail > .text {
          padding: 0 20px 20px 20px; } }
      .strengths_share__set_detail > .text > p {
        font-size: 15px;
        max-height: 100%;
        margin-top: -3px;
        margin-bottom: -3px;
        line-height: 1.4; }
        .strengths_share__set_detail > .text > p > .inline-block {
          display: inline-block; }
        @media screen and (max-width: 899px) {
          .strengths_share__set_detail > .text > p {
            font-size: 14px;
            max-height: 100%;
            margin-top: -3.003px;
            margin-bottom: -3.003px;
            line-height: 1.429; } }
  .strengths_share__annotation {
    color: #fff;
    text-align: right;
    margin-top: 12px;
    font-size: 12px; }

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