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

File Name > patches/service/ _page-service-top.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Include
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* Lib */
/* //////////////////////////////////

File Name > lib/_variables.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Color
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Base Color
--------------------------------------*/
/* 基本テキストカラー */
/* Link Text Color */
/* 
	Definition Color
--------------------------------------*/
/* 白 */
/* 黒 */
/* 
	Function Color
--------------------------------------*/
/* 翻訳センター アクセントカラー */
/* お問い合わせボタンカラー */
/* 区切り線カラー */
/* 背景カラー */
/* 
	使用不明 Color
--------------------------------------*/
/* Sub Color */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Font
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Width
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Device Break Point
--------------------------------------*/
/* Base Width */
/* //////////////////////////////////

File Name > lib/ _mixins.scss

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	テキストリンク設定
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	Definition Color
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Hover Effect
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	HE - Opacity
--------------------------------------*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Parts
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 
	a タグ Block 化
--------------------------------------*/
/* 
	Text Shadow（1px）
--------------------------------------*/
/* 
	遷移用ARROW（ White）
--------------------------------------*/
/* 
	遷移用ARROW（ Orange：下向き）
--------------------------------------*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Media Query
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	神作成
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* 見出しミックスイン */
/* Lib/ _mixin*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	Main Visual
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	背景イメージ
--------------------------------*/
.area-sub-mv {
  background: url(../service/common/img/img-mv.jpg) no-repeat;
  background-position: center bottom -30px;
  background-size: cover; }
  @media print, screen and (min-width: 480px) {
    .area-sub-mv {
      background-size: 800px;
      background-position: right -100px bottom -70px; } }
  @media print, screen and (min-width: 768px) {
    .area-sub-mv {
      background-size: 960px;
      background-position: right -150px bottom -60px; } }
  @media print, screen and (min-width: 768px) {
    .area-sub-mv {
      background-size: cover;
      background-position: center bottom -100px; } }

/*	テキスト
--------------------------------*/
.nav-topicpath ul li {
  color: #000; }
  .nav-topicpath ul li a {
    color: #000; }

.area-sub-mv p {
  color: #000; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGE　｜　取り扱い文書
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	イメージ
--------------------------------*/
.list-imgset-right {
  padding: 40px 20px 0; }

@media print, screen and (min-width: 768px) {
  dl.list-imgset-right-ttl-non dt {
    clear: both;
    float: right;
    width: calc( 100% - (50% + 20px)); }
    dl.list-imgset-right-ttl-non dt img {
      width: 100%;
      height: 200px; } }

@media print, screen and (min-width: 960px) {
  dl.list-imgset-right-ttl-non dt {
    width: 540px; }
    dl.list-imgset-right-ttl-non dt img {
      -o-object-fit: fill;
         object-fit: fill;
      width: auto;
      height: auto; } }

@media print, screen and (min-width: 768px) {
  dl.list-imgset-right-ttl-non dd {
    float: left;
    width: 45%; } }

@media print, screen and (min-width: 960px) {
  dl.list-imgset-right-ttl-non dd {
    width: 320px; } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PAGE　｜　文書リスト
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*	文書リスト（Mixin）
--------------------------------*/
/* PC　ー　3カラム*/
ul.list-doc-col3 {
  font-size: 14px;
  margin: 0 20px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  overflow: hidden; }
  ul.list-doc-col3 li {
    float: left;
    width: calc( 100% / 2);
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    @media print, screen and (min-width: 480px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 768px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 960px) {
      ul.list-doc-col3 li {
        width: calc( 100% / 3); } }

/* PC　ー　4カラム*/
ul.list-doc-col4 {
  font-size: 14px;
  margin: 0 20px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  overflow: hidden; }
  ul.list-doc-col4 li {
    float: left;
    width: calc( 100% / 2);
    padding: 10px 0;
    text-align: center;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    @media print, screen and (min-width: 480px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 3); } }
    @media print, screen and (min-width: 768px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 4); } }
    @media print, screen and (min-width: 960px) {
      ul.list-doc-col4 li {
        width: calc( 100% / 4); } }

ul.list-doc-col3, ul.list-doc-col4 {
  margin-bottom: 60px; }

/* 研究・開発〜企画・設計関連 ----------------------------------------- */
@media print, screen and (min-width: 480px) {
  #service-research ul.list-doc-col3 li {
    height: 50px;
    line-height: 50px;
    padding: 0; } }

#service-research .book-txt-l {
  width: 100%;
  font-size: 12px; }
  @media print, screen and (min-width: 480px) {
    #service-research .book-txt-l {
      width: calc( (100% / 3) * 2); } }
  @media print, screen and (min-width: 768px) {
    #service-research .book-txt-l {
      font-size: 14px; } }
  @media print, screen and (min-width: 960px) {
    #service-research .book-txt-l {
      width: calc( 100% / 3);
      font-size: 13px; } }

