A:link { color: #006eec; } 
A:visited { color: #9100d5; } 
A:hover { color: #FFD800;} 
A:active { color: #fd290d; } 

body{
background-color: #d3bb6c;
background-image: url(image/back.gif);
background-position: top;
background-repeat: repeat;
font-family: メイリオ;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 11pt;
color: #222222;
width: 100%;}

.form { ime-mode: disabled; } 

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#header{
background-image: url(image/header-back.gif);
background-repeat: repeat-x;
height: 150px;
margin-left: auto;
margin-right: auto;
padding-top: 28px;
padding-left: 50px;
text-align: left;
width: 100%;}

div#container{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 980px;}

div#left{
float: left;
border-top: none;
border-bottom: none;
border-right: none; 
border-left: none;
padding: 0px 20px 20px 0px;
margin: 0px;
text-align: left;
width: 240px;}


div#right{
background-color: #c8b887;
border: 1px #871717 solid;
float: right;
line-height: 150%;
margin: 0px auto 10px auto;
padding: 20px 20px;
text-align: left;
width: 670px;}

div#footer{
background-color: #871717;
clear: both;
color: #ffffff;
font-family: tahoma,arial;
font-size: 10pt;
margin: 10px auto 0px auto;
padding: 5px;
width: 100%;}

div.title{
height: 12px;
font-size: 11pt;
font-weight: bold;
background-image: url(image/divtitle.gif);
background-repeat: no-repeat;
padding: 0px 0px 3px 20px;}

h1{
color: #3B3F49;
font-family: メイリオ,ＭＳ Ｐゴシック;
font-size: 10pt;
padding: 3px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;}

h2{
color: #16243C;
font-size: 10pt;
font-weight: normal;
margin: 0px 0px 15px 0px;
padding: 0px;
text-align: left;}

h3{
color: #444444;
font-size: 10pt;
font-weight: normal;}

h4{color: #001E5C;
font-size: 11pt;}

table.serv{
border-collapse: collapse;}


td.serv1{
background-color: #dfd2c7;
border: 1px #871717 solid;
font-size: 11pt;
padding: 6px 8px;
text-align: left;}

td.serv2{
background-color: #f0e8db;
border: 1px #871717 solid;
font-size: 11pt;
padding: 6px 8px;
text-align: left;}

td.hyo1{
background-image: url(image/hyo-back.gif);
background-repeat: repeat;
background-color: #871717;
border-top: 1px #c56666 solid;
border-left: 1px #c56666 solid;
border-bottom: 1px #570606 solid;
border-right: 1px #570606 solid;
color: #ffffff;
font-size: 10pt;
padding: 3px 8px;
text-align: left;}

td.hyo2{
background-color: #f0e8db;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-bottom: 1px #a6957a solid;
border-right: 1px #a6957a solid;
font-size: 10pt;
padding: 3px 8px;
text-align: left;}

td.hyo3{
background-color: #f0e8db;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-bottom: 1px #a6957a solid;
border-right: 1px #a6957a solid;
font-size: 10pt;
padding: 3px 8px;
text-align: right;}


td.com1{
background-image: url(image/hyo-back.gif);
background-repeat: repeat;
background-color: #871717;
border-top: 1px #c56666 solid;
border-left: 1px #c56666 solid;
border-bottom: 1px #570606 solid;
border-right: 1px #570606 solid;
color: #ffffff;
font-size: 10pt;
padding: 3px 8px;
text-align: left;
width: 180px;}

td.com2{
background-color: #f0e8db;
border-top: 1px #ffffff solid;
border-left: 1px #ffffff solid;
border-bottom: 1px #a6957a solid;
border-right: 1px #a6957a solid;
font-size: 10pt;
padding: 3px 8px;
text-align: left;
width: 486px;}

.sp-only {display: none;}
.pc-only {display: block;}
div.sp_menu{display:none;}
@media screen and (max-width: 767px) {
  .sp-only { display: block; }
  .pc-only {display: none;}
  img {max-width: 100%;}
  div#header{background-size: cover;height: 40px;padding: 20px 5px;width: auto;}
  div#container{width: 100%;}
  div#right{text-align: left;width:auto;max-width: 100%;line-height: normal;float: none;padding: 10px;}
  div#footer{width:auto;}
  div.sp_menu{display:flex;justify-content: space-between;margin: 10px 1px;}
  div.sp_menu a{width:30%;}
  td.com2{width:100%;}
  iframe{width:100%;}
}