@charset "UTF-8";

.post-Pagenation{
  margin-top:20px;
  margin-bottom:30px;
}

.post-Pagenation_Items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  margin-left:0;
  list-style-type:none;
  line-height:1;
}

.post-Pagenation_Item{
  margin:0 8px;
}

.post-Pagenation_Link{
  display:block;
  text-decoration:none;
}

.post-Pagenation_Item > .page-numbers{
  box-sizing:border-box;
  display:block;
  height:100%;
  padding:10px 15px;
  border:1px solid #DFDFDF;
  background:#F6F6F6;
  color:#000000;
  text-decoration:none;
  font-size:14px;
}

.post-Pagenation_Item > .page-numbers:hover{
  opacity:0.8;
}

.post-Pagenation_Item > .dots{
  content:' ';
  padding:0;
  border:none;
  width:1px;
  border-right:1px dashed #F6F6F6;
  background:none;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

.post-Pagenation_Item > .current{
  border-color:#1472D3;
  background:linear-gradient(to bottom, #1A91D5, #1472D3) !important;
  color:#ffffff;
}

.post-Pagenation_Item > .prev, .post-Pagenation_Item > .next{
  display:none;
}

.doc-Breadcrumbs{
  display:none;
}

.doc-Breadcrumbs_Container{
  width:100%;
  min-width:100%;
  margin-right:auto;
  margin-left:auto;
  box-sizing:border-box;
  padding-right:15px;
  padding-left:15px;
}

.doc-Breadcrumbs_Items{
  margin-left:0;
  list-style-type:none;
}

.doc-Breadcrumbs_Item{
  position:relative;
  display:inline-block;
  font-size:13px;
  color:#000000;
}

.doc-Breadcrumbs_Item:not(:first-child):before{
  width:25px;
  display:inline-block;
  text-align:center;
  text-decoration:none;
  content:">";
  font-size:.7em;
  vertical-align:middle;
  color:#000000;
}

.doc-Breadcrumbs_Item > a{
  font-size:13px;
  color:#000000;
}

.doc-Breadcrumbs_Item > a:hover{
  color:#000000;
}

.doc-Breadcrumbs{
  margin-bottom:10px;
}

.doc-Breadcrumbs_Item:not(:first-child):before{
  content:">";
}

.works-Category{
  margin-bottom:30px;
  background:#F6F6F6;
}

.works-Category_Title{
  padding-top:5px;
  padding-bottom:5px;
  background:linear-gradient(to bottom, #1A91D5, #1472D3);
  font-size:14px;
  font-weight:bold;
  text-align:center;
  color:#ffffff;
}

.works-Category_Content{
  padding:25px;
  background:#F6F6F6;
}

.works-Category_Title2{
  margin-bottom:8px;
  padding-bottom:5px;
  border-bottom:1px solid #DFDFDF;
  font-weight:bold;
}

.works-Category_Title2 ~ .works-Category_Title2{
  margin-top:20px;
}

.works-Category_List a{

}

.works-List{
  margin-top:20px;
  margin-bottom:40px;
}

.works-List_Items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-width:100%;
  list-style-type:none;
  margin-bottom:-20px;
}

.works-List_Items > *:first-child{
  margin-left:0 !important;
}

.works-List_Items > *:last-child{
  margin-right:0 !important;
}

.works-List_Item{
  position:relative;
  -webkit-flex:0 0 auto;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:31.333%;
  margin-bottom:20px;
}

.works-List_Item:nth-child(n){
  margin-right:1.5%;
  margin-left:1.5%;
}

.works-List_Item:nth-child(3n){
  margin-right:0;
}

.works-List_Item:nth-child(3n+1){
  margin-left:0;
}

.works-ListUnit_Link{
  display:block;
  text-decoration:none;
}

.works-ListUnit_ImageWrapper{
  padding:6px;
  border:1px solid #E3E3E3;
}

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

.works-ListUnit_TextWrapper{
  margin-top:5px;
}

.works-Article{
  margin-bottom:50px;
}

.works-Article_Media{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  margin-top:20px;
}

.works-Article_ImageWrapper{
  -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width:200px;
  margin-right:22px;
  padding:6px;
  border:1px solid #E3E3E3;
}

.works-Article_Data{
  -webkit-flex:0 1 auto;
      -ms-flex:0 1 auto;
          flex:0 1 auto;
  width:420px;
}

.works-Article_Data table{
  width:100%;
}

.works-Article_Data table tr{
  border-bottom:1px solid #E3E3E3;
}

.works-Article_Data table tr:first-child{
  border-top:1px solid #E3E3E3;
}

.works-Article_Data table th, .works-Article_Data table td{
  padding-top:10px;
  padding-bottom:10px;
}

.works-Article_Data table th{
  width:15%;
  font-weight:bold;
}

.works-Article_Paragraph{
  margin-top:20px;
  margin-bottom:40px;
  line-height:1.8;
}

.works-Article_Change{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  margin-top: 20px;
}

.works-Article_Change + .works-Article_Change{
  margin-top: 40px;
}

.works-Article_ChangeBefore{
   box-sizing: border-box;
    -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  position: relative;
  width: 45%;
  padding:6px;
  border:1px solid #E3E3E3;
}

.works-Article_ChangeBefore:before{
  content: 'before';
  position: absolute;
  top:6px;
  left: 6px;
  background: #DAEAF5;
  min-width: 90px;
  text-align: center;
}

.works-Article_ChangeAfter{
  box-sizing: border-box;
    -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  position: relative;
  width: 45%;
  padding:6px;
  border:1px solid #E3E3E3;
}

.works-Article_ChangeAfter:before{
  content: 'after';
  position: absolute;
  top:6px;
  left: 6px;
  background: #1574D2;
  min-width: 90px;
  text-align: center;
  color: #ffffff;
}

.works-Article_ChangeArrow{
     -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width: 10%;
  background: url(../img/icon_arrow_change.png) no-repeat center center;
}

.works-ArticleRelated{
  margin-top:20px;
}

.works-ArticleRelated_Items{
  display:-webkit-flex;
  display:-ms-flexbox;
  -js-display:flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  min-width:100%;
  list-style-type:none;
  margin-bottom:-20px;
}

.works-ArticleRelated_Items > *:first-child{
  margin-left:0 !important;
}

.works-ArticleRelated_Items > *:last-child{
  margin-right:0 !important;
}

.works-ArticleRelated_Item{
  position:relative;
  -webkit-flex:0 0 auto;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  width:31.333%;
  margin-bottom:20px;
}

.works-ArticleRelated_Item:nth-child(n){
  margin-right:1.5%;
  margin-left:1.5%;
}

.works-ArticleRelated_Item:nth-child(3n){
  margin-right:0;
}

.works-ArticleRelated_Item:nth-child(3n+1){
  margin-left:0;
}

.works-ArticleRelated_Link{
  display:block;
  text-decoration:none;
}

.works-ArticleRelatedUnit_ImageWrapper{
  padding:6px;
  border:1px solid #E3E3E3;
}

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

.works-ArticleRelatedUnit_TextWrapper{
  margin-top:5px;
}

@media (min-width: 600px){

  .post-Pagenation_Item > .prev, .post-Pagenation_Item > .next{
    display:block;
  }
}

@media (min-width: 768px){
  .post-Pagenation{
    margin-bottom:50px;
  }

  .post-Pagenation{
    margin-top:30px;
  }

  .doc-Breadcrumbs{
    display:block;
  }

  .doc-Breadcrumbs_Container{
    padding-left:0;
  }

  .doc-Breadcrumbs_Container{
    padding-right:0;
  }

  .doc-Breadcrumbs_Container{
    min-width:1200px;
  }

  .doc-Breadcrumbs_Container{
    width:1200px;
  }
}

@media screen and (min-width: 751px){
  .pc_none{
    display: none;
  }
}

@media screen and (min-width: 300px) and (max-width: 750px){
  
  .sp_none{
    display: none;
  }
  
  body{
		font-size: 23px;
    min-width: 100%;
	}
	#wrapper{
		width: 100%;
		min-width: 100%;
		background: none !important;
	}
	
	#header{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
  -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  	width: auto;
  	height: auto;
    margin: 0 20px 0;
    padding: 20px 0;
	}
	
	
	#header h1,
	#header .headerRight{
  	display: none;
	}
	
	#container{
  	width: 100%;
	}
	
	#btmContents{
  	width: 100%;
	}
	
  #sidebar,
  #gnav{
    display: none;
  }
  
  #mainVisual{
    width: auto;
    margin: 0 20px 0;
  }
  
  #gNavSp{
		display: none;
		position: absolute;
		top:0;
		left: 0;
		width: 90%;
		margin: 5%;
		padding: 0;
		z-index: 10000;
	}
	#gNavSp .ttl {
		display: table !important;
		margin: 0 auto;
		width: 100%;
		background-image: -moz-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
		background-image: -webkit-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
		background-image: -ms-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
		color: #fff;
	}
	#gNavSp .ttl > h1 {
		display: table-cell;
		float: none;
		font-size: 160%;
		padding: 0 0 0 20px;
		text-align: left;
		vertical-align: middle;
	}
	#gNavSp .ttl p.closeBtn {
		display: table-cell;
		width: 25%;
		padding: 0 20px 5px 10px;
		text-align: right;
		vertical-align: middle;
		font-size: 220%;
		color: #fff;
	}
	#gNavSp ul{
		width: 100%;
		margin: 0 auto;
		background: #fff;
	}
	#gNavSp ul li{
		border-bottom: 2px solid #aaaaaa;
	}
		#gNavSp ul li.contact{
  	background: #f5f4f5;
  }
	
	#gNavSp ul a{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
            -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
		padding: 5% 0;
		text-decoration: none;
		text-align: center;
		font-size: 160%;
		font-weight: bold;
		color: #000000;
	}
	#gNavSp ul a .icon{
  	margin-right: 20px;
	}
  .gnavOverlay{
		display: none;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.65);
		z-index: 0;
	}
	
	.footerBanner{
  	overflow: hidden;
  	margin: 30px 20px;
	}
	
	.footerBanner li{
  	float: left;
  	width: 48%;
	}
	
	.footerBanner li:nth-child(even){
    float: right;
  }
  
  .footerBanner li img{
    width: 100%;
    height: auto;
  }
  
  .footerLink {
    overflow:hidden;
    height: auto;
    margin: 0 20px 30px;
    border-top: #e8e2cc solid 1px;
  }

  .footerLink li a{
    float: left;
    width: 50%;
    margin: 0;
    padding: 3%;
		background-image: -moz-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
		background-image: -webkit-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
		background-image: -ms-linear-gradient( -90deg, rgb(0,101,207) 0%, rgb(0,117,210) 50%, rgb(0,130,211) 100%);
    border-right: #fff solid 1px;
    border-bottom: #fff solid 1px;
    box-sizing: border-box;
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
  }
  
	
	#footerWrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
      
  }
  
  #btmContents{
