/* Scss Document */
/*------------------------------------------*/
.frame {
  position: relative;
  background: #fafafa;
  padding: 23px; }
  @media screen and (max-width: 767px) {
    .frame {
      padding: 16px;
      margin: 0 0 16px; } }
  .frame .label {
    position: absolute;
    top: 0;
    left: 0; }
  .frame .frame_inner {
    background: #eee;
    padding: 27px; }
    @media screen and (max-width: 767px) {
      .frame .frame_inner {
        padding: 16px; } }
    .frame .frame_inner h3 {
      font-size: 1rem;
      font-weight: 700;
      margin: 0 0 10px; }

/*------------------------------------------*/
#pickup .block {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch; }
  @media screen and (max-width: 767px) {
    #pickup .block {
      flex-direction: column; } }
  #pickup .block .left_side, #pickup .block .right_side {
    width: calc(50% - 16px);
    margin: 0 auto;
    border: 4px solid #eee;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 767px) {
      #pickup .block .left_side, #pickup .block .right_side {
        width: 100%;
        height: 100%;
        position: inherit; } }
    #pickup .block .left_side .inner, #pickup .block .right_side .inner {
      padding: 16px 16px 96px;
      width: 100%;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        #pickup .block .left_side .inner, #pickup .block .right_side .inner {
          width: 95%;
          padding: 16px; } }
    #pickup .block .left_side .img, #pickup .block .right_side .img {
      box-sizing: border-box;
      margin: -16px; }
    #pickup .block .left_side .title, #pickup .block .right_side .title {
      margin-top: 16px;
      font-size: 1rem;
      font-weight: 600; }
    #pickup .block .left_side em, #pickup .block .right_side em {
      margin-top: 4px; }
      #pickup .block .left_side em.label, #pickup .block .right_side em.label {
        display: inline-block;
        background: #eee !important;
        color: #333 !important; }
    #pickup .block .left_side .txt, #pickup .block .right_side .txt {
      margin-top: 16px; }
    #pickup .block .left_side .btn, #pickup .block .right_side .btn {
      position: absolute;
      bottom: 24px;
      width: 290px; }
      @media screen and (max-width: 767px) {
        #pickup .block .left_side .btn, #pickup .block .right_side .btn {
          position: inherit;
          bottom: auto;
          width: 100%;
          margin-top: 24px; } }
  @media screen and (max-width: 767px) {
    #pickup .block .right_side {
      margin-top: 16px; } }

/*------------------------------------------*/
#list .tags {
  margin: 0 0 0 -8px; }
  #list .tags em {
    float: left;
    margin: 0 0 8px 8px;
    line-height: 2;
    cursor: pointer;
    border: 1px solid #fff;
    background: #eee !important;
    color: #333 !important; }
    #list .tags em.active {
      box-shadow: 0 0 0 1px #e60027; }
#list ul.block {
  padding-top: 20px;
  clear: both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-right: 1px; }
  @media screen and (max-width: 767px) {
    #list ul.block {
      flex-direction: column;
      margin-right: 0; } }
  #list ul.block li.blocks {
    width: 33.3%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
    margin-left: -1px;
    margin-top: -1px; }
    @media screen and (max-width: 767px) {
      #list ul.block li.blocks {
        width: 100%;
        position: inherit;
        height: 100%;
        margin-left: 0; }
        #list ul.block li.blocks:nth-of-type(n + 3) {
          display: none; } }
    #list ul.block li.blocks .inner {
      padding: 16px 16px 96px;
      width: 100%; }
      @media screen and (max-width: 767px) {
        #list ul.block li.blocks .inner {
          width: 95%;
          padding: 16px; } }
    #list ul.block li.blocks .img {
      box-sizing: border-box;
      margin: -16px; }
    #list ul.block li.blocks .title {
      margin-top: 16px;
      font-size: 1rem;
      font-weight: 600; }
    #list ul.block li.blocks em {
      margin-top: 4px; }
      #list ul.block li.blocks em.label {
        display: inline-block;
        background: #eee !important;
        color: #333 !important; }
    #list ul.block li.blocks .txt {
      margin-top: 16px; }
    #list ul.block li.blocks .btn {
      position: absolute;
      bottom: 24px;
      width: calc(100% - 32px); }
      @media screen and (max-width: 767px) {
        #list ul.block li.blocks .btn {
          position: inherit;
          bottom: auto;
          width: 100%;
          margin-top: 24px; } }

/*------------------------------------------*/
.pagetitle_example {
  background: url(../images/pagetitle_bg_default2.jpg) no-repeat center center/cover;
  min-height: 180px;
  height: 180px;
  color: #fff;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 23px;
  box-sizing: border-box;
  margin: 0 0 30px; }
  @media screen and (max-width: 767px) {
    .pagetitle_example {
      margin: 0 -16px 20px;
      min-height: 125px;
      height: 125px;
      padding: 16px 16px;
      background-image: url(../images/example/pagetitle_bg_cases_sp.jpg); } }
  .inner .pagetitle_example {
    background: url(../images/example/pagetitle_bg_example.jpg) no-repeat center center/cover; }
    @media screen and (max-width: 767px) {
      .inner .pagetitle_example {
        background-image: url(../images/example/pagetitle_bg_example_sp.jpg); } }
  .pagetitle_example > div span {
    font-size: 1rem;
    line-height: 1;
    margin: 0 0 15px;
    display: block; }
    @media screen and (max-width: 767px) {
      .pagetitle_example > div span {
        font-size: 0.75rem;
        line-height: 1.4;
        margin: 0 0 10px; } }
  .pagetitle_example > div h1 {
    /*font-size:2.5rem;*/
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
    display: block; }
    .pagetitle_example > div h1.small {
      /*font-size:2.125rem;*/
      font-size: 34px;
      line-height: 1.3; }
    @media screen and (max-width: 767px) {
      .pagetitle_example > div h1 {
        font-size: 1.25rem;
        line-height: 1.3; }
        .pagetitle_example > div h1.small {
          font-size: 1.125rem; } }

/*------------------------------------------*/
#case .block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch; }
  #case .block .blocks {
    color: #fff;
    width: calc(50% - 8px);
    margin: 0 0 16px;
    padding: 16px;
    box-sizing: border-box; }
    @media screen and (max-width: 767px) {
      #case .block .blocks {
        width: 100%; } }
    #case .block .blocks:hover {
      text-decoration: none; }
    #case .block .blocks.smartfactory {
      background: #0799c4; }
    #case .block .blocks.global {
      background: #7f5690; }
    #case .block .blocks.servitization {
      background: #e87f20; }
    #case .block .blocks.administration {
      background: #3e9f6e; }
    #case .block .blocks h3 {
      color: #fff;
      text-align: center;
      font-weight: bold;
      font-size: 110%; }
    #case .block .blocks ul {
      display: table;
      padding-left: 1.2em;
      margin: 10px auto 0; }
      #case .block .blocks ul li {
        list-style: disc; }

/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/
/*------------------------------------------*/