/* スライダー及び画像の上に文字表示
--------------------------------------*/
/*
.slid1{
font-size:30px;
font-family:verdana,"HG明朝E";
font-weight:bold;
color:#00692E;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);


position:absolute;

top:10%;
left:5px;

}

*/

.rsample2{
    position:relative;
    width:auto;
}
.rsample2 span{
    position:absolute;
    bottom:10%;
    left:12%;
    /*right:36%;*/
    width:430px;
}
.rsample2 img{
    width:580px;
}

.topm {
    position:relative;
    width:auto;
}
.topm {
    position:absolute;
    bottom:70%;
    left:20%;
    width:250px;
}
.topm img{
    width:250px;
}




/*サイドメニュー お問い合わせ、ＱＲ画像
--------------------------------------*/
.cont2{
  text-align:rleft;
 }

.backg1{
display:block;
width:230px;
height:150px;
background-image:url(../img/tel.jpg);

}

a.backg1:hover{
background-image:url(../img/tel2.jpg);
}


.qr{
 display:block;
 width:230px;
 height:180px;
 background-image:url(../img/qr.jpg);
 }

/*文字
--------------------------------------*/
.work1{
  position: relative;
  text-align:center;
  margin-bottom:-43px;

}

.work2{
  font-size:22px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
 margin-bottom:-10px;

  /*position:absolute;*/
  bottom:0px;
/*  text-align:left;*/
  text-align:center;

/*  display:inline-block;
  margin-left:-140px;*/

}

@media only screen and (min-width: 992px) and (max-width: 4000px){
.work2s{
  font-size:30px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

  bottom:0px;
  text-align:right;
  padding: 5px 0 5px 0;

}
}

@media only screen and (min-width: 571px) and (max-width: 991px){
.work2s{
  font-size:30px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

  bottom:0px;
  text-align:right;
  padding: 10px 0 5px 0;

}
}

@media only screen and (max-width: 570px){
.work2s{
  font-size:20px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

  bottom:0px;
  text-align:center;
  padding: 15px 0 5px 0;

}
}

.work4{
  font-size:26px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

  /*position:absolute;*/
  bottom:0px;
  text-align:center;

/*  display:inline-block;
  margin-left:-140px;*/

}


.moj4 {
  font-size:16px;
/*  text-align:center;*/
 }

@media only screen and (min-width: 789px) and (max-width: 3000px){
.moj4-2 {
  width: 76%;
  font-size:16px;
  text-align:center;
margin: 10px auto 50px auto;
 }
}

@media only screen and (min-width: 0px) and (max-width: 788px){
.moj4-2 {
  width: 100%;
  font-size:14px;
  text-align:center;
margin: 10px auto 50px auto;
 }
}

@media only screen and (min-width: 789px) and (max-width: 3000px){
.moj4-3 {
  width: 76%;
  font-size:16px;
  text-align:left;
margin: 10px auto 50px auto;
 }
}

@media only screen and (min-width: 0px) and (max-width: 788px){
.moj4-3 {
  width: 100%;
  font-size:14px;
  text-align:left;
margin: 10px auto 50px auto;
 }
}



/*footer pc
--------------------------------------*/
.moj a {
  font-size:11px;
  color:#FFFFFF;
 }

.f-zip{
  float: left;
  margin-top:45px;
 }

.cont{
  text-align:right;
 }

/*footer スマホ
--------------------------------------*/
.mojs {
  font-size:11px;
  /*text-align:center;*/
  text-align:left;
  color:#666666;

 }

.mojs2 a {
  font-size:11px;
  /*text-align:center;*/
  text-align:left;
  color:#666666;

 }

/*footer　共通
--------------------------------------*/
.moj2{
  font-size:11px;
  text-align:right;
  margin-top:1px;
  padding-bottom:20px;
 }