-webkit-box-ordinal-group:2;
        -ms-flex-order:1;
            order:1;
  }
  
  #btmContents .btmMenu{
    float: none;
    width: auto;
    margin: 0 20px;
  }
  
  #btmContents ul li{
    float: none;
    padding: 0;
    text-align: left;
  }
  
  #btmContents ul li + li{
    margin-top: 1em;
  }
  
  #btmContents ul li span{
    padding: 0 0 0 30px;
    background-image: url(../img/sp-small_icn.png);
  }
  
  #footer{
    -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
            order:2;
    margin-top: 30px;
    text-align: center;
  }
  
  #copyright{
    margin: 25px 0;
    float: none;
    text-align: center;
  }
  

	#contents .ftrForm{
  	width: auto;
	}
	
	#contents{
  	float: none;
  	width: auto;
  	margin-top: 0;
  	padding-top: 0;
	}

  #formArea textarea{
    width: 100%;
  }
	
	#contactPage #contents #formArea table,
	#estimatePage #contents #formArea table{
  	width: 100%;
	}
	
	#contactPage #contents #formArea table tr,
	#estimatePage #contents #formArea table tr{
  	display: block;
	}
	
	#contactPage #contents #formArea table th,
	#estimatePage #contents #formArea table th{
    box-sizing: border-box;
  	display: block;
  	width: 100%;
  	background-position: right 20px center !important;
	}
	
	#contactPage #contents #formArea table th br,
	#estimatePage #contents #formArea table th br{
  	display: none;
	}
	
	#contactPage #contents #formArea table td,
	#estimatePage #contents #formArea table td{
    box-sizing: border-box;
  	display: block;
  	width: 100%;
	}
  
}


/*# sourceMappingURL=new.css.map */