@charset "UTF-8";
/* Scss Document */
@media screen and (min-width: 769px) {
  .sp_only {
    display: none !important; } }
@media only screen and (max-width: 768px) {
  .pc_only {
    display: none; }

  .sp_only {
    display: block !important; } }
body {
  background: #fff;
  font-size: 16px;
  color: #333; }

.finance_bg {
  background: #dbebc4 !important; }

.business_bg {
  background: #f9f9f9 !important; }

.branding_bg {
  background: #eae1cf !important; }

.channels_bg {
  background: #bbdbf3 !important; }

.e-commerce_bg {
  background: #eaf0fb !important; }

.pc_header {
  position: static !important; }

a {
  color: #333; }

a:hover {
  color: #333;
  text-decoration: none; }

a, a img {
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

a img:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }

.service_section .inner {
  padding: 50px 20px; }
  @media only screen and (max-width: 768px) {
    .service_section .inner {
      padding: 100px 20px; } }
.service_section .inner_block .block {
  width: 100%;
  float: none !important;
  background: #dae5f1; }
  .service_section .inner_block .block .wrap:hover {
    background: #cfdce9; }
  @media only screen and (max-width: 768px) {
    .service_section .inner_block .block {
      width: 100%;
      float: none;
      margin-top: 25px; }
      .service_section .inner_block .block:first-child {
        margin-top: 0; } }
  .service_section .inner_block .block:nth-child(even) {
    background: #ecf2f8; }
  .service_section .inner_block .block:nth-child(even):hover {
    background: #d2dfed; }
  .service_section .inner_block .block .txt {
    padding: 40px 20px;
    float: right;
    width: 49%; }
    .service_section .inner_block .block .txt ul li {
      padding-left: 1em;
      text-indent: -1em; }
    @media only screen and (max-width: 768px) {
      .service_section .inner_block .block .txt {
        float: none;
        width: 100%; } }
    .service_section .inner_block .block .txt span i {
      position: relative;
      display: inline-block;
      padding-left: 20px; }
    .service_section .inner_block .block .txt span i:before {
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #3d4c5d;
      border-right: solid 2px #3d4c5d;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -4px; }
    .service_section .inner_block .block .txt span a {
      text-decoration: none; }
  .service_section .inner_block .block .thumb {
    float: left;
    width: 49%; }
    @media only screen and (max-width: 768px) {
      .service_section .inner_block .block .thumb {
        float: none;
        width: 100%; } }
  .service_section .inner_block .block h3 {
    font-weight: bold;
    position: relative;
    margin: 1.818em 0 1.818em;
    padding: 1.818em 0 1.818em;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1; }
    .service_section .inner_block .block h3 span {
      display: inline-block;
      margin-left: 5px;
      font-size: 0.8em;
      font-family: 'Noto Sans', sans-serif;
      letter-spacing: 0.08em; }
  .service_section .inner_block .block p {
    margin-top: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
  .service_section .inner_block .block figure {
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .service_section .inner_block .block figure img {
      width: 100%;
      height: auto;
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transition: .3s ease;
      transition: .3s ease; }
  .service_section .inner_block .block:hover .thumb figure img {
    -webkit-transform: scale(1.112);
    transform: scale(1.112); }