.bac-col2{
	background: -webkit-linear-gradient(top, #3277F6 0%, #538EFA 30%, #79A7FB 40%, #FFFFFF 55%, #FFFFFF 100%);
	background: -moz-linear-gradient(top, #3277F6 0%, #538EFA 30%, #79A7FB 40%, #FFFFFF 55%, #FFFFFF 100%);
	background: -o-linear-gradient(top, #3277F6 0%, #538EFA 30%, #79A7FB 40%, #FFFFFF 55%, #FFFFFF 100%);
	background: -ms-linear-gradient(top, #3277F6 0%, #538EFA 30%, #79A7FB 40%, #FFFFFF 55%, #FFFFFF 100%);
	background: linear-gradient(top, #3277F6 0%, #538EFA 30%, #79A7FB 40%, #FFFFFF 55%, #FFFFFF 100%);
  padding-top:30px;
}

/*footerスマホ　共通
--------------------------------------*/
.moj3{
  font-size:11px;
  text-align:center;
  margin-top:5px;
  padding-bottom:30px;
 }

.bac-col3{
	background: -webkit-linear-gradient(top, #CBF3D6 0%, #FFFFFF 50%, #FFFFFF 90%, #FFFFFF 100%);
	background: -moz-linear-gradient(top, #CBF3D6 0%, #FFFFFF 50%, #FFFFFF 90%, #FFFFFF 100%);
	background: -o-linear-gradient(top, #CBF3D6 0%, #FFFFFF 50%, #FFFFFF 90%, #FFFFFF 100%);
	background: -ms-linear-gradient(top, #CBF3D6 0%, #FFFFFF 50%, #FFFFFF 90%, #FFFFFF 100%);
	background: linear-gradient(top, #CBF3D6 0%, #FFFFFF 50%, #FFFFFF 90%, #FFFFFF 100%);
}

/* 詳細Ｐ　メイン画像
----------------------------------------*/
.s-main{
font-size:20px;
font-family:verdana,"HG明朝E";
/*font-weight:bold;*/
color:#FFFFFF;

}

/*詳細Ｐ　文字
--------------------------------------*/
.moj5{
display:block;
  font-size:14px;
/*  float: left;
  text-align:left;*/
/*  margin-left:10px;
/*  padding-bottom:30px;*/

 }

/*会社概要　詳細文字
--------------------------------------*/
.table th{
text-align:left;
width: 100px;

}

.table p{
text-align:left;

}

/*table2設定
--------------------------------------*/
.table2 {
  border-collapse: collapse;
  /*width: 86%;*/
  font-size:14px;
  margin: 0 auto 10px;

}
.table2 th,
.table2 td {
  padding: 3px;
  /*border: 1px solid #DDDDDD;*/
}
.table2 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 30%;
}



@media screen and (max-width: 400px) {
  .table2 {
  border-top: 1px solid #DDDDDD;
  margin-bottom: 10px;
  width: 100%;
  }
.table2 th,
.table2 td {
  padding: 1px;
  border: 1px solid #DDDDDD
}
.table2 td {
  display: block;
  text-align: left;
  }
.table2 th {
  display: block;
  border-top: none;
  border-bottom: none;
  text-align: left;
  width: 100%;
  background-color: #FBFBFB;
  }
}

/*table3設定
--------------------------------------*/
.table3 {
  border-collapse: collapse;
  /*width: 100%;*/
  margin: 0 auto;
}
.table3 th,
.table3 td {
  padding: 5px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table3 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 30%;
  margin: 0 auto;
}



@media screen and (max-width: 400px) {
  .table3 {
    border-top: 1px solid #DDDDDD;
  }
  .table3 td {
    display: block;
    text-align: left;
  }
  .table3 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;
    width: 100%;
  }
}

/*table4設定
--------------------------------------*/
.table4 {
  border-collapse: collapse;
  width: 70%;
  margin: 0 auto;
}
.table4 th,
.table4 td {
  padding: 5px;
  /*border: 1px solid #DDDDDD;*/
  text-align: left;
}
.table4 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 30%;
}


@media screen and (min-width: 601px) and (max-width: 991px){
.table4 {
  border-collapse: collapse;
  width: 60%;
margin: 0 auto;
}
.table4 th,
.table4 td {
  padding: 5px;
  /*border: 1px solid #DDDDDD;*/
  text-align: left;
}
.table4 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 25%;
}
}

@media screen and (min-width: 401px) and (max-width: 600px) {
.table4 {
  border-collapse: collapse;
  width: 80%;
margin: 0 auto;
}
.table4 th,
.table4 td {
  padding: 5px;
  /*border: 1px solid #DDDDDD;*/
  text-align: left;
}
.table4 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 25%;
}
}

@media screen and (max-width: 400px) {
.table4 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table4 th,
.table4 td {
  padding: 5px;
  /*border: 1px solid #DDDDDD;*/
  text-align: left;
}
.table4 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 25%;
}
}

/*table5設定
--------------------------------------*/
.table5 {
  border-collapse: collapse;
  /*width: 39%;*/
  font-size:14px;
  margin: 0 auto 10px;
  /*text-align: center;*/

}
.table5 th,
.table5 td {
  padding: 3px;
  /*border: 1px solid #DDDDDD;*/
  /*width: 70%;*/
}
.table5 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 38%;
}



@media screen and (max-width: 400px) {
.table5 {
  border-top: 1px solid #DDDDDD;
  margin-bottom: 10px;
  width: 100%;
  }
.table5 th,
.table5 td {
  padding: 1px;
  border: 1px solid #DDDDDD
}
.table5 td {
  display: block;
  text-align: left;
  }
.table5 th {
  display: block;
  border-top: none;
  border-bottom: none;
  text-align: left;
  width: 100%;
  background-color: #FBFBFB;
  }
}

/*table6設定
--------------------------------------*/
.table6 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table6 th,
.table6 td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table6 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 30%;
}


@media screen and (max-width: 1200px) {
.table6 {
  border-collapse: collapse;
  width: 70%;
margin: 0 auto;
}
.table6 th,
.table6 td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table6 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 30%;
}
}

@media screen and (max-width: 700px) {
.table6 {
  border-collapse: collapse;
  width: 100%;
}
.table6 th,
.table6 td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table6 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 100%;
}
}

