@charset "utf-8";
*{
 margin: 0px;
 padding: 0px;
 font-family: "游ゴシック","arial unicode ms",sans-serif;
}
img{
 ponter-enevts:none;
 -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
/*===背景============================*/
body{
 background-color:rgb(255,255,255);
 background-image:url(img/bg.s.jpg);
 background-repeat:repeat;
}
/*===ヘッダー========================*/
.page-header {
 background-color: rgb(127,127,127);
 position: fixed;
 width: 100%;
 height:50px;
 z-index:10;
 top:0;
}
#logo{
 height:34px;
 padding:8px 8px 8px;
}
/*===ハンバーガーメニュー============*/
#ham-menu {
 background-color: rgb(255,255,255); /*メニュー背景色*/
 box-sizing: border-box;
 height: 100%;
 width: 150px; /*メニュー横幅*/
 padding: 8px 30px; /*メニュー内上下左右余白*/
 position: fixed;
 right: -150px; /*メニュー横幅 width と合わせる*/
 top: 0;
 transition: transform 0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
 z-index: 20;
}

#menu-background {
 background-color: rgb(0,0,0); /*黒背景*/
 display: block;
 height: 100%;
 margin-top:50px;
 width: 0%;
 opacity: 0;
 position: fixed;
 right: 0;
 top: 0;
 transition: all 5ms linear 0s; /*ms はアニメーションにかかる時間*/
 z-index: -1;
}

#menu-icon {
 background-color: rgb(127,127,127); /*アイコン背景色*/
 color: rgb(255,255,255); /*アイコン色*/
 cursor: pointer;
 display: block;
 font-size: 50px; /*アイコン（フォント）サイズ*/
 height: 50px; /*アイコン縦高さ*/
 line-height: 50px; /*縦位置中央化*/
 position: fixed;
 right: 12px;
 text-align: center;
 top: -1px;
 width: 50px; /*アイコン横幅*/
 transition: all  0.3s linear 0s; /*0.3s はアニメーションにかかる時間*/
 z-index: 20;
}

#menu-cb {
 display: none; /*チェックボックス本体は消しておく*/
}

#menu-cb:checked ~ #ham-menu {
 transform: translate(-150px); /*メニュー本体横幅 width と合わせる*/
}
#menu-cb:checked ~ #menu-icon {
 transform: translate(-149px); /*メニュー本体横幅 width と合わせる*/
}
#menu-cb:checked ~ #menu-background {
 width:100%;
 opacity: 0.5;
 z-index: 15;
}
nav ul{
 list-style:none;
}
nav ul li{
 margin-top:10px;
}
nav ul li .eng{
 padding:8px;
 text-decoration:none;
 font-size:16px;
 color:rgb(0,0,0);
}
nav ul li .jpn{
 display:none;
}
/*===フッター========================*/
footer{
 width:100%;
 background:rgb(127,127,127);
 font-size:12px;
 color:rgb(255,255,255);
 position:sticky;
 bottom:0px;
 text-align:center;
}
footer .inc{
}
#contact {
 list-style:none;
}
#contact li{
}
.jpn{
 font-size:11px;
}
/*---report(定期調査報告)------------*/
.report{
 font-size:12px;
 margin-top:70px;
}
.report .block{
 width:90%;
 min-width:300px;
 margin:0 auto;
 padding-bottom:32px;
}
.report .block h2{
 font-size:12px;
 text-align:center;
 padding:12px 0;
 margin-bottom:32px;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
.report .block .title{
 text-align:center;
 padding:12px 0;
 margin:0 0 4px 0;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
/*---------定期報告の流れ--------------*/
.report .block .cap{
 text-align:center;
 padding:12px 0;
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
}
.report .block table{
 width:100%;
 border-collapse: collapse;
}
.report .block .flow tbody{
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgb(127,127,127);
}
.report .block .flow tbody tr th{
 text-align:left;
 width:30%;
 padding:12px 0 12px 5%;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
.report .block .flow tbody tr td{
 width:30%;
 padding:12px 5% 12px 0;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
/*-------報告が必要な建築物--------*/
.report .block .list tr{
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgb(127,127,127);
}
.report .block .list tr td{
 padding:4px 16px 4px 16px;
}
.report .block .quote{
 text-align:right;
}
.report .block .quote a{
 color:rgb(0,0,0);
}
.pdf-logo{
 height:32px;
}
/*--------報告実績-----------------*/
.report .block .exp tbody tr{
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgb(127,127,127);
}
.report .block .exp tbody tr td{
 height:52px;
 padding-left:5%;
}/*--------問い合わせ先-------------*/
.report .block .form tbody{
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:rgb(127,127,127);
}
.report .block .form tbody tr{
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:rgb(127,127,127);
}
.report .block .form tbody tr th{
 text-align:left;
 width:50%;
 padding:12px 2.5% 12px 5%;
}
.report .block .form tbody tr td{
 width:50%;
 padding:12px 5% 12px 2.5%;
}
/*---コピーライト--------------------*/
#copyright{
 background-color:rgb(127,127,127);
 color:rgb(255,255,255);
 padding-bottom:4px;
 text-align: center;
 width: 100%;
 bottom:0;
}