/* line 45, scss/_variables-site.scss */
#partner-introduction .partner-ttl {
  padding: 80px 0px; }
  @media only screen and (max-width: 960px) {
    /* line 45, scss/_variables-site.scss */
    #partner-introduction .partner-ttl {
      padding: 40px 0px; } }

/* line 3, scss/page.scss */
#partner-introduction {
  width: 1100px;
  font-size: 16px;
  line-height: 24px; }
  @media only screen and (max-width: 960px) {
    /* line 3, scss/page.scss */
    #partner-introduction {
      width: 100%; } }
  @media only screen and (max-width: 720px) {
    /* line 3, scss/page.scss */
    #partner-introduction {
      font-size: 14px;
      line-height: 20px; } }
  /* line 14, scss/page.scss */
  #partner-introduction .bg-white {
    background: #fff;
    color: #000; }
  /* line 18, scss/page.scss */
  #partner-introduction .container {
    width: 100%;
    padding: 0 20px; }
    @media only screen and (max-width: 720px) {
      /* line 18, scss/page.scss */
      #partner-introduction .container {
        padding: 0 20px; } }
  /* line 25, scss/page.scss */
  #partner-introduction section {
    margin-top: 60px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 720px) {
      /* line 25, scss/page.scss */
      #partner-introduction section {
        margin-top: 40px; } }
  /* line 32, scss/page.scss */
  #partner-introduction .innerBox {
    width: 940px;
    margin: 0 auto; }
    @media only screen and (max-width: 960px) {
      /* line 32, scss/page.scss */
      #partner-introduction .innerBox {
        width: 100%;
        padding: 0px 20px; } }
  /* line 40, scss/page.scss */
  #partner-introduction .partner-ttl {
    width: 100%; }
    /* line 43, scss/page.scss */
    #partner-introduction .partner-ttl h2 {
      margin: 0 auto; }
      /* line 45, scss/page.scss */
      #partner-introduction .partner-ttl h2 img {
        margin: 0 auto;
        padding: 0 20px;
        display: block; }
    /* line 51, scss/page.scss */
    #partner-introduction .partner-ttl p {
      margin-top: 20px;
      text-align: center; }
  @media only screen and (max-width: 960px) {
    /* line 56, scss/page.scss */
    #partner-introduction .pc-only {
      display: none; } }
  /* line 62, scss/page.scss */
  #partner-introduction #fv {
    text-align: center;
    position: relative; }
    /* line 65, scss/page.scss */
    #partner-introduction #fv p {
      padding: 40px 0px;
      font-size: 18px;
      line-height: 40px; }
      /* line 69, scss/page.scss */
      #partner-introduction #fv p span {
        background: linear-gradient(transparent 80%, #89D1F1 50%); }
    /* line 73, scss/page.scss */
    #partner-introduction #fv img.fv-top {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      margin: -20px auto 0px auto; }
    @media only screen and (max-width: 960px) {
      /* line 62, scss/page.scss */
      #partner-introduction #fv {
        text-align: left; }
        /* line 82, scss/page.scss */
        #partner-introduction #fv p {
          font-size: 14px;
          line-height: 30px; } }
    @media only screen and (max-width: 720px) {
      /* line 88, scss/page.scss */
      #partner-introduction #fv img.fv-top {
        width: 80%;
        margin: -10px auto 0px auto; } }
  /* line 95, scss/page.scss */
  #partner-introduction #case .bg {
    background-image: url("./img/partner_bg.jpg");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 101, scss/page.scss */
  #partner-introduction #case ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    /* line 105, scss/page.scss */
    #partner-introduction #case ul li {
      width: 46%;
      background: #0098EE;
      position: relative;
      margin-bottom: 60px; }
      /* line 110, scss/page.scss */
      #partner-introduction #case ul li h3 {
        font-size: 26px;
        text-align: center;
        color: #FFF238;
        margin-top: 20px;
        padding: 0 10px; }
        /* line 116, scss/page.scss */
        #partner-introduction #case ul li h3 span {
          color: #fff;
          display: block;
          font-size: 18px;
          margin-top: 5px; }
      /* line 123, scss/page.scss */
      #partner-introduction #case ul li p {
        color: #fff;
        padding: 20px; }
      /* line 127, scss/page.scss */
      #partner-introduction #case ul li img.li-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: -20px auto 0 auto; }
      /* line 134, scss/page.scss */
      #partner-introduction #case ul li img.line-dot {
        margin: 0 auto;
        display: block;
        padding-top: 20px;
        width: 40px; }
  @media only screen and (max-width: 720px) {
    /* line 144, scss/page.scss */
    #partner-introduction #case ul li {
      width: 100%;
      margin-bottom: 40px; }
      /* line 147, scss/page.scss */
      #partner-introduction #case ul li h3 {
        font-size: 6vw; }
      /* line 150, scss/page.scss */
      #partner-introduction #case ul li img.li-top {
        width: 80%;
        margin: -15px auto 0 auto; } }
  /* line 159, scss/page.scss */
  #partner-introduction #case a, #partner-introduction #case2 a {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }
    /* line 165, scss/page.scss */
    #partner-introduction #case a:hover, #partner-introduction #case2 a:hover {
      background: rgba(255, 255, 255, 0.2);
      transition: 0.2s; }
  /* line 171, scss/page.scss */
  #partner-introduction #movie {
    background: #0098EE;
    padding: 20px; }
    /* line 174, scss/page.scss */
    #partner-introduction #movie .block {
      border: 2px solid #fff;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -ms-flex-align: center;
      align-items: center; }
      /* line 179, scss/page.scss */
      #partner-introduction #movie .block .item {
        width: 50%;
        margin: 60px 0px; }
        /* line 182, scss/page.scss */
        #partner-introduction #movie .block .item p {
          font-size: 38px;
          color: #fff;
          font-weight: bold;
          text-align: center;
          line-height: 60px; }
          /* line 188, scss/page.scss */
          #partner-introduction #movie .block .item p span {
            background: linear-gradient(transparent 80%, #89D1F1 50%); }
        /* line 192, scss/page.scss */
        #partner-introduction #movie .block .item .wrap {
          width: 80%;
          margin: 0 auto;
          height: 0;
          position: relative;
          padding-top: calc(56.25% * 0.8);
          overflow: hidden; }
          /* line 199, scss/page.scss */
          #partner-introduction #movie .block .item .wrap iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important; }
      /* line 208, scss/page.scss */
      #partner-introduction #movie .block .arrow {
        width: 10%; }
        /* line 210, scss/page.scss */
        #partner-introduction #movie .block .arrow img {
          width: 45px; }
    @media only screen and (max-width: 960px) {
      /* line 216, scss/page.scss */
      #partner-introduction #movie .block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        /* line 218, scss/page.scss */
        #partner-introduction #movie .block .item {
          width: 100%; }
        /* line 221, scss/page.scss */
        #partner-introduction #movie .block .arrow {
          width: 100%; }
          /* line 223, scss/page.scss */
          #partner-introduction #movie .block .arrow img {
            transform: rotate(90deg);
            margin: 0 auto;
            display: block; } }
    @media only screen and (max-width: 720px) {
      /* line 233, scss/page.scss */
      #partner-introduction #movie .block .item {
        margin: 40px 0px; }
        /* line 235, scss/page.scss */
        #partner-introduction #movie .block .item p {
          font-size: 8vw; } }
  /* line 242, scss/page.scss */
  #partner-introduction #case2 {
    box-shadow: none;
    margin-top: 0px; }
    /* line 245, scss/page.scss */
    #partner-introduction #case2 ul {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: -40px; }
      /* line 249, scss/page.scss */
      #partner-introduction #case2 ul li {
        position: relative;
        width: 30%;
        margin-bottom: 40px;
        background: #fff;
        margin-right: 5%; }
        /* line 255, scss/page.scss */
        #partner-introduction #case2 ul li:nth-child(3n) {
          margin-right: 0px; }
        /* line 258, scss/page.scss */
        #partner-introduction #case2 ul li .inner {
          padding: 20px; }
          /* line 260, scss/page.scss */
          #partner-introduction #case2 ul li .inner span {
            color: #A4A4A4;
            margin-bottom: 10px;
            display: block; }
          /* line 265, scss/page.scss */
          #partner-introduction #case2 ul li .inner h3 {
            color: #0098EE; }
        /* line 269, scss/page.scss */
        #partner-introduction #case2 ul li p {
          margin-top: 10px; }
    @media only screen and (max-width: 960px) {
      /* line 275, scss/page.scss */
      #partner-introduction #case2 ul {
        -ms-flex-pack: justify;
        justify-content: space-between; }
        /* line 277, scss/page.scss */
        #partner-introduction #case2 ul li {
          width: 48%;
          margin-bottom: 40px;
          margin-right: 0px; } }
    @media only screen and (max-width: 720px) {
      /* line 286, scss/page.scss */
      #partner-introduction #case2 ul li {
        width: 100%;
        margin-right: auto;
        margin-bottom: 20px; } }
    @media (min-width: 600px) and (max-width: 768px) {
      /* line 294, scss/page.scss */
      #partner-introduction #case2 .container {
        padding: 0 20px; } }
  /* line 300, scss/page.scss */
  #partner-introduction #umipro-partner .bg {
    background-image: url("./img/partner_bg.jpg");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat; }
  /* line 306, scss/page.scss */
  #partner-introduction #umipro-partner h3 {
    width: 100%;
    margin-bottom: 20px; }
    /* line 309, scss/page.scss */
    #partner-introduction #umipro-partner h3 img {
      width: 40%;
      margin: 0 auto;
      display: block; }
  /* line 315, scss/page.scss */
  #partner-introduction #umipro-partner ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center; }
    /* line 320, scss/page.scss */
    #partner-introduction #umipro-partner ul li {
      width: 50%; }
      /* line 322, scss/page.scss */
      #partner-introduction #umipro-partner ul li img {
        margin: 0 auto;
        display: block; }
        /* line 325, scss/page.scss */
        #partner-introduction #umipro-partner ul li img:hover {
          opacity: 0.8;
          transition: 0.3s; }
  /* line 332, scss/page.scss */
  #partner-introduction #umipro-partner .partner-sns {
    margin-top: 40px;
    padding-bottom: 100px; }
    /* line 335, scss/page.scss */
    #partner-introduction #umipro-partner .partner-sns a {
      width: 100%; }
      /* line 337, scss/page.scss */
      #partner-introduction #umipro-partner .partner-sns a img {
        margin: 0 auto;
        display: block; }
        /* line 340, scss/page.scss */
        #partner-introduction #umipro-partner .partner-sns a img:hover {
          opacity: 0.8;
          transition: 0.3s; }
  @media only screen and (max-width: 960px) {
    /* line 349, scss/page.scss */
    #partner-introduction #umipro-partner ul li {
      width: 48%; } }
  @media only screen and (max-width: 720px) {
    /* line 356, scss/page.scss */
    #partner-introduction #umipro-partner h3 img {
      width: 70%; } }

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