/*table7設定
--------------------------------------*/
.table7 {
  border-collapse: collapse;
  width: 80%;
  margin: 0 auto;
}
.table7 th,
.table7 td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table7 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 30%;
}



@media screen and (max-width: 991px) {
.table7 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table7 th,
.table7 td {
  padding: 10px;
  border: 1px solid #FFFFFF;
  text-align: left;
}
.table7 th {
  background-color: #FBFBFB;
  text-align: center;
  width: 100%;
}
}

/*table8設定
--------------------------------------*/
.table8 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table8 th,
.table8 td {
  padding: 5px;
  border: 0px solid #DDDDDD;
  text-align: left;
}
.table8 th {
  background-color: #FFFFFF;
  text-align: center;
  width: 5%;
}

.gi img {
  margin-top: -20px;
}


@media screen and (min-width: 991px) and (max-width: 1200px){
.table8 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table8 th,
.table8 td {
  padding: 5px;
  border: 0px solid #DDDDDD;
  text-align: left;
}
.table8 th {
  background-color: #FFFFFF;
  text-align: center;
  width: 5%;
}
.gi img {
  margin-top: -20px;
}
}


@media screen and (max-width: 990px) {
.table8 {
  border-collapse: collapse;
  width: 100%;
margin: 0 auto;
}
.table8 th,
.table8 td {
  padding: 5px;
  border: 0px solid #DDDDDD;
  text-align: center;
}
.table8 th {
  background-color: #FFFFFF;
  text-align: center;
  width: 5%;
}
.gi img {
  margin-top: -40px;
}
}

/*table9設定
--------------------------------------*/
.table9 {
  border-collapse: collapse;
  width: 80%;
  font-size:14px;
  margin: 0 auto;

}
.table9 th,
.table9 td {
  padding: 10px;
  /*border: 1px solid #DDDDDD;*/
}
.table9 th {
  /*background-color: #FBFBFB;*/
  text-align: left;
  width: 25%;
}

.cnt1 {
    padding: 0 15px 0 15px;
}


@media screen and (min-width: 641px) and (max-width: 761px){
  .table9 {
  border-collapse: collapse;
  width: 100%;
    border-top: 1px solid #DDDDDD;
  }
  .table9 td {
    display: block;
    text-align: left;
  }
  .table9 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;
    width: 100%;
  }
}


@media screen and (max-width: 640px) {
  .table9 {
    width: 100%;
    border-top: 1px solid #DDDDDD;
  }
  .table9 th,
  .table9 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .table9 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;

  }
.cnt1 {
    padding-right: auto;
    padding-left: auto;
}
}

/*table10設定
--------------------------------------*/
.table10 {
  border-collapse: collapse;
  width: 70%;
  font-size:14px;
  margin: 0 auto;

}
.table10 th,
.table10 td {
  padding: 10px;
  border: 1px solid #DDDDDD;
}
.table10 th {
  background-color: #FBFBFB;
  text-align: left;
  width: 50%;
}

.cnt1 {
    padding: 0 15px 0 15px;
}


