@charset "utf-8";
/* CSS Document */

/*===============================================
●画面の横幅が767pxまで（736pxより大きく、768px未満）　
===============================================*/
@media screen and ( max-width:767px ) {

/* フッター固定 */ 
body,
html {
  height: auto;
}

#container {
  width: 100%;
  position: relative;
  height: auto;
  height: auto;
  min-height: auto;
}

#contents {
  padding-bottom: 0;
}

footer {
  position: relative;
  bottom: 0;
  width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
}

#container {
  width: 100%;
}

header div.wrap:after {
  content: "";
  display: block;
  clear: both
}

header .wrap .ut,
header .wrap nav {
  display: none;
}

/*********************************************/
/*ページ共通*/
/*********************************************/
html {
  overflow-x: hidden;
  /*overflow-y: hidden;*/
}

/*header…関連*/
/*********************************************/
header {
  height: auto;
}

.inner {
  width: auto;
  padding: 20px 0;
}

.wrap {
  width: auto;
  padding-top: 10px;
}

.cp {
  display: none;
}

.sp {
  display: inherit;
}

header .wrap {
  width: auto;
  padding: 25px 0 20px;
}

#header-logo {
  text-align: center;
}

#header-logo img {
/*padding-left:10px;*/
}

/*ドロワーメニュー*/
/*********************************************/
.btn {
  background: transparent url(../../img/usr/common/btn.png) no-repeat 0 0;
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  bottom: 8px;
  left: 8px;
  cursor: pointer;
  z-index: 200;
}

.btn-drawer {
  background: transparent url(../../img/usr/common/btn.png) no-repeat -35px 0;
  display: block;
  width: 35px;
  height: 35px;
  position: absolute;
  top: 60px;
  left: 8px;
  cursor: pointer;
  z-index: 200;
}

.peke {
  background-position: -35px 0;
}

.drawer-back {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;

  transition: all 2s ease-out 0s;
}

.drawr {
  position: absolute;
  top: 0;
  left: 0;
  padding: 120px 0 20px 0;
  z-index: 101;

  -ms-transition: all .2s ease-out 0s;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

.drawer-show {
  display: block;
  width: 80%;

  -ms-transition: all .2s ease-out 0s;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

.drawer-hide {
  width: 0;

  -ms-transition: all .2s ease-out 0s;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}

#menu, #menu li {
  margin: 0;
  padding: 0;
  padding-left: 10px;
}

#menu li {
  width: 240px;
}

#menu li a {
  color: #fff;
  display: block;
  padding: 10px;
}

#menu li a:hover {
  color: #bf060e;
  display: block;
  padding: 10px;
}

#breadcrumb .inner {
  width: auto;
}

#contents {
  margin: 0 8px;
}

#contents h2 {
  margin: 0 0 20px 0;
}

#contents h3 {
  margin: 0 0 4px 0;
}

#comtents-main section {
  padding: 0 0 20px;
}

/*ページ共通---お問い合わせ*/
/*********************************************/
#contact-area .contact-box {
  width: 100%;
}

#contact-area dl {
  width: 100%;
  float: none;
}

#contact-area dl .button {
  width: 100%;
  margin-top: -4px;
}

#contact-area dl .contact-box-ttl {
  padding-bottom: 1em;
}

/* footer */
/*********************************************/
footer .ut ul li {
  float: none;
}

#footer-bottom .ut2 ul li {
  float: none;
  margin-right: 23px;
}

footer .ut ul li a {
  /*display:block;*/
  height: 40px;
  line-height: 40px;
  padding: 0 17px 0 35px;
  background-position: 15px center;
}

footer .ut2 ul li a {
  /*display:block;*/
  height: 23px;
  line-height: 23px;
  padding: 0 17px 0 35px;
  background-position: 23px center;
}

#footer-top {
  width: auto;
  padding: 10px 0;
}

#footer-bottom {
  width: auto;
  padding: 0;
}

.copyright {
  padding: 10px 15px;
}

/************************************/
/*トップページ*/
/************************************/
#main-img {
  display: none;
}

#main-img2 {
  display: inherit;
  height: auto;
  padding: 0;
}

#report ul li dd {
  width: 100%;
}

#top-link ul li {
  float: none;
  text-align: center;
  margin: 0 0 10px;
}

/*********************************************/
/*パブリシティページ*/
/*********************************************/
#comtents-main section.pablicity {
  padding: 0 0 20px;
}

/*********************************************/
/*会社概要ページ*/
/*********************************************/
.data-area {
  border-top: 1px solid #999;
}

.data-area td {
  display: block;
}

.data-area th {
  display: block;
  border-top: none;
  border-bottom: none;
  width: 100%;
}

/*********************************************/
/*レポート一覧ページ*/
/*********************************************/
#report-area ul li dt {
  font-size: 16px;
  margin: 0 0 5px;
  line-height: 1.5;
  background: #999;
  color: #fff;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  float: none;
  width: 200px;
  text-align: center;
}

#report-area ul li dd {
  float: none;
  width: 100%;
}

/*********************************************/
/*個人情報保護ページ*/
/*********************************************/
.p-bt20 {
  padding-bottom: 10px;
}

.br {
  display: block;
  width: 6.5em;
  content: "\A";
  white-space: pre;
  background-color: #eee;
}

/*********************************************/
/*お問い合わせページ*/
/*********************************************/
.item_label {
  float: none;
}

.item_input {
  padding: 0 10px 0 0;
  border-bottom: none;
}

.item_input input[type="text"],
.item_input textarea {
  width: 100%;
}

#name01 {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5px;
}

#name02 {
  width: 100%;
}

#tel01,
#tel02 {
  margin-bottom: 5px;
}

.submit-bt {
  margin: 40px auto;
  width: 100%;
}

.bt-top {
  width: 100%;
}/*お問い合わせ完了*/

#contact-complete .button {
  margin-top: 20px;
  width: 100%;
}
/*********************************************/
/*saitmapページ*/
/*********************************************/
#sitemap-area ul {
  width: 100%;
}

}
/*@media screen 設定終了*/

@media screen and (max-width: 479px) {

.data-area,
.data-area tr,
.data-area td,
.data-area th {
  display: block;
}

.data-area th {
  width: auto;
}
}