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

.title{
	background-color:  #036;
	}

h2{
	padding: 0.4em 0 0.4em 20px;
	margin: 0 auto;
	width: 946px;
	background-color: #036;
	color:#FFF;
	border-left: solid 8px #D3E1F3;
	}
	
h3{
	margin: 0;
	padding: 0;
	margin-bottom: 26px;
	padding: .75em 26px;
	border-top: 1px solid #036;
	color:#333;
	background-color:  #D3E1F3;
	font-size: 24px;
	
	}
	
h4{
	margin: 0;
	padding: 0;
	font-size: 22px;
	text-align:center;
	}
	
h6{
	color: #FFF;
	background-color: #036;
	font-size:18px;
	font-weight: bold;
	padding: 0px 20px;
	margin: 0 0 10px;;
	}
	
	
	
.works_box{
	padding-bottom: 30px;
	
	}
	
.works_ex{
	margin: 0 auto ;
	padding-bottom: 30px;
	}
	

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 11.7em;
  margin-bottom: 30px;
  text-decoration: none;
  color: #036;
  border: solid 2px #036;
  border-radius: 3px;
  transition: .4s;
  float: right;
}

.btn-flat-border:hover {
  background: #036;
  color: white;
}

	
.img_before{
	vertical-align: middle;
	width: 430px;
	}
.img_after{
	vertical-align: middle;
	width: 430px;
	}
	
	

/*詳細ボックス*/
	.accbox {
		margin: 0;
		padding: 0;
		max-width: 980px;/*最大幅*/
	}
	
	/*ボタン*/
	.acc-btn{
		width: 76px;
		text-align:center;
		}
		
	.accbox label:before{
		content: "詳細を見る"
		}
	
	/*ラベル*/
	.accbox label {
		display: block;
	  	margin-bottom: 30px;
	  	padding: 0.3em 11.7em;
  		color: #036;
			border: solid 2px #036;
			border-radius: 3px;
		cursor :pointer;
		transition: .4s;
			float: right;
	}
	
	/*ラベルホバー時*/
	.accbox label:hover {
		background: #036;
		color: white;
	}
	
	/*チェックは隠す*/
	.accbox input{
		display: none;
	}
	
	/*中身を非表示*/
	.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
		width: 980px;
	}
	
	/*中身表示*/
	.cssacc:checked + .accshow {
    height: auto;
    padding: 0;
    opacity: 1;
	}
	
	/*チェック時の文言変更*/
	.accbox .cssacc:checked + lavel:before{
		content: "閉じる"
	}
	
	
td{
	padding: 5px 10px;
	}
	
		
.index{
	border: none;
	padding: 14px 28px;
	color: #FFF;
	background-color: #369;
	font-size: 20px;
	line-height: 3;
	}
	
.index2{
	border: none;
	padding: 14px 38px;
	color: #FFF;
	background-color: #369;
	font-size: 20px;
	line-height: 3;
	}

.index3{
	border: none;
	padding: 14px 78px;
	color: #FFF;
	background-color: #369;
	font-size: 20px;
	line-height: 3;
	}

.index4{
	border: none;
	padding: 14px 82px;
	color: #FFF;
	background-color: #369;
	font-size: 20px;
	line-height: 3;
	}
	
.th-w{
	width: 276px;
	}
	
.td-w{
	width: 500px;
	}
	
	
	
.border{
	padding-bottom: 70px;
	}
	
	
	
.space{
	margin: 0 35px;
	}
	
.blue{
	color: #036;
	}
	
	
	
	
	
/*写真*/
.m-right{
	border: 0;
	align: right;
	}