@media screen and (min-width: 761px) and (max-width: 1200px){
  .table10 {
    border-top: 1px solid #DDDDDD;
    width: 88%;
  }
  .table10 td {
    display: block;
    text-align: left;
  }
  .table10 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .table10 {
    border-top: 1px solid #DDDDDD;
    width: 88%;
  }
  .table10 th,
  .table10 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .table10 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;

  }
.cnt1 {
    padding-right: auto;
    padding-left: auto;
}
}

/*table11設定
--------------------------------------*/
.table11 {
  border-collapse: collapse;
  width: 70%;
  font-size:14px;
  margin: 0 auto;

}
.table11 th,
.table11 td {
  padding: 10px;
  border: 1px solid #DDDDDD;
}
.table11 th {
  background-color: #FBFBFB;
  text-align: left;
  width: 30%;
}

.cnt1 {
    padding: 0 15px 0 15px;
}


@media screen and (min-width: 761px) and (max-width: 1200px){
  .table11 {
    border-top: 1px solid #DDDDDD;
    width: 88%;
  }
  .table11 td {
    display: block;
    text-align: left;
  }
  .table11 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .table11 {
    border-top: 1px solid #DDDDDD;
    width: 88%;
  }
  .table11 th,
  .table11 td {
    display: block;
    text-align: left;
    width: 100%;
  }
  .table11 th {
    display: block;
    border-top: none;
    border-bottom: none;
    text-align: left;

  }
.cnt1 {
    padding-right: auto;
    padding-left: auto;
}
}

/*スペース設定
--------------------------------------*/
.space{
margin-bottom:10px !important;/*指定を優先させる*/
}


/*リンクバナー装飾設定
--------------------------------------*/
.link_box{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  height: 70px;
  line-height: 70px;

    position:relative;
    width:30%;
    padding:3%;
    border:solid 3px #5991F9;
    margin:0px auto ;
}
 
.link_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:0px;
}

.link_box a:hover{
    background-color:#3277F6;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    /*opacity: 0.5;/背景色濃度調整*/
    color: #fff;
}

/*リンクバナー装飾設定2
--------------------------------------*/
.link_box2{
  font-size:18px;
  font-weight:bold;
  text-align:center;
  height: 70px;
  line-height: 70px;

    position:relative;
    width:30%;
    padding:3%;
    border:solid 3px #F7BF4D;
    margin:0px auto ;
}
 
.link_box2 a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:0px;
}

.link_box2 a:hover{
    background-color:#F7BF4D;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    /*opacity: 0.5;/背景色濃度調整*/
    color: #fff;
}
 
/*リンクバナー帯色
--------------------------------------*/
#lbanncol {
    background-color:#CDDEFD;

}

#lbanncol2 {
    background-color:#FDF0D6;
    padding: 20px;
}



/*コンテンツ背景色
--------------------------------------*/
.cont-bcolor {
  padding:30px 0 25px;
  background-color: #5991F9;

}

.cont-bcolor2 {
  padding:30px 0 25px;
  background-color: #5991F9;

}

.cont-bcolor3 {
  padding:30px 0 25px;
  background-color: #F7BF4D;

}

.cont-bcolor4 {
  padding:15px 0 15px;
  color: #FFFFFF;
  background-color: #786F44;

}


/*画像横２枚並びレスポンシブ対応*/
@media only screen and (min-width: 789px) and (max-width: 3000px){
.imgArea1 {
margin-bottom: -12px;
width: auto;
display: table;

}

.imgArea1 a {
display: table-cell;

}

.imgArea1 img {
width: 50vw;
height: auto;
}

}

@media only screen (max-width: 788px){
.imgArea1 {
margin-bottom: -12px;
width: auto;
display: table;

}

.imgArea1 a {
display: table-cell;

}

.imgArea1 img {
width: 50vw;
height: auto;
}

}

/*画像横２枚並びレスポンシブ対応　タイプ2*/
@media only screen and (min-width: 789px) and (max-width: 3000px){
.imgArea3 {
margin-bottom: 0px;
width: auto;
display: table;

}

.imgArea3 a {
display: table-cell;

}

.imgArea3 img {
width: 50vw;
height: auto;
}

}

@media only screen (max-width: 788px){
.imgArea3 {
margin-bottom: -12px;
width: auto;
display: table;

}

.imgArea3 a {
display: table-cell;

}

.imgArea3 img {
width: 50vw;
height: auto;
}

}

