@charset "utf-8";
/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:959px){
nav#mainNav{
  display:  block;
}
#header h1 {
  position: relative;  
  color:#2F7FBA;
}
body{
  background: none;
  
}

#topnav, .headerSiten {
  display: none;
}

.headerTodoke{
  float:none;
  text-align:center;
}

#wrapper{
  padding:0;
}

#sidebar{
  float:none;
  width:100%;
  padding:0;
}

.bannerToiawase{
  display:  block;
  width:100%;
}

  nav#mainNav{
  background:none;
  border:0;
  padding:0;
  margin:0;
  width:100%;
  margin-top:10px;
  }

  nav#mainNav a.menu{
  width:100%;
  display:block;
  height:40px;
  line-height:40px;
  font-weight: bold;
  text-align:left;
  /*border:1px solid #a4a6ac;*/
  color:#fff;
  background: #2F7FBA  url(images/base/menuOpen.png) no-repeat 1em 50%;
  }

  nav#mainNav a#menu span{padding-left:3em;}

  nav#mainNav a.menuOpen{
  border-bottom:0;
  color:#fff;
  background: #2F7FBA  url(images/base/menuClose.png) no-repeat 1em 50%;
  }

  nav#mainNav a#menu:hover{cursor:pointer;}
  nav .panel{
  display: none;
  width:100%;
  position: relative;
  right: 0;
  top:0;
  z-index: 1;
  /*border:1px solid #a4a6ac;*/
  border-top:0;
  }

  .panel ul{margin:0;padding:0;}

  .panel ul li{
  float: none;
  clear:both;
  width:100%;
  height:auto;
  line-height:1.4;
  }

  .panel ul li a,.panel ul li.current-menu-item li a{
  display: block;
  /*width:100%;*/
  /*padding:1em 0;*/
  padding:1em;
  height:auto;
  text-align: left;
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f6f7f6));
  background: -webkit-linear-gradient(top, #fff, #f6f7f6);
  background: -moz-linear-gradient(top, #fff, #f6f7f6);
  background: -o-linear-gradient(top, #fff, #f6f7f6);
  background: -ms-linear-gradient(top, #fff, #f6f7f6);
  background: linear-gradient(top, #fff, #f6f7f6);
  border-top:1px solid #a4a6ac;
  border-bottom:1px solid #fff;
  }

  .panel ul li a span{
  padding-left:1em;
  }

  .panel ul li.current-menu-item a,.panel ul li a:hover,.panel ul li.current-menu-item a,.panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active{
  color:#5f6388;
  }

  .panel ul li.current-menu-item li a{color:#181f3e;}

  .panel ul li li{
  float:left;
  border:0;
  }

  .panel ul li li a, .panel ul li.current-menu-item li a, .panel ul li li.current-menu-item a,.panel ul li li a:hover,.panel ul li.current-menu-item li a:hover{
  border-top:1px dotted #a4a6ac;
  border-bottom:1px dotted #fff;
  background:url(images/base/sub1.png) no-repeat 15px 50%;
  }

  .panel ul li li.first-child a{border:0;}

  .panel ul li li:last-child a,.panel ul li li:last-child a:hover,.panel ul li.current-menu-item li:last-child a:hover{background:url(images/base/subLast.png) no-repeat 15px 50%;}

  .panel ul li li a span{padding-left:25px;}

  nav div.panel,#searchHead{float:none;}

  #searchHead{margin-top:10px;text-align:right;}


  #wrapper, #header, .inner{width:100%;}

  #header h1, #header h2{padding-left:10px;}

  .panel ul, .thumbWrap, .thumbWrap_PR{margin:0 auto;}
  .panel ul ul{padding:0;}

#base {
width:100%;
margin:auto;
padding:0;
border:none;
}

#header {
  height:auto;
  width:100%;
  background:none;
}
#header h1 {
  position: static;
}
.sitename {
  position: static;
  padding:10px 0;
}
.kameiDantai{
  float:none;
  margin:auto;
  padding:auto;
}
#side{
  float:none;
  width:100%;
  padding:0;
}
#side .side_box {
  width:100%;
}
#side .side_box .side_inbox {
  width:100%;
}
#side li a {
  width:auto;
}
#side h3 {
  background-image: url(images/h3_side_sp.gif);
}
#main{
  float:none;
  width:100%;
  padding:0;
  padding-top:20px;
  border:none;
  
}

