/* -----

   set module

---------------------------------------------------- */
/*-
---------------------------------------------------- */
@media screen and (max-width: 900px) {
  .about-us .breadcrumb::after {
    box-shadow: none; } }

.about-us_visual {
  background-color: #b5dbf4;
  background-image: url(../images/about-us/bg_about-us_visual.jpg);
  background-repeat: no-repeat;
  background-position: bottom -12px center;
  background-size: 1920px auto;
  width: 100%;
  height: 860px; }
  @media screen and (min-width: 1920px) {
    .about-us_visual {
      background-size: cover; } }
  @media screen and (max-width: 900px) {
    .about-us_visual {
      background-size: calc( 124.615vw + 158.462px ) auto;
      background-position: bottom 0 left calc( -45.385vw + 136.462px );
      height: auto;
      padding-bottom: calc( 26.923vw + -12.308px ); } }
  @media screen and (max-width: 640px) {
    .about-us_visual {
      background-size: calc( -21.25vw + 1092px ) auto;
      background-position: bottom 0 left calc( 66.25vw + -578px );
      padding-bottom: calc( 15.625vw + 60px ); } }
  @media screen and (max-width: 480px) {
    .about-us_visual {
      background-size: 990px auto;
      background-position: bottom 0 left -260px; } }
  @media screen and (max-width: 420px) {
    .about-us_visual {
      background-image: url(../images/about-us/bg_about-us_visual_sp.jpg);
      background-size: 420px auto;
      background-position: bottom 0 center; } }
  @media screen and (max-width: 320px) {
    .about-us_visual {
      padding-bottom: 110px; } }
  .about-us_visual__cont {
    width: 780px;
    padding-top: 102px;
    margin: -44px auto 0;
    text-align: center; }
    @media screen and (max-width: 900px) {
      .about-us_visual__cont {
        width: 100%;
        padding: calc( 11.538vw + -1.847px ) calc( 11.538vw + -43.847px ) 0;
        margin: -32px auto 0; } }
    @media screen and (max-width: 640px) {
      .about-us_visual__cont {
        padding: 72px calc( 4.688vw + 0px ) 0; } }
    @media screen and (max-width: 320px) {
      .about-us_visual__cont {
        padding-top: 72px; } }
    .about-us_visual__cont > .ttl {
      position: relative;
      display: inline-block;
      margin-bottom: 26px; }
      @media screen and (max-width: 900px) {
        .about-us_visual__cont > .ttl {
          margin-bottom: calc( 3.846vw + -8.616px ); } }
      @media screen and (max-width: 640px) {
        .about-us_visual__cont > .ttl {
          margin-bottom: 16px; } }
      .about-us_visual__cont > .ttl > ._en {
        display: inline-block;
        color: #fff;
        font-size: 60.8px;
        font-weight: 500;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em;
        opacity: 0.7; }
        @media screen and (max-width: 900px) {
          .about-us_visual__cont > .ttl > ._en {
            font-size: calc( 7.015vw + -2.339px ); } }
        @media screen and (max-width: 640px) {
          .about-us_visual__cont > .ttl > ._en {
            font-size: calc( 4.725vw + 12.32px ); } }
        @media screen and (max-width: 480px) {
          .about-us_visual__cont > .ttl > ._en {
            font-size: 35px; } }
      .about-us_visual__cont > .ttl > ._jp {
        position: absolute;
        left: 50%;
        bottom: 4px;
        display: inline-block;
        color: #f97d00;
        font-size: 24px;
        font-weight: 700;
        font-feature-settings: 'palt';
        letter-spacing: 0.04em;
        transform: translateX(-50%); }
        @media screen and (max-width: 900px) {
          .about-us_visual__cont > .ttl > ._jp {
            font-size: calc( 2.769vw + -0.924px ); } }
        @media screen and (max-width: 640px) {
          .about-us_visual__cont > .ttl > ._jp {
            font-size: calc( 1.125vw + 9.6px ); } }
        @media screen and (max-width: 480px) {
          .about-us_visual__cont > .ttl > ._jp {
            font-size: 15px; } }
    .about-us_visual__cont > .copy {
      display: inline-block;
      width: 500px;
      margin-bottom: 52px; }
      @media screen and (max-width: 900px) {
        .about-us_visual__cont > .copy {
          width: calc( 58.846vw + -29.616px );
          margin-bottom: calc( 6.154vw + -3.385px ); } }
      @media screen and (max-width: 640px) {
        .about-us_visual__cont > .copy {
          width: calc( 33.125vw + 135px );
          margin-bottom: calc( 10vw + -28px ); } }
      @media screen and (max-width: 480px) {
        .about-us_visual__cont > .copy {
          width: 294px;
          margin-bottom: 20px; } }
      .about-us_visual__cont > .copy > img {
        width: 100%; }
    .about-us_visual__cont > .text {
      text-align: left; }
      .about-us_visual__cont > .text > p {
        font-size: 16px;
        max-height: 100%;
        margin-top: -10px;
        margin-bottom: -10px;
        line-height: 2.25;
        font-feature-settings: 'palt';
        font-weight: 500;
        letter-spacing: 0.04em; }
        @media screen and (max-width: 640px) {
          .about-us_visual__cont > .text > p {
            font-size: 15px;
            max-height: 100%;
            margin-top: -7.5px;
            margin-bottom: -7.5px;
            line-height: 2;
            letter-spacing: 0.02em; } }