/*画像横３枚並びレスポンシブ対応*/
@media only screen and (min-width: 789px) and (max-width: 3000px){
.imgArea2 {
margin-bottom: 0px;
width: auto;
display: table;

}

.imgArea2 a {
display: table-cell;

}

.imgArea2 img {
width: 33.333vw;
height: auto;
}

}

@media only screen (max-width: 788px){
.imgArea2 {
margin-bottom: 0px;
width: auto;
display: table;

}

.imgArea2 a {
display: table-cell;

}

.imgArea2 img {
width: 33.333vw;
height: auto;
}

}

/*オンマウス画像カラー変更*/
.overcol{
    background-color:#ffffff;
    display:block;
}

/*オンマウス画像ＺＯＯＭ*/
.overcol:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;

}


/*横スクロールを消す*/
.body{
 overflow: auto;
 }

.html{
 overflow-x: hidden;
 }

/*FB画像背景*/
.fbbkcol{
    background-color:#192E6D;

}

/*footer 背景色*/
.focol{
    padding-top:10px;
    background-color:#79A7FB;

}

.focol4{
    padding-top:10px;
    background-color:#FFFFFF;
    color: #FFF;

}

/*footerスマホ 背景色*/
.focol2 {
    padding-top:10px;
    background-color:#79A7FB;
    color: #FFFFFF;
    padding-bottom:10px;
}

/*footerスマホ リンク色*/
.focol3 a {
    color: #000;
}


/*ページ最下位背景*/
.undercol{
    padding-top:10px;
    background-color:#FFFFFF;
    color: #FFFFFF;

}

.undercol2{
    padding:10px 0 0 0;
    background-color:#FFFFFF;
    color: #666666;

}

/*施工実績背景*/
.wbkcol{
    background-color:#A3C3FE;

}

/* スマホメニュー色
--------------------------------------*/
.navcol a{
background-color: #8FB6FD;/* 55％不透明度（＝45％透過） */
/*background-color: rgba( 34, 75, 254, 0.15 );/* 55％不透明度（＝45％透過） */
color: #FFFFFF;/* メニュー文字色 */
height:40px;
padding-top:10px;
}

#navcol2 *{
background-color: #8FB6FD;
font-size:14px;
color: #FFFFFF;/* メニュー文字色 */

}

/*.navcol2 :hover{color:#FA7102};/* マウスONメニュー文字色 */
/*.navcol2 :hover{background-color:#BDFBBD};/* マウスONメニュー背景色 */

/* マウスONメニュー背景文字色 */
#navcol2 :hover{
background-color:#CDDEFD;
color:#212121;
/*text-shadow: 1px 1px 5px rgba(255, 255, 255, 1.0);
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 

}

#active *{
background-color:#538EFA;
}

/* スマホメニューボタン色
--------------------------------------*/

/*下記場所に追加
bootstrap.min.css
77列

background-color:#8FB6FD;/*追加*/



/* スマホメニュー色2
--------------------------------------*/
.navcol3 a{
background-color: #8FB6FD;/* 55％不透明度（＝45％透過） */
/*background-color: rgba( 34, 75, 254, 0.15 );/* 55％不透明度（＝45％透過） */
color: #FFFFFF;/* メニュー文字色 */
height:40px;
padding-top:10px;
}

#navcol4 *{
background-color: #BFBFBF;
font-size:14px;
color: #FFFFFF;/* メニュー文字色 */
border-bottom: 1px solid #EFEFEF; /* 下側の1本線 */

}

/*.navcol2 :hover{color:#FA7102};/* マウスONメニュー文字色 */
/*.navcol2 :hover{background-color:#BDFBBD};/* マウスONメニュー背景色 */

/* マウスONメニュー背景文字色 */
#navcol4 :hover{
background-color:#9C9C9C;
color:#FFFFFF;
/*text-shadow: 1px 1px 5px rgba(255, 255, 255, 1.0);
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 

}

#active4 *{
background-color:#9C9C9C;/*該当ページ時*/
font-weight:bold;/*太文字*/
letter-spacing: 2px;/*文字間*/
}

/* スマホメニューボタン色
--------------------------------------*/

/*下記場所に追加
bootstrap.min.css
77列

background-color:#9ED9F5;/*追加*/

/* スマホメニューボタン色通常時*/
.navbar-toggle {
background-color:#ddd;
}


/* スマホメニュー高さ
--------------------------------------*/
.panel-body {
padding: 0 15px 0 15px;

}