#service-research .book-txt-l-2 {
  width: 100%;
  font-size: 12px; }
  @media print, screen and (min-width: 960px) {
    #service-research .book-txt-l-2 {
      width: calc( 100% / 3);
      font-size: 14px; } }

/* 生産・品質保証関連 ----------------------------------------- */
#service-quality ul.list-doc-col4 li {
  height: 50px;
  line-height: 50px;
  padding: 0; }
  @media print, screen and (min-width: 768px) {
    #service-quality ul.list-doc-col4 li {
      width: calc( 100% / 3); } }

#service-quality ul.list-doc-col4 .book-txt-l {
  width: 100%;
  font-size: 12px; }
  @media print, screen and (min-width: 480px) {
    #service-quality ul.list-doc-col4 .book-txt-l {
      width: calc( (100% / 3) * 2); } }
  @media print, screen and (min-width: 768px) {
    #service-quality ul.list-doc-col4 .book-txt-l {
      font-size: 14px;
      width: calc( (100% / 3) * 2); } }

#service-quality .book-txt-l-2 {
  font-size: 12px; }
  @media print, screen and (min-width: 480px) {
    #service-quality .book-txt-l-2 {
      font-size: 11px; } }
  @media print, screen and (min-width: 768px) {
    #service-quality .book-txt-l-2 {
      font-size: 14px; } }

/* 販売・マーケティング関連 ----------------------------------------- */
#service-sales ul.list-doc-col4 li {
  height: 50px;
  line-height: 50px;
  padding: 0; }
  @media print, screen and (min-width: 768px) {
    #service-sales ul.list-doc-col4 li {
      width: calc( 100% / 3); } }
  @media print, screen and (min-width: 960px) {
    #service-sales ul.list-doc-col4 li {
      width: calc( 100% / 4); } }

#service-sales ul.list-doc-col4 .book-txt-l {
  width: 100%; }
  @media print, screen and (min-width: 480px) {
    #service-sales ul.list-doc-col4 .book-txt-l {
      width: calc( (100% / 3) * 2); } }
  @media print, screen and (min-width: 768px) {
    #service-sales ul.list-doc-col4 .book-txt-l {
      font-size: 14px; } }
  @media print, screen and (min-width: 960px) {
    #service-sales ul.list-doc-col4 .book-txt-l {
      width: calc( (100% / 4) * 2); } }

#service-sales ul.list-doc-col4 .book-txt-l-2 {
  font-size: 11px; }
  @media print, screen and (min-width: 480px) {
    #service-sales ul.list-doc-col4 .book-txt-l-2 {
      font-size: 14px;
      width: calc( (100% / 3) * 2); } }
  @media print, screen and (min-width: 960px) {
    #service-sales ul.list-doc-col4 .book-txt-l-2 {
      width: calc( 100% / 4); } }

/* 非製造業関連 ----------------------------------------- */
@media print, screen and (min-width: 480px) {
  #service-nonmanufacturing ul.list-doc-col4 li {
    height: 50px;
    line-height: 50px;
    padding: 0; } }

#service-nonmanufacturing .book-txt-l {
  width: 100%; }
  @media print, screen and (min-width: 768px) {
    #service-nonmanufacturing .book-txt-l {
      width: calc( (100% / 4) * 2); } }

#service-nonmanufacturing .book-txt-l-2 {
  width: 100%; }
  @media print, screen and (min-width: 768px) {
    #service-nonmanufacturing .book-txt-l-2 {
      width: calc( (100% / 4) * 2); } }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ローカルナビ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.local-nav {
  background: url(../service/common/img/local-nav-bg.jpg) center;
  background-size: cover; }
  @media print, screen and (min-width: 768px) {
    .local-nav h2 {
      padding: 30px 0; } }

@media print, screen and (min-width: 768px) {
  .local-nav ul li {
    height: 80px; }
    .local-nav ul li a {
      line-height: 1.5;
      padding-top: 20px; } }

@media print, screen and (min-width: 768px) {
  .local-nav ul .local-nav-txt-small a {
    padding-top: 0px;
    line-height: 80px; } }

.local-nav-btn {
  overflow: hidden;
  padding: 15px 20px; }
  @media print, screen and (max-width: 320px) {
    .local-nav-btn {
      padding: 15px 10px; } }
  @media print, screen and (min-width: 960px) {
    .local-nav-btn {
      padding: 25px 0px 10px;
      width: 440px;
      margin: 0 auto; } }
  .local-nav-btn a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    margin-right: 10px;
    width: calc((100% - 10px) / 2);
    position: relative; }
    .local-nav-btn a:after {
      display: block;
      content: '';
      position: absolute;
      top: 50%;
      right: 20px;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      -webkit-transition: 0.2s;
      transition: 0.2s; }
    .local-nav-btn a:hover:after {
      right: 15px;
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff; }
    .local-nav-btn a:nth-child(2n) {
      margin-right: 0; }
    .local-nav-btn a:hover {
      background: #ed9301;
      border: 1px solid #ed9301; }