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

   set module

---------------------------------------------------- */
/*-- 強み　ページのパーツ
---------------------------------------------------- */
#strengths main {
  padding: 0;
  /*overflow: hidden;*/ }
#strengths .header {
  position: fixed;
  transition: all 0.2s ease-out;
  top: 0; }
#strengths .top_logo__main {
  transition: all 0.2s ease-out; }
#strengths .gnav__inner_list > .link > span {
  transition: padding-left 0.3s ease-out, padding-right 0.3s ease-out; }
@media screen and (max-width: 899px) {
  #strengths .content__wide {
    padding: 0; } }

.loader_wrap {
  position: fixed;
  z-index: 1000000;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  background: #fff; }
  .loader_wrap #line {
    position: fixed;
    margin: 0 auto;
    width: 100%;
    /* 横幅100% */
    height: 4px;
    background: #ffffff;
    /* ラインのアニメーション時の色と動き */ }
    .loader_wrap #line .expand {
      position: absolute;
      margin: 0;
      width: 100%;
      height: 4px;
      background-image: -moz-linear-gradient(-180deg, #483bbe 0%, #383083 100%);
      background-image: -webkit-linear-gradient(-180deg, #483bbe 0%, #383083 100%);
      background-image: -ms-linear-gradient(-180deg, #483bbe 0%, #383083 100%);
      -webkit-animation: fullexpand 2s infinite ease-in-out;
      animation: fullexpand 2s infinite ease-in-out; }
@keyframes fullexpand {
  0% {
    width: 0px; }
  50% {
    margin-left: 0;
    width: 100%; }
  100% {
    margin-left: 100%;
    width: 0%; } }
@media screen and (max-width: 899px) {
  .strengths_section {
    height: auto !important; } }
.strengths_section__scene {
  position: relative;
  background-repeat: no-repeat;
  background-color: #fff;
  background-size: cover;
  height: 100%;
  overflow: hidden; }
  @media screen and (max-width: 899px) {
    .strengths_section__scene {
      background-size: 100% auto; } }
  .section_medical .strengths_section__scene {
    background-image: url(../images/strengths/bg_strengths_section_medical_01.jpg); }
  .strengths_section__scene_bg {
    position: absolute;
    background-image: url(../images/strengths/bg_strengths_section_medical_02.jpg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; }
    .delay_animation_set .section_medical .strengths_section__scene_bg {
      transition-delay: 0.5s;
      opacity: 1; }
  @media screen and (max-width: 899px) {
    .section_medical .strengths_section__scene, .strengths_section__scene_bg {
      background-position: left calc( 100vw + -1120px ) top 50px;
      background-size: auto 680px; } }
  @media screen and (max-width: 640px) {
    .section_medical .strengths_section__scene, .strengths_section__scene_bg {
      background-position: left calc( -17.188vw + -370px ) top 50px;
      background-size: auto calc( 62.5vw + 280px ); } }
  @media screen and (max-width: 320px) {
    .section_medical .strengths_section__scene, .strengths_section__scene_bg {
      background-position: -425px top 28px;
      background-size: auto 480px; } }
  .section_dealer .strengths_section__scene {
    background-image: url(../images/strengths/bg_strengths_section_dealer.jpg); }
  .section_sterilization .strengths_section__scene {
    background-image: url(../images/strengths/bg_strengths_section_sterilization.jpg); }
.strengths_section__block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1200px; }
  @media screen and (max-width: 1296px) {
    .strengths_section__block {
      padding: 0 calc( -50vw + 648px ); } }
  @media screen and (max-width: 1200px) {
    .strengths_section__block {
      padding: 0 48px; } }
  @media screen and (max-width: 899px) {
    .strengths_section__block {
      position: relative;
      top: 0 !important;
      left: 0;
      width: 100%;
      transform: none; } }
  .section_medical .strengths_section__block {
    top: calc( 50% + 60px ); }
  .section_dealer .strengths_section__block, .section_sterilization .strengths_section__block {
    top: calc( 50% + 40px ); }
  @media screen and (max-width: 899px) {
    .section_medical .strengths_section__block, .section_dealer .strengths_section__block, .section_sterilization .strengths_section__block {
      padding: 0 30px; } }
  @media screen and (max-width: 640px) {
    .section_medical .strengths_section__block, .section_dealer .strengths_section__block, .section_sterilization .strengths_section__block {
      padding: 0 calc( 4.688vw + 0px ); } }
  @media screen and (max-width: 320px) {
    .section_medical .strengths_section__block, .section_dealer .strengths_section__block, .section_sterilization .strengths_section__block {
      padding: 0 15px; } }
  @media screen and (max-width: 899px) {
    .section_medical .strengths_section__block {
      padding-top: 730px; } }
  @media screen and (max-width: 640px) {
    .section_medical .strengths_section__block {
      padding-top: calc( 62.5vw + 330px ); } }
  @media screen and (max-width: 320px) {
    .section_medical .strengths_section__block {
      padding-top: 530px; } }
  @media screen and (max-width: 899px) {
    .section_dealer .strengths_section__block {
      padding-top: calc( 38.462vw + 15.846px ); } }
  @media screen and (max-width: 640px) {
    .section_dealer .strengths_section__block {
      padding-top: calc( 56.25vw + 0px ); } }
  @media screen and (max-width: 320px) {
    .section_dealer .strengths_section__block {
      padding-top: 180px; } }
  @media screen and (max-width: 899px) {
    .section_sterilization .strengths_section__block {
      padding-top: calc( 42.308vw + 35.231px ); } }
  @media screen and (max-width: 640px) {
    .section_sterilization .strengths_section__block {
      padding-top: calc( 56.25vw + 0px ); } }
  @media screen and (max-width: 320px) {
    .section_sterilization .strengths_section__block {
      padding-top: 180px; } }
.strengths_section__cont_top > .ttl {
  position: relative;
  width: 715px;
  padding-top: 20px;
  margin: 0 0 50px;
  z-index: 11;
  opacity: 0;
  transform: translate(-30px, 0);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
  .delay_animation_set .section_medical .strengths_section__cont_top > .ttl {
    transition-delay: 2.5s;
    opacity: 1;
    transform: translate(0, 0); }
  @media screen and (max-width: 899px) {
    .strengths_section__cont_top > .ttl {
      position: absolute;
      top: 50px;
      width: 536px;
      padding-top: 54px;
      margin: 0; } }
  @media screen and (max-width: 640px) {
    .strengths_section__cont_top > .ttl {
      width: calc( 15.313vw + 196px );
      padding-top: calc( 5.625vw + 18px ); } }
  @media screen and (max-width: 320px) {
    .strengths_section__cont_top > .ttl {
      width: 245px;
      padding-top: 36px; } }
  .strengths_section__cont_top > .ttl > ._inner > img {
    width: 100%; }
  @media screen and (max-width: 640px) {
    .strengths_section__cont_top > .ttl > ._inner .sp_hide {
      display: none; } }
  .strengths_section__cont_top > .ttl > ._inner .sp_hide + img {
    display: none; }
    @media screen and (max-width: 640px) {
      .strengths_section__cont_top > .ttl > ._inner .sp_hide + img {
        display: inline-block; } }
.strengths_section__cont_top > .text {
  position: relative;
  width: 360px;
  z-index: 11;
  opacity: 0;
  transform: translate(-20px, 0);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
  .delay_animation_set .section_medical .strengths_section__cont_top > .text {
    transition-delay: 3s;
    opacity: 1;
    transform: translate(0, 0); }
  @media screen and (max-width: 899px) {
    .strengths_section__cont_top > .text {
      background: #fff !important;
      height: auto;
      width: 100%;
      padding: 32px 0 64px; } }
  @media screen and (max-width: 640px) {
    .strengths_section__cont_top > .text {
      padding: 32px 0 56px; } }
  .strengths_section__cont_top > .text > p {
    margin: -7px 0;
    color: #000;
    font-weight: 500;
    font-feature-settings: 'palt';
    letter-spacing: 0.03em;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 15px;
    line-height: 2; }
.strengths_section__cont_top > .element > .base {
  position: absolute;
  top: -220px;
  left: 288px;
  width: 1372px;
  z-index: 10;
  opacity: 0;
  transform: translate(-20px, 20px);
  transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
  .delay_animation_set .section_medical .strengths_section__cont_top > .element > .base {
    transition-delay: 1.5s;
    opacity: 1;
    transform: translate(0, 0); }
  @media screen and (max-width: 1296px) {
    .strengths_section__cont_top > .element > .base {
      top: calc( -18.75vw + 23px );
      width: calc( 89.583vw + 211px ); } }
  @media screen and (max-width: 1200px) {
    .strengths_section__cont_top > .element > .base {
      top: -202px;
      width: 1286px; } }
  @media screen and (max-width: 899px) {
    .strengths_section__cont_top > .element > .base {
      top: 20px;
      left: calc( 63.846vw + -514.616px );
      width: 1060px; } }
  @media screen and (max-width: 640px) {
    .strengths_section__cont_top > .element > .base {
      top: 165px;
      left: calc( 5.625vw + -68px );
      width: calc( 87.5vw + 240px ); } }
  @media screen and (max-width: 320px) {
    .strengths_section__cont_top > .element > .base {
      top: 165px;
      left: -50px;
      width: 520px; } }
  .strengths_section__cont_top > .element > .base > img {
    width: 100%; }
    @media screen and (max-width: 899px) {
      .strengths_section__cont_top > .element > .base > img {
        display: none; } }
    .strengths_section__cont_top > .element > .base > img + .tb_show {
      display: none; }
      @media screen and (max-width: 899px) {
        .strengths_section__cont_top > .element > .base > img + .tb_show {
          display: inline-block; } }
      @media screen and (max-width: 640px) {
        .strengths_section__cont_top > .element > .base > img + .tb_show {
          display: none; } }
    .strengths_section__cont_top > .element > .base > img + .sp_show {
      display: none; }
      @media screen and (max-width: 640px) {
        .strengths_section__cont_top > .element > .base > img + .sp_show {
          display: inline-block; } }
.strengths_section__cont {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  .strengths_section__cont > .ttl {
    opacity: 0;
    transform: translate(-30px, 0);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out; }
    @media screen and (max-width: 640px) {
      .strengths_section__cont > .ttl {
        padding-top: 40px; } }
    .strengths_section__cont > .ttl > ._inner > img {
      width: 100%; }
    @media screen and (max-width: 640px) {
      .strengths_section__cont > .ttl > ._inner .sp_hide {
        display: none; } }
    .strengths_section__cont > .ttl > ._inner .sp_hide + img {
      display: none; }
      @media screen and (max-width: 640px) {
        .strengths_section__cont > .ttl > ._inner .sp_hide + img {
          display: inline-block; } }
    .section_dealer .strengths_section__cont > .ttl {
      width: 556px; }
      @media screen and (max-width: 1296px) {
        .section_dealer .strengths_section__cont > .ttl {
          width: calc( 86.458vw + -564.5px ); } }
      @media screen and (max-width: 1200px) {
        .section_dealer .strengths_section__cont > .ttl {
          width: 473px; } }
      @media screen and (max-width: 899px) {
        .section_dealer .strengths_section__cont > .ttl {
          width: calc( 60vw + 16px ); } }
      @media screen and (max-width: 640px) {
        .section_dealer .strengths_section__cont > .ttl {
          width: calc( 36.875vw + 176px ); } }
      @media screen and (max-width: 320px) {
        .section_dealer .strengths_section__cont > .ttl {
          width: 294px; } }
    .section_sterilization .strengths_section__cont > .ttl {
      width: 725px; }
      @media screen and (max-width: 1296px) {
        .section_sterilization .strengths_section__cont > .ttl {
          width: calc( 113.542vw + -746.5px ); } }
      @media screen and (max-width: 1200px) {
        .section_sterilization .strengths_section__cont > .ttl {
          width: 616px; } }
      @media screen and (max-width: 899px) {
        .section_sterilization .strengths_section__cont > .ttl {
          width: calc( 78.077vw + 22.308px ); } }
      @media screen and (max-width: 640px) {
        .section_sterilization .strengths_section__cont > .ttl {
          width: calc( 29.688vw + 144px ); } }
      @media screen and (max-width: 320px) {
        .section_sterilization .strengths_section__cont > .ttl {
          width: 239px; } }
    .fp-viewing-1 .section_dealer .strengths_section__cont > .ttl, .fp-viewing-2 .section_sterilization .strengths_section__cont > .ttl {
      transition-delay: 0.8s;
      opacity: 1;
      transform: translate(0, 0); }
      @media screen and (max-width: 640px) {
        .fp-viewing-1 .section_dealer .strengths_section__cont > .ttl, .fp-viewing-2 .section_sterilization .strengths_section__cont > .ttl {
          transition-delay: 0.3s; } }
  .strengths_section__cont > .text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 400px;
    height: 600px;
    padding: 0 34px; }
    @media screen and (max-width: 1296px) {
      .strengths_section__cont > .text {
        height: calc( 104.167vw + -750px );
        padding: 0 calc( 14.583vw + -155px ); } }
    @media screen and (max-width: 1200px) {
      .strengths_section__cont > .text {
        height: 500px;
        padding: 0 20px; } }
    @media screen and (max-width: 899px) {
      .strengths_section__cont > .text {
        background: #fff !important;
        height: auto;
        width: 100%;
        padding: 32px 0 64px; } }
    @media screen and (max-width: 640px) {
      .strengths_section__cont > .text {
        padding: 32px 0 56px; } }
    .section_dealer .strengths_section__cont > .text {
      background: rgba(120, 174, 224, 0.8); }
    .section_sterilization .strengths_section__cont > .text {
      background: rgba(99, 198, 231, 0.8); }
    .strengths_section__cont > .text > p {
      color: #fff;
      font-weight: 500;
      font-feature-settings: 'palt';
      letter-spacing: 0.03em;
      text-align: justify;
      text-justify: inter-ideograph;
      font-size: 15px;
      line-height: 2;
      opacity: 0;
      transition: opacity 1s ease-in-out; }
      @media screen and (max-width: 1296px) {
        .strengths_section__cont > .text > p {
          font-size: calc( 1.042vw + 1.5px );
          letter-spacing: 0 calc( -0.011vw + 0.165px ); } }
      @media screen and (max-width: 1200px) {
        .strengths_section__cont > .text > p {
          font-size: 14px;
          letter-spacing: 0.04em; } }
      @media screen and (max-width: 899px) {
        .strengths_section__cont > .text > p {
          color: #000;
          font-size: 15px;
          letter-spacing: 0.04em; } }
      .fp-viewing-1 .section_dealer .strengths_section__cont > .text > p, .fp-viewing-2 .section_sterilization .strengths_section__cont > .text > p {
        transition-delay: 0.3s;
        opacity: 1; }
        @media screen and (max-width: 640px) {
          .fp-viewing-1 .section_dealer .strengths_section__cont > .text > p, .fp-viewing-2 .section_sterilization .strengths_section__cont > .text > p {
            transition-delay: 0.8s; } }

#strengths #fp-nav {
  top: 0;
  left: 0;
  margin-top: 0 !important;
  height: 100%;
  z-index: 10; }
  @media screen and (max-width: 1199px) {
    #strengths #fp-nav {
      display: none; } }
  #strengths #fp-nav > ul {
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
    #strengths #fp-nav > ul::before, #strengths #fp-nav > ul::after {
      position: absolute;
      top: -18px;
      left: 23px;
      content: '';
      width: 2px;
      z-index: 10; }
    #strengths #fp-nav > ul::before {
      background: #b5c1cd;
      height: 240px; }
    #strengths #fp-nav > ul::after {
      background: #2b1d84;
      height: 0;
      transition: height 0.2s ease-out; }
      .fp-viewing-0#strengths #fp-nav > ul::after {
        height: 44px; }
      .fp-viewing-1#strengths #fp-nav > ul::after {
        height: 120px; }
      .fp-viewing-2#strengths #fp-nav > ul::after {
        height: 199px; }
      .fp-viewing-3#strengths #fp-nav > ul::after {
        height: 240px; }
    #strengths #fp-nav > ul > li {
      width: 48px;
      height: 48px;
      margin: 0;
      z-index: 11; }
      #strengths #fp-nav > ul > li:not(:first-child) {
        margin-top: 31px; }
      #strengths #fp-nav > ul > li:last-child {
        display: none; }
  #strengths #fp-nav ul li a span,
  #strengths #fp-nav .fp-slidesNav ul li a span {
    background: #fff;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border: 2px solid #2b1d84; }
  #strengths #fp-nav ul li:hover a span,
  #strengths #fp-nav .fp-slidesNav ul li:hover a span {
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-width: 3px; }
  #strengths #fp-nav ul li a.active span,
  #strengths #fp-nav .fp-slidesNav ul li a.active span, #strengths #fp-nav ul li:hover a.active span,
  #strengths #fp-nav .fp-slidesNav ul li:hover a.active span {
    width: 14px;
    height: 14px;
    margin: -7px 0 0 -7px;
    border-width: 4px; }

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