/*
*************************************************
contact.css
版数：10.0版
作成日：2025/04/18s
作成者：エンジニアリングサービス
更新日：2026/01/20
更新者：エンジニアリングサービス
概要：問い合わせ画面(個別部品)
**************************************************
*/
/*************************************************/
/*スマホ版設定ここから*/
 @media screen and (max-width: 360px) {
  body{
   text-align:center;
   color:dimgray;
  }

  p{
   margin: 5px auto;
  text-align:center;
  }

  p{
   font-size:13px;
   width:280px;
   text-align: left;
   display: inline-block;
  }

  box1{
   margin-left:280px;
  }

  code{
   text-align: left;
   width:280px;
  }
  

  /*文章内単体の設定*/
  p{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  p{
   font-size:13px;
   width:360px;
   text-align: left;
   display: inline-block;
  }

  /*タイトルの構成*/
  h1{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  h1{
   font-size:15px;
   width:360px;
   text-align: left;
   display: inline-block;
  }

  /*画像の構成*/
  img{
   width:220px; 
   height:100px;
  }

  headerSearchText{
   line-height:30px;
   padding-left:10px;
  padding-right:28px;
  }

  headerImage{
   width:20px;
   position:absolute;
   top:10px;
   left:180px;
  }

  /*問い合わせフォーム内*/
  formWrap{
   text-align: left;
   width:360px;
   margin:0 auto;
   color:#555;
   line-height:120%;
   font-size:90%;
  }

  table.formTable{
   text-align: left;
   width:360px;
   margin:0 auto;
   border-collapse:collapse;
  }

  table.formTable td,table.formTable th{
   border:1px solid #ccc;
   padding:10px;
  }

  table.formTable th{
   width:30%;
   font-weight:normal;
   background:#efefef;
   text-align:left;
  }

  /*問い合わせフォーム内ここまで*/
  footer {
   color:dimgray;
   font-size:14px;
  }
  /*スマホ版設定ここまで*/
  }
  /*************************************************/
  /*PC版設定ここから*/
  body{
   text-align:center;
   color:dimgray;
  }

  p{
   margin: 5px auto;
  text-align:center;
  }

  p{
   font-size:13px;
   width:280px;
   text-align: left;
   display: inline-block;
  }

  box1{
   margin-left:280px;
  }

  code{
   text-align: left;
   width:280px;
  }
  

  /*文章内単体の設定*/
  p{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  p{
   font-size:13px;
   width:650px;
   text-align: left;
   display: inline-block;
  }

  /*タイトルの構成*/
  h1{
   margin: 5px auto;
   text-align:center;
   display: block;
  }

  h1{
   font-size:15px;
   width:650px;
   text-align: left;
   display: inline-block;
  }

  /*画像の構成*/
  img{
   width:220px; 
   height:100px;
  }

  headerSearchText{
   line-height:30px;
   padding-left:10px;
  padding-right:28px;
  }

  headerImage{
   width:20px;
   position:absolute;
   top:10px;
   left:180px;
  }

  /*問い合わせフォーム内*/
  formWrap{
   text-align: left;
   width:500px;
   margin:0 auto;
   color:#555;
   line-height:120%;
   font-size:90%;
  }

  table.formTable{
   text-align: left;
   width:700px;
   margin:0 auto;
   border-collapse:collapse;
  }

  table.formTable td,table.formTable th{
   border:1px solid #ccc;
   padding:10px;
  }

  table.formTable th{
   width:30%;
   font-weight:normal;
   background:#efefef;
   text-align:left;
  }

  /*問い合わせフォーム内ここまで*/
  footer {
   color:dimgray;
   font-size:14px;
  }
/*************************************************/
/*PC版設定ここまで*/