.navbar-nav {
    margin: 1px -15px;
}

.navbar {
    margin-bottom: -10px;
    padding-left: 12px;
}
/* ロールオーバー
--------------------------------------*/
body {
    /*margin:0;
    padding:0;*/
}

.bnr {
    /*margin:0;
    padding:0;*/
}

.bnr li {
    /*float:left;
    list-style:none;
    margin-right:0;*/
}

/* お問い合わせフォーム設定
--------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 3000px){
.fo {
margin-left: 11%;

}

}


.work3{
  font-size:24px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);

  /*position:absolute;*/
  bottom:0px;
  text-align:center;

/*  display:inline-block;
  margin-left:-140px;*/

}

/* TOPメッセージ
--------------------------------------*/
.moj6 {
width:68%;
font-size:20px;
/*text-align:center;*/
text-align:center;
margin: 10px auto 50px auto;

font-family:"HG明朝E";
font-weight:bold;
}

.moj6-2 {
width:62%;
  font-size:22px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  bottom:0px;
text-align:center;
margin: 70px auto 10px auto;

font-family:"HG明朝E";
font-weight:bold;
}

@media only screen and (min-width: 789px) and (max-width: 1200px){
.moj6 {
width:86%;
font-size:20px;
text-align:center;
margin: 30px auto 30px auto;

font-family:"HG明朝E";
font-weight:bold;
}
}

@media only screen and (max-width: 788px){
.moj6 {
width:96%;
font-size:20px;
text-align:center;
margin: 30px auto 30px auto;

font-family:"HG明朝E";
font-weight:bold;
}
}

.moj7 {
  font-size:18px;
  color: #666666;/* 文字色 */
  text-align:left;
}


/* footer pc メニュー位置
--------------------------------------*/
.me1 {
  text-align:right;
}

/* 非リンク
--------------------------------------*/
#me20 a.sn1/*縦線*/
{
  pointer-events:none;/*リンクを非リンクに変える*/
  cursor:default;/*マウスカーソルを矢印のまま変えない*/
  /*text-decoration:none;/*下線を消す*/
  /*color:#000000;/*非リンクの文字色と同じにする*/
}

#me20 a.active1
{
  pointer-events:none;/*リンクを非リンクに変える*/
  cursor:default;/*マウスカーソルを矢印のまま変えない*/
  /*text-decoration:none;/*下線を消す*/
  color:#367701;/*非リンクの文字色と同じにする*/
  font-weight:bold;/*太文字*/
  letter-spacing: 2px;/*文字間*/
}

/* header pc sm メニューバックカラー
--------------------------------------*/
.hme-bc1 {
  background-color: #786F44;
  border-radius: 0px;/*帯の角丸形*/
  margin: -10px 0 0 -1px;

}

/* header pc メニュー位置
--------------------------------------*/
.hme1 {
  float: right;
}

/* header pc メニュー文字カラー
--------------------------------------*/
.navbar-default .navbar-nav>li>a {
  color:#786F44;

}


/* header pc メニューactive文字・バックカラー
--------------------------------------*/

/* スマホの時だけtelリンクを有効にする
--------------------------------------*/
.tel-link {
    color: #333;
    font-size: 18px;
    /*font-weight: bold;*/
}

.tel-link2 {
    /*color: #666666;*/
    font-size: 11px;
    /*font-weight: bold;*/
}

.tel-link2 a {
    /*color: #666666;*/
    font-size: 11px;
    /*font-weight: bold;*/
}

.tel-link3 {
    /*color: #FFFFFF;*/
    font-size: 14px;
    /*font-weight: bold;*/
}

.tel-link3 a {
    /*color: #FFFFFF;*/
    font-size: 14px;
    /*font-weight: bold;*/
}

/* スマホの時だけFAXリンクを無効にする
--------------------------------------*/
.fax a {
  pointer-events: none;
}


/* mapをレスポンシブに対応
--------------------------------------*/
#map_container {
  position: relative;
  padding-top: 35%;/*表示高さ*/
}
#map {
  position: absolute;
  width: 100%;
  height: 100%;/*100%は変えない事*/
  top: 0;
}


/* コンテンツ2
--------------------------------------*/
.content20 {
    padding: 0px;

}

.wid20 {
    padding: 0px;

}

.img20 img{
    width: 100%;
}

/* 画像の上に文字
--------------------------------------*/
.mojset1{
  position:relative;

}

