@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------


↓岩屋追加


----------------------------------------------------*/
/*----------------------------------------------------
中央寄せ
----------------------------------------------------*/
/* 上下左右中央寄せ */
/* 上下中央寄せ */
/* 左右中央寄せ */
/*----------------------------------------------------
リストマーカー
----------------------------------------------------*/
/*----------------------------------------------------
グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
よく使う疑似要素、小技
----------------------------------------------------*/
/* ボックス影 */
/* 反転*/
/* 文字幅が指定幅を超えたときに「...」を表示する */
/* icon 横にぐるっと回転 */
/* 親要素よりも幅を超えて表示 */
/* 矢印 */
/*----------------------------------------------------
擬似要素
----------------------------------------------------*/
/*----------------------------------------------------
テキスト内リンク
//html例：
<p>テキスト<a href="" class="link_text">こちら</a>テキス</p>
----------------------------------------------------*/
/* ホバーで下線が左に消える */
/* ホバーで左から右に線が出る */
/*----------------------------------------------------
中央から下線 

//・HTML 基本、下記で統一
//<a class="link" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
左から下線 

//・HTML 基本、下記で統一
//<a class="link_L" href="><span>home</span></a>
----------------------------------------------------*/
/*----------------------------------------------------
フォント
----------------------------------------------------*/
/*----------------------------------------------------
疑似要素
----------------------------------------------------*/
/*----------------------------------------------------
線
----------------------------------------------------*/
/*----------------------------------------------------
マニュアル制作ページ
----------------------------------------------------*/
#cost .flex_wrap01 {
  /* 751- */ }
  @media all and (min-width: 751px) {
    #cost .flex_wrap01 {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }

#cost .imgarea {
  max-width: 43%;
  margin: 0 auto;
  /* 751- */ }
  @media all and (min-width: 751px) {
    #cost .imgarea {
      margin: 0 0 0 auto; } }

#flow p {
  padding-bottom: 25px;
  text-align: center;
  /* 751- */ }
  @media all and (min-width: 751px) {
    #flow p {
      padding-bottom: 40px; } }

#flow .flow_img {
  margin: 0 auto;
  max-width: 450px;
  /* 751- */ }
  @media all and (min-width: 751px) {
    #flow .flow_img {
      max-width: 980px;
      padding-left: 20%; } }

.service_list > li .categoly::before {
  width: 27px;
  height: 20px;
  background-image: url(../images/manual/pagetitle_icon.png);
  /* 751- */ }
  @media all and (min-width: 751px) {
    .service_list > li .categoly::before {
      width: 44px;
      height: 33px; } }

.service_list > li .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .service_list > li .flex .circle {
    position: relative;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #E6E6E7;
    /* 751- */ }
    .service_list > li .flex .circle span {
      position: absolute;
      display: inline-block;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 80px;
      text-align: center;
      font-size: 13px;
      letter-spacing: 0.02em;
      line-height: 1.38; }
    @media all and (min-width: 751px) {
      .service_list > li .flex .circle {
        width: 137px;
        height: 137px; }
        .service_list > li .flex .circle span {
          width: 120px;
          font-size: 17px;
          letter-spacing: 0.02em;
          line-height: 1.38; } }
  .service_list > li .flex ul {
    width: calc(100% - 120px);
    padding-bottom: 30px;
    /* 751- */ }
    @media all and (min-width: 751px) {
      .service_list > li .flex ul {
        width: calc(100% - 157px);
        padding-bottom: 0; } }
    .service_list > li .flex ul li {
      padding-left: 1.5em;
      text-indent: -1.5em; }
      .service_list > li .flex ul li::before {
        display: inline-block;
        vertical-align: middle;
        content: '';
        width: 1em;
        height: 1em;
        background: #999999;
        border-radius: 50%;
        margin-right: 0.5em; }

/*----------------------------------------------------
医療機器取扱説明書（IFU）制作ページ
----------------------------------------------------*/
#ifu .medical_trans .contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* 751- */ }
  #ifu .medical_trans .contents .imgarea {
    padding-top: 15px; }
  @media all and (min-width: 751px) {
    #ifu .medical_trans .contents {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #ifu .medical_trans .contents p {
        width: 63%; }
      #ifu .medical_trans .contents .imgarea {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 37%;
        padding: 0 0 0 30px; } }

/*----------------------------------------------------
産業機械マニュアル制作ページ
----------------------------------------------------*/
#industrial .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #industrial .flex .circle {
    position: relative;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #E6E6E7;
    /* 751- */ }
    #industrial .flex .circle span {
      position: absolute;
      display: inline-block;
      left: 50%;
      top: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%);
      width: 80px;
      text-align: center;
      font-size: 13px;
      letter-spacing: 0.02em;
      line-height: 1.38; }
    @media all and (min-width: 751px) {
      #industrial .flex .circle {
        width: 137px;
        height: 137px; }
        #industrial .flex .circle span {
          width: 120px;
          font-size: 17px;
          letter-spacing: 0.02em;
          line-height: 1.38; } }
  #industrial .flex ul {
    width: calc(100% - 120px);
    padding-bottom: 30px;
    /* 751- */ }
    @media all and (min-width: 751px) {
      #industrial .flex ul {
        width: calc(100% - 157px);
        padding-bottom: 0; } }
    #industrial .flex ul li {
      padding-left: 1.5em;
      text-indent: -1.5em; }
      #industrial .flex ul li::before {
        display: inline-block;
        vertical-align: middle;
        content: '';
        width: 1em;
        height: 1em;
        background: #999999;
        border-radius: 50%;
        margin-right: 0.5em; }

/*----------------------------------------------------
エンドユーザー向け（一般家電製品等）マニュアル制作ページ
----------------------------------------------------*/
#enduser h2 small {
  font-size: 16px;
  /* 751- */ }
  @media all and (min-width: 751px) {
    #enduser h2 small {
      font-size: 29px; } }

#enduser .flex {
  /* 751- */ }
  #enduser .flex ul {
    padding-top: 20px; }
  @media all and (min-width: 751px) {
    #enduser .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #enduser .flex p, #enduser .flex ul {
        width: 47%; }
      #enduser .flex ul {
        padding: 0; } }

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