/* CSS Document */
div.catchcopy {
    background-color: #103656;
}
div.catchcopy div.inner > * {
    color: #fff;
}
header{
	background-color: #fff !important;
	position: -webkit-sticky;
}
footer{
	background-color: #fff;
}
@media screen and (max-width:767px){
	/*子ページ
	---------------------------------------------------*/
	/*共通*/
	div.inner.sitemenu {
    padding: 0 !important;
	}
	div.child_title{
		height:200px;
		position:relative;
		z-index:1;
		overflow:hidden;
	}
	div.child_title h2{
		font-size:20px;
		color:#000;
		position:absolute;
		top:50%;
		left:50%;
		text-align:center;
		transform:translate(-50%,-50%);
	}
	div.child_title h2 p{
		font-size:1.4em;
		font-weight:bold;
		color:#000;
	}
	div.btn05{
		margin-bottom: 2em;
	}
	div.btn05 input{
		display: block;
		width: 200px;
		margin: 0 auto;
		line-height: 50px;
		border-radius: 5px;
		color: #FFF;
		background-color: #103656;
		padding: 0 20px;
	}
	/*共通*/
	div.inner{
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	div.btn{
	}
	div.btn a{
		display:table;
		margin:0 auto;
		line-height:50px;
		text-align:center;
		color:#fff;
		padding:0 4em 0 2em;
		background-color:#103656;
		transition: all 0.3s ease;
		position:relative;
		z-index:1;
		border-radius:10px;
		font-size:18px;
	}
	div.btn a::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 15px;
		transform: translate(-50%,-50%) rotate(45deg);
		border-top: 2px solid #fff;
		border-right: 2px solid #fff
	}
	div.btn a:hover{
		background-color:#fff;
		color:#103656;
	}
	div.btn a:hover::before{
		content:"";
		border-color:#103656;
	}
	div.main01{
		margin-bottom:30px;
		margin-top:50px;
	}
	div.main01 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main01 p{
		line-height:1.8em;
		padding:1em;
		box-sizing:border-box;
	}
	div.main02{
		margin-bottom:30px;
		padding-top:65vw;
		position:relative;
		z-index:1;
	}
	div.main02 figure{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	div.main02 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main02 > div{
		padding:1em 1em 1em 1em;
		box-sizing:border-box;
	}
	div.main02 > div h3{
		font-size:18px;
		margin-bottom:1em;
	}
	div.main02 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main02 > div ul li{
		margin-bottom:1em;
	}
	div.main03{
	}
	div.main03 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main03 > div{
		padding:1em;
		box-sizing:border-box;
	}
	div.main03 > div h3{
		font-size:18px;
		text-align:center;
		margin-bottom:1em;
	}
	div.main03 > div p{
		line-height:1.8em;
	}
	div.main03 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main03:nth-child(even) > div{
	}
	div.main03 > div ul li{
		margin-bottom:1em;
		padding-left:1.5em;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	div.main03 > div ul li::before{
		content:"";
		position:absolute;
		width: 1.5em;
		height: 1.5em;
		box-sizing: border-box;
		border: solid 2px #dbdbdb;
		left: 0;
		top: 0;
	}
	div.main03 > div ul li::after{
		position:absolute;
		content:"";
		width: 1em;
		height: 0.5em;
		border-left: 3px solid #999;
		border-bottom: 3px solid #999;
		top: 0.2em;
		left: 0.1em;
		transform: rotate(-45deg);
	}
	div.btn{
	}
	div.btn a{
		display:table;
		margin:0 auto 50px auto;
		line-height:50px;
		text-align:center;
		color:#fff;
		padding:0 4em 0 2em;
		background-color:#103656;
		transition: all 0.3s ease;
		position:relative;
		z-index:1;
		border-radius:10px;
		font-size:18px;
	}
	div.btn a::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 15px;
		transform: translate(-50%,-50%) rotate(45deg);
		border-top: 2px solid #fff;
		border-right: 2px solid #fff
	}
	div.btn a:hover{
		background-color:#fff;
		color:#103656;
	}
	div.btn a:hover::before{
		content:"";
		border-color:#103656;
	}
	/*改修事業*/
	div.main_business.refurbishment div.main01 ul li{
		margin:0 10px 20px 10px;
	}
	/*公共事業*/
	div.main04 h3{
		text-align:center;
		font-size:22px;
		margin-bottom:1em;
	}
	div.main04 div.sko{
		margin-bottom:50px;
	}
	div.main04 div.sko.secound{
		padding-top:65vw;
		position:relative;
		z-index:1;
	}
	div.main04 div.sko.secound figure{
		position:absolute;
		top:0;
		left:0;
		width:100%;
	}
	div.main04 div.sko figure img{
		width:100%;
		object-fit:cover;
	}
	div.main04 div.sko > div{
		padding:1em;
		box-sizing:border-box;
	}
	div.main04 div.sko > div h3{
		font-size:18px;
		margin-bottom:1em;
	}
	div.main04 div.sko > div p{
		line-height:1.8em;
	}
	div.text01{
		text-align:center;
		line-height:1.8em;
		padding:50px 0 70px 0;
	}
	div.text02{
	}
	div.text02 h3{
		text-align:center;
		font-size:22px;
	}
	div.text02 ul{
		list-style:none;
		list-style-position:outside;
		display:table;
		margin:0 auto;
		margin-bottom:50px;
	}
	div.text02 ul li{
		margin-bottom:0.5em;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
		/*子ページ
	---------------------------------------------------*/
	/*共通*/
	div.child_title{
		height:300px;
		position:relative;
		z-index:1;
		overflow:hidden;
	}
	div.child_title h2{
		font-size:32px;
		color:#000;
		width:100%;
		position:absolute;
		top:50%;
		left:50%;
		text-align:center;
		transform:translate(-50%,-50%);
	}
	div.child_title h2 p{
		font-size:70px;
		font-weight:bold;
		color:#000;
	}
	div.btn05{
		margin-bottom: 2em;
	}
	div.btn05 input{
		display: block;
		width: 200px;
		margin: 0 auto;
		line-height: 50px;
		border-radius: 5px;
		color: #FFF;
		background-color: #103656;
		padding: 0 20px;
	}
	/*共通*/
	div.inner{
		width:100%;
		padding:0 20px;
		box-sizing:border-box;
	}
	div.btn{
	}
	div.btn a{
		display:table;
		margin:0 auto;
		line-height:50px;
		text-align:center;
		color:#fff;
		padding:0 4em 0 2em;
		background-color:#103656;
		transition: all 0.3s ease;
		position:relative;
		z-index:1;
		border-radius:10px;
		font-size:18px;
	}
	div.btn a::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 15px;
		transform: translate(-50%,-50%) rotate(45deg);
		border-top: 2px solid #fff;
		border-right: 2px solid #fff
	}
	div.btn a:hover{
		background-color:#fff;
		color:#103656;
	}
	div.btn a:hover::before{
		content:"";
		border-color:#103656;
	}
	div.main01{
		display:flex;
		margin-bottom:50px;
		margin-top:70px;
	}
	div.main01 figure,
	div.main01 p{
		width:50%;
	}
	div.main01 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main01 p{
		line-height:1.8em;
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main02{
		display:flex;
		margin-bottom:50px;
	}
	div.main02 > div,
	div.main02 figure{
		width:50%;
	}
	div.main02 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main02 > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main02 > div h3{
		font-size:20px;
		margin-bottom:1em;
	}
	div.main02 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main02 > div ul li{
		margin-bottom:1em;
	}
	div.main03{
		display:flex;
	}
	div.main03 figure,
	div.main03 > div{
		width:50%;
	}
	div.main03 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main03 > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main03 > div h3{
		font-size:20px;
		text-align:center;
		margin-bottom:1em;
	}
	div.main03 > div p{
		line-height:1.8em;
	}
	div.main03 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main03:nth-child(even) > div{
	}
	div.main03 > div ul li{
		margin-bottom:1em;
		padding-left:1.5em;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	div.main03 > div ul li::before{
		content:"";
		position:absolute;
		width: 1.5em;
		height: 1.5em;
		box-sizing: border-box;
		border: solid 2px #dbdbdb;
		left: 0;
		top: 0;
	}
	div.main03 > div ul li::after{
		position:absolute;
		content:"";
		width: 1em;
		height: 0.5em;
		border-left: 3px solid #999;
		border-bottom: 3px solid #999;
		top: 0.2em;
		left: 0.1em;
		transform: rotate(-45deg);
	}
	div.btn{
	}
	div.btn a{
		display:table;
		margin:0 auto 70px auto;
		line-height:50px;
		text-align:center;
		color:#fff;
		padding:0 4em 0 2em;
		background-color:#103656;
		transition: all 0.3s ease;
		position:relative;
		z-index:1;
		border-radius:10px;
		font-size:18px;
	}
	div.btn a::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 15px;
		transform: translate(-50%,-50%) rotate(45deg);
		border-top: 2px solid #fff;
		border-right: 2px solid #fff
	}
	div.btn a:hover{
		background-color:#fff;
		color:#103656;
	}
	div.btn a:hover::before{
		content:"";
		border-color:#103656;
	}
	/*改修事業*/
	div.main_business.refurbishment div.main01 ul li{
		margin:0 10px 20px 10px;
	}
	/*公共事業*/
	div.main04 h3{
		text-align:center;
		font-size:26px;
		margin-bottom:1em;
	}
	div.main04 div.sko{
		display:flex;
		margin-bottom:50px;
	}
	div.main04 div.sko figure,
	div.main04 div.sko > div{
		width:50%;
	}
	div.main04 div.sko figure img{
		width:100%;
		object-fit:cover;
	}
	div.main04 div.sko > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main04 div.sko > div h3{
		font-size:20px;
		margin-bottom:1em;
	}
	div.main04 div.sko > div p{
		line-height:1.8em;
	}
	div.text01{
		text-align:center;
		line-height:1.8em;
		padding:50px 0 70px 0;
	}
	div.text02{
	}
	div.text02 h3{
		text-align:center;
		font-size:26px;
	}
	div.text02 ul{
		list-style:none;
		list-style-position:outside;
		display:table;
		margin:0 auto;
		margin-bottom:70px;
	}
	div.text02 ul li{
		margin-bottom:0.5em;
	}
}
@media screen and (min-width:1100px){
	/*子ページ
	---------------------------------------------------*/
	/*共通*/
	div.child_title{
		height:300px;
		position:relative;
		z-index:1;
		overflow:hidden;
	}
	div.child_title h2{
		font-size:32px;
		color:#000;
		position:absolute;
		top:50%;
		left:50%;
		text-align:center;
		transform:translate(-50%,-50%);
	}
	div.child_title h2 p{
		font-size:70px;
		font-weight:bold;
		color:#000;
	}
	/*共通*/
	div.inner{
		width:1100px;
		margin:0 auto;
	}
	div.btn05{
		margin-bottom: 2em;
	}
	div.btn05 input{
		display: block;
		width: 200px;
		margin: 0 auto;
		line-height: 50px;
		border-radius: 5px;
		color: #FFF;
		background-color: #103656;
		padding: 0 20px;
	}
	/*塗装事業*/
	div.main01{
		display:flex;
		margin-bottom:50px;
		margin-top:100px;
	}
	div.main01 figure,
	div.main01 p{
		width:50%;
	}
	div.main01 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main01 p{
		line-height:1.8em;
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main02{
		display:flex;
		margin-bottom:50px;
	}
	div.main02 > div,
	div.main02 figure{
		width:50%;
	}
	div.main02 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main02 > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main02 > div h3{
		font-size:24px;
		margin-bottom:1em;
	}
	div.main02 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main02 > div ul li{
		margin-bottom:1em;
	}
	div.main03{
		display:flex;
	}
	div.main03 figure,
	div.main03 > div{
		width:50%;
	}
	div.main03 figure img{
		width:100%;
		object-fit:cover;
	}
	div.main03 > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main03 > div h3{
		font-size:26px;
		text-align:center;
		margin-bottom:1em;
	}
	div.main03 > div p{
		line-height:1.8em;
	}
	div.main03 > div ul{
		list-style:none;
		list-style-position:outside;
	}
	div.main03:nth-child(even) > div{
	}
	div.main03 > div ul li{
		margin-bottom:1em;
		padding-left:1.5em;
		box-sizing:border-box;
		position:relative;
		z-index:1;
	}
	div.main03 > div ul li::before{
		content:"";
		position:absolute;
		width: 1.5em;
		height: 1.5em;
		box-sizing: border-box;
		border: solid 2px #dbdbdb;
		left: 0;
		top: 0;
	}
	div.main03 > div ul li::after{
		position:absolute;
		content:"";
		width: 1em;
		height: 0.5em;
		border-left: 3px solid #666;
		border-bottom: 3px solid #666;
		top: 0.2em;
		left: 0.1em;
		transform: rotate(-45deg);
	}
	div.btn{
	}
	div.btn a{
		display:table;
		margin:0 auto 100px auto;
		line-height:50px;
		text-align:center;
		color:#fff;
		padding:0 4em 0 2em;
		background-color:#103656;
		transition: all 0.3s ease;
		position:relative;
		z-index:1;
		border-radius:10px;
		font-size:18px;
	}
	div.btn a::before{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 15px;
		height: 15px;
		transform: translate(-50%,-50%) rotate(45deg);
		border-top: 2px solid #fff;
		border-right: 2px solid #fff
	}
	div.btn a:hover{
		background-color:rgba(8,78,115,0.8);
		color:#fff;
	}
	div.btn a:hover::before{
		content:"";
		border-color:#fff;
	}
	/*改修事業*/
	div.main_business.refurbishment div.main01 ul li{
		margin:0 10px 20px 10px;
	}
	/*公共事業*/
	div.main04 h3{
		text-align:center;
		font-size:26px;
		margin-bottom:1em;
	}
	div.main04 div.sko{
		display:flex;
		margin-bottom:50px;
	}
	div.main04 div.sko figure,
	div.main04 div.sko > div{
		width:50%;
	}
	div.main04 div.sko figure img{
		width:100%;
		object-fit:cover;
	}
	div.main04 div.sko > div{
		padding:0 2em 2em 2em;
		box-sizing:border-box;
	}
	div.main04 div.sko > div h3{
		font-size:24px;
		margin-bottom:1em;
	}
	div.main04 div.sko > div p{
		line-height:1.8em;
	}
	div.text01{
		padding:50px 0 100px 0;
		text-align:center;
		line-height:1.8em;
	}
	div.text02{
	}
	div.text02 h3{
		text-align:center;
		font-size:24px;
		margin-bottom:1em;
	}
	div.text02 ul{
		display:table;
		margin:0 auto;
		list-style:none;
		margin-bottom:100px;
		list-style-position:outside;
	}
	div.text02 ul li{
		margin-bottom:0.5em;
	}
}