.mojset2{
  position:absolute;
  top:45%;
  left:45px;
  width:350px;
  color:#FFFFFF;
  font-size: 28px;
  font-family:"HG明朝E";
  font-weight:bold;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 1.5);

}

/* teble タイトル文字
--------------------------------------*/
.title1{
font-weight: bold;
  font-size: 18px;
}

/* TOP画像１
--------------------------------------*/
@media only screen and (min-width: 789px) and (max-width: 3000px){
.gaz {
  margin-right:17%;
  margin-left:17%;
}
}

@media only screen (max-width: 788px){
.gaz {
  margin-right:0%;
  margin-left:0%;
}
}

.resizeimage img { width: 100%; }

/* 文字位置
--------------------------------------*/
.moj8 {
  margin-top: 50px;
  color:#212121;
}

.moj9 {
  font-size:11px;
  text-align:left;
  margin-left: -20px;
  color:#212121;
}

.moj9b {
  font-size:11px;
  text-align:left;
  color:#212121;
  text-decoration:none;
}

a {
  color: #000;
}

.moj10 {
  /*border-right: 1px solid #FFFFFF; /*１本線*/
  border-right: 1px dotted #818181; /*点線*/
  top: 20px;
  bottom: 25px;

}

/* タイトル画像位置
--------------------------------------*/
.tg {
  margin-top: -7px;
}

/* ページ内メニュー位置
--------------------------------------*/
.pe ul {
	list-style-type: none;

}
.pe li {
	background: #FFF;
	width: 25%;
	height: 50px;
	padding: 0;
	margin: 0;
        text-align:center;
}
.pe .float {
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.pe .float li {
}

.pe .nav>li>a:hover {
	background-color: #FFF;
}

/* ページ内メニュー位置２
--------------------------------------*/
.pe2 ul {
	list-style-type: none;
}
.pe2 li {
	background: #FFF;
	width: 33%;
	height: 50px;
	padding: 0;
	margin: 0;
        text-align:center;
}
.pe2 .float {
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.pe2 .float li {
}

.pe2 .nav>li>a:hover {
	background-color: #FFF;
}

/* 文字サイズ
--------------------------------------*/
.moj11 {
  font-size:12px;

}

.moj12 {
  font-size:16px;
}

#moj13 h1{
  margin: 0 0 5px 5px;
  font-size:10px;
  font-weight:normal;
  color: #9A9A9A;
}

.moj14 {
width:68%;
font-size:34px;
/*text-align:center;*/
text-align:center;
margin: 10px auto 50px auto;

font-family:"HG明朝E";
font-weight:bold;
}

@media only screen and (min-width: 789px) and (max-width: 1200px){
.moj14 {
width:86%;
font-size:32px;
text-align:center;
margin: 30px auto 30px auto;

font-family:"HG明朝E";
font-weight:bold;
}
}

@media only screen and (max-width: 788px){
.moj14 {
width:96%;
font-size:26px;
text-align:center;
margin: 30px auto 30px auto;

font-family:"HG明朝E";
font-weight:bold;
}
}

.moj15 {
  font-size:14px;
  text-align:center;

}

/* 画像と文字を並べる
--------------------------------------*/
.gm p{
 display:inline-block;
 vertical-align:middle;
}

/* 点線
--------------------------------------*/
hr{
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
}

/* 横並びの画像をレスポンシブ対応に（２枚）
--------------------------------------*/
@media only screen and (min-width: 789px) and (max-width: 3000px){
.img-flex {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.img-flex img {
    width: 49.5%;/*画像と画像の間にスペースを入れたい場合*/
    height: 100%;
}
}

@media only screen and (min-width: 789px) and (max-width: 3000px){
.img-flex2 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.img-flex2 img {
    width: 96%;/*画像と画像の間にスペースを入れたい場合*/
    height: 100%;
}

}

@media only screen and (min-width: 789px) and (max-width: 3000px){
.img-flex3 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.img-flex3 img {
    width: 96%;/*画像と画像の間にスペースを入れたい場合*/
    /*height: 100%;*/
}

}

@media only screen and (min-width: 789px) and (max-width: 3000px){
.img-flex4 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.img-flex4 img {
    width: 100%;/*画像と画像の間にスペースを入れたい場合*/
}

}

/* マウスONで画像の不透明度調整
--------------------------------------*/
.phot:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;

}

/* 画像位置
--------------------------------------*/
.gid img {
margin: 0 auto;

}

.gid2 img {
margin: 0 auto 30px auto;

}

.gid3 img {
margin: 0 0 15px 0;

}

/* 画像サイズ
--------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 460px){
.imgw {
  padding: 3px;
}
}

/* コンテンツ位置
--------------------------------------*/
.contw {
margin: 0 10%;

}

#contw2 {
  margin-left: 1%;
  margin-right: 0.1%;

}