#content {
  float:none;
  width:100%;
  padding:0;
}
#content .box_out {
  padding:0;
}
#side h3{
  background-repeat:  no-repeat;
}
#side .side_box {
  padding-left:0;
  padding-right:0;
}
#side .side_box .side_inbox {
  border:none;
}
#footer{
  width:auto;
  height:auto;
}
#footer li a {
  float:none;
}
address {
  text-align:center;
  padding:0;
}

.maxWidth{
  display:  block;
  width:100%;
}

/* ---------------- */
#content table {
  width:100%;
}
img.officeImg{
  width:80%;
  margin:auto;
  display:  block;
}

.numberPadding {
  float:  none;
  width:100%;
  display:  block;
}
.textPadding {
  float:  none;
  width:100%;
  display:  block;
}


div.wpcf7 input[type="text"]{
  width:80%;
}
div.wpcf7 textarea {
  width:100%;
}

.mainimage{
  width:100%;
}


div.indexBannerList a{
  background:none;
}

div.indexBannerList img{
  display:  block;
  float:left;
  width:48%;
  padding:1%;
  padding-bottom:0;
  margin-bottom:1%;
}

.flowImg{
  width:100%;
}

div.indexAnsinList img {
  float: none;
  width: 100%;
  height:auto;
  /*margin-bottom: 32px;*/
}
div.indexAnsinList .text {
  float: none;
  width: 100%;
  font-size: 14px;
  /*margin-bottom: 24px;*/
}

div.indexBannerList:after {
  display: block;
  clear: both;
  content: "";
  
}
div.indexBannerList img.last, div.indexTopBanner img.last {
  padding: 1%;
  padding-bottom:0;
}
div.indexTopBanner img{
  display: block;
  width:100%;
  float:none;
  padding:0;
}


.widget_text img.banner{
  width:100%;
}

.mainimage{
  margin-top:10px;
}

.spHide{
  display: none;
}
.pcHide{
  display:block;
}

.logo{
  float:none;
  display:  block;
  width:100%;
  text-align:center;
}

.footerMenuArea{
  width:100%;
  }

#main ul{
  margin-left:0;
}

#footer #logo{
  float:none;
  display:  block;
  width:100%;
  
}
.box{
  float:none;
  display:  block;
  width:100%;
  margin:0;
}
#footer ul{
  margin-bottom:0;
}
#footer li {
  list-style:none;
}

.sideBanner img{
  width:100%;
}
.sideBlock{
  width:100%;
  border:1px solid #CCCCCC;
  padding:10px 0;
}

#main h3 {
  letter-spacing:   0;
}
#sidebar h3 {
background: url(images/heading.png) no-repeat;
}

.sideSitenImg{
  float:none;
  width:100%;
  text-align:center;
}
.sideSitenAddress{
  float:none;
  width:100%;
}
.sideSitenImg img{
    width:50%;
}

#pageTitle {
  margin-top:20px;
}

#main dl , #main dt{
  width:100%;
  margin:0;
  padding:10px 0;
}

#main dd {
  position: static;
  margin:0;
  width:89%;
  margin-left:10%;
  padding:10px 0;
  border:none;
}

#item {
  height:auto;
  margin-bottom:0;
}
#item li {
  display: block; 
  float:left;
  width:49%;
}

#item li a {
  /*float:left;*/
  width:100%;
}

#item ul.item {
  width:100%;
}

#item ul:after{
  display:  table;
  clear:both;
  content:  "";
}

.companyTableImage{
  display:  none;
}

.companyTable, .companyTableInner{
  width:100%;
}

#main .naiyo {
  padding:10px 0;
}

table{
  width:100%;
}

img {
  max-width:100%;
}

.blogTitle1{
    font-weight:bold;
    font-size:18px;
    padding:16px 10px;
    background: none;
    border:1px solid #CCCCCC;
    width:auto;
    height:auto;
    margin-top:20px;
}

}