.about-us_products {
  margin: -40px 30px 0; }
  @media screen and (max-width: 900px) {
    .about-us_products {
      margin: -30px 0 0; } }
  .about-us_products__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .about-us_products__list > li {
      width: calc(33.33% - 24px); }
      @media screen and (max-width: 900px) {
        .about-us_products__list > li {
          width: calc(50% - 14px); } }
      @media screen and (max-width: 640px) {
        .about-us_products__list > li {
          width: 100%; } }
      .about-us_products__list > li:nth-child(n + 4) {
        margin-top: 64px; }
      @media screen and (max-width: 900px) {
        .about-us_products__list > li:nth-child(n + 3) {
          margin-top: 40px; } }
      @media screen and (max-width: 640px) {
        .about-us_products__list > li:nth-child(n + 2) {
          margin-top: 20px; } }
  .about-us_products__cont {
    position: relative;
    background: #fffaeb;
    width: 100%;
    height: 100%; }
  .about-us_products__visual {
    position: relative; }
    .about-us_products__visual > .main_photo {
      position: relative;
      width: 100%;
      height: 234px;
      overflow: hidden; }
      @media screen and (max-width: 900px) {
        .about-us_products__visual > .main_photo {
          height: calc( 15.769vw + 92.077px ); } }
      @media screen and (max-width: 640px) {
        .about-us_products__visual > .main_photo {
          height: calc( 24.688vw + 114px ); } }
      @media screen and (max-width: 320px) {
        .about-us_products__visual > .main_photo {
          height: 193px; } }
      .about-us_products__visual > .main_photo > img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 101%;
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 640px) {
          .about-us_products__visual > .main_photo > img {
            width: 100%;
            height: auto; } }
        @media screen and (max-width: 420px) {
          .about-us_products__visual > .main_photo > img {
            width: auto;
            height: 101%; } }
    .about-us_products__visual > .sub_photo {
      position: absolute;
      bottom: -64px;
      right: 20px;
      width: 128px;
      height: 128px;
      border-radius: 50%;
      overflow: hidden; }
      @media screen and (max-width: 900px) {
        .about-us_products__visual > .sub_photo {
          bottom: calc( -12.308vw + 46.769px );
          width: calc( 7.692vw + 58.769px );
          height: calc( 7.692vw + 58.769px ); } }
      @media screen and (max-width: 640px) {
        .about-us_products__visual > .sub_photo {
          bottom: -32px;
          width: calc( 6.25vw + 88px );
          height: calc( 6.25vw + 88px ); } }
      @media screen and (max-width: 320px) {
        .about-us_products__visual > .sub_photo {
          width: 108px;
          height: 108px; } }
      .about-us_products__visual > .sub_photo > img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 100%;
        transform: translate(-50%, -50%); }
    .about-us_products__visual > .icon_num {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 0;
      left: 0;
      width: 80px;
      height: 80px; }
      @media screen and (max-width: 900px) {
        .about-us_products__visual > .icon_num {
          width: calc( 6.154vw + 24.615px );
          height: calc( 6.154vw + 24.615px ); } }
      @media screen and (max-width: 640px) {
        .about-us_products__visual > .icon_num {
          width: 64px;
          height: 64px; } }
      .about-us_products__visual > .icon_num::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 80px 80px 0 0;
        border-color: #f97d00 transparent transparent transparent;
        opacity: 0.9; }
        @media screen and (max-width: 900px) {
          .about-us_products__visual > .icon_num::before {
            border-width: calc( 6.154vw + 24.615px ) calc( 6.154vw + 24.615px ) 0 0; } }
        @media screen and (max-width: 640px) {
          .about-us_products__visual > .icon_num::before {
            border-width: 64px 64px 0 0; } }
      .about-us_products__visual > .icon_num > img {
        position: relative;
        height: 42px; }
        @media screen and (max-width: 900px) {
          .about-us_products__visual > .icon_num > img {
            height: calc( 2.308vw + 21.231px ); } }
        @media screen and (max-width: 640px) {
          .about-us_products__visual > .icon_num > img {
            height: 36px; } }
  .about-us_products__detail {
    padding: 36px 24px 92px; }
    @media screen and (max-width: 900px) {
      .about-us_products__detail {
        padding: calc( 4.615vw + -5.539px ) calc( 3.077vw + -3.693px ) calc( 4.615vw + 50.462px ); } }
    @media screen and (max-width: 640px) {
      .about-us_products__detail {
        padding: 0 calc( 2.5vw + 8px );
        padding-top: 24px;
        padding-bottom: 80px; } }
    @media screen and (max-width: 320px) {
      .about-us_products__detail {
        padding-left: 16px;
        padding-right: 16px; } }
    .about-us_products__detail > .ttl {
      font-size: 20;
      font-weight: 700;
      font-feature-settings: 'palt';
      letter-spacing: 0.02em;
      margin-bottom: 26px; }
    .about-us_products__detail > .text > p {
      font-size: 15px;
      max-height: 100%;
      margin-top: -6px;
      margin-bottom: -6px;
      line-height: 1.8; }
    .about-us_products__detail > .item {
      position: absolute;
      bottom: 25px;
      left: 0;
      font-size: 0;
      width: 100%;
      height: 42px;
      padding: 0 24px;
      font-weight: 700;
      font-feature-settings: 'palt';
      letter-spacing: 0.02em; }
      @media screen and (max-width: 900px) {
        .about-us_products__detail > .item {
          height: 40px;
          padding: 0 calc( 3.077vw + -3.693px ); } }
      @media screen and (max-width: 640px) {
        .about-us_products__detail > .item {
          padding: 0 calc( 2.5vw + 8px ); } }
      @media screen and (max-width: 320px) {
        .about-us_products__detail > .item {
          padding: 0 16px; } }
      .about-us_products__detail > .item > ._tag {
        display: inline-flex;
        vertical-align: top;
        justify-content: center;
        align-items: center;
        background: #f97d00;
        width: 86px;
        height: 100%;
        border: solid 1px #f97d00;
        color: #fff;
        font-size: 14px; }
        @media screen and (max-width: 900px) {
          .about-us_products__detail > .item > ._tag {
            width: calc( 3.077vw + 58.308px ); } }
        @media screen and (max-width: 640px) {
          .about-us_products__detail > .item > ._tag {
            width: 78px; } }
      .about-us_products__detail > .item > ._exp {
        display: inline-flex;
        flex-wrap: wrap;
        vertical-align: top;
        align-items: center;
        background: #fff;
        width: calc( 100% - 86px );
        height: 100%;
        padding: 0 16px;
        border: solid 1px #f97d00;
        color: #797979;
        font-size: 14px; }
        @media screen and (max-width: 900px) {
          .about-us_products__detail > .item > ._exp {
            font-size: 13px;
            padding: 4px 12px; } }
        .about-us_products__detail > .item > ._exp > span {
          display: inline-block; }

/*# sourceMappingURL=common_about-us.css.map */