/* コンテンツ
--------------------------------------*/
.cont3 {
  padding: 0 0 100px 0;

}

/* スマホロゴ
--------------------------------------*/
.lo img {
  padding: 20px 0 0 5px;

}

/* Mapコンテンツ
--------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 4000px){
.map1 {
float: left;
width: 49%;
margin: 10px 0 10px 0;
}
}

@media only screen and (min-width: 992px) and (max-width: 4000px){
.map2 {
float:right;
width: 49%;/**/
margin: 10px 0 10px 0;
}
}

@media only screen and (min-width: 0px) and (max-width: 991px){
.map3 {
display: inline-block;
width: 100%;/**/
margin: 10px 0 10px 0;
}
}

/* 画像の上に画像
--------------------------------------*/
.box {
    position:relative;
    top: 20%;
}
     
.box .background { z-index: 0; }
     
.box .photo {
    z-index: 10;
    position: absolute;
    bottom: -30px;
    /*top: 230px;*/
    left: 250px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
     
.box .photo img {
    width: 100%;
    max-width: 430px;
    height: auto;
}

/*アイコン
-------------------------------------*/
.icg img {
margin-right: 7px ;
}

/*画像の横並び
-------------------------------------*/
/*
*, *:before, *:after {
	box-sizing: border-box;
}
*/
.col_5{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */

}
.col_5 > div{
	width: 20%;
	padding: 10px;
}
.col_5 > div > div{
	position: relative;
	overflow: hidden
}
@media screen and (max-width: 960px) {
	.col_5 > div{
		width: 25%;
	}
}
@media screen and (max-width: 480px) {
	.col_5 > div{
		width: 33.33333%;
	}
}

/*太字解除
-------------------------------------*/
.mojb {
  font-weight: normal;
}

/*コンテンツ2
-------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 3000px){
.wd {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

.wd img {
  /*text-align: right;*/
  margin: 0 auto;
}
}

@media screen and (min-width: 991px) and (max-width: 1200px){
.wd {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;

}

.wd img {
  margin: 0 auto;
}
}

@media screen and (min-width: 681px) and (max-width: 991px){
.wd {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

.wd img {
  margin: 0 auto;
}
}

@media screen and (max-width: 680px) {
.wd {
  border-collapse: collapse;
  margin: 0 auto;
}

.wd img {
  margin: 0 auto;
}
}

/*コンテンツ3
-------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 3000px){
.wd2 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

.wd2 img {
  /*text-align: right;*/
  margin: 0 auto;
}
}

@media screen and (min-width: 991px) and (max-width: 1200px){
.wd2 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;

}

.wd2 img {
  margin: 0 auto;
}
}

@media screen and (min-width: 681px) and (max-width: 991px){
.wd2 {
  border-collapse: collapse;
  width: 80%;
  margin: 0 auto;
}

.wd img {
  margin: 0 auto;
}
}

@media screen and (max-width: 680px) {
.wd2 {
  border-collapse: collapse;
  margin: 0 auto;
}

.wd2 img {
  margin: 0 auto;
}
}

/*コンテンツ4
-------------------------------------*/
@media screen and (max-width: 680px){
.container {
padding-right: 1px;
padding-left: 1px;
}
}

/*コンテンツ5
-------------------------------------*/
@media screen and (min-width: 601px) and (max-width: 991px){
.wd5 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

.wd5 img {
  margin: 0 auto;
}
}

@media screen and (max-width: 600px) {
.wd5 {
  border-collapse: collapse;
  margin: 0 auto;
}

.wd5 img {
  margin: 0 auto;
}
}

/*コンテンツ6
-------------------------------------*/
@media screen and (min-width: 601px) and (max-width: 991px){
.wd6 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto;
}

.wd6 img {
  margin: 0 auto;
}
}

@media screen and (max-width: 600px) {
.wd6 {
  border-collapse: collapse;
  margin: 0 auto;
}

.wd6 img {
  margin: 0 auto;
}
}