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

.cd-fixed-bg {
    min-height: 55%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}


.cd-fixed-bg.cd-bg-3 {
  background-image: url("../img/background-works.jpg");
}
  
.cd-scrolling-bg {
    min-height: 100%;
}


/***********仕事実績**********/

.heading-work h1 {margin:0px;
font-size:20px;
padding-bottom:2px;
text-align:center}

.heading-work p {margin:0px;
font-size:15px;
color:#666;
padding:15px;
text-align:center}


.works-list{
	padding-top:20px;
	padding-bottom:100px;
	background-color:#fff;
	    opacity: 0.9}

.works-list li{margin:0;
color:#000;
font-size:14px;
text-align:center}
	

.works-list ul{
	margin:0;
	padding:0;
	list-style:none}
	
 .works-list li a{
	 display:block;
	 padding:5px 5px 5px;
	 color:#000;
	 font-size:14px;
	 text-align:center;
	 text-decoration:none}
	 


 .works-list ul:after{
	 content:"";
	 display:block;
	 clear:both}
	 
 .works-list li {
 float:left;
} 

.works-list img{
	    max-width: 100%;
    height: auto;
	text-align:center
}




figure {
	position: relative;
	overflow: hidden;

}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

figcaption h3,
figcaption p {
	position: absolute;
	-webkit-transition: .3s;
	transition: .3s;
	color:#FFF}

figcaption h3 {
	top: 30px;
}
figcaption p {
	top: 50px;
}
figure:hover figcaption {
	opacity: 1;
}
figure:hover figcaption h3,
figure:hover figcaption p {
	left: 10px;
	right:10px;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}





/***********サービス**********/



.cd-fixed-bg.cd-bg-4 {
  background-image: url("../img/background-service_price.jpg");
}
  img/background-works.jpg"

.boxD{
	padding-top:80px;
	padding-bottom:10px;
	margin-bottom:20px;
}



.boxD h1 {margin:0px;
font-size:25px;
padding-bottom:50px;
text-align:center;}


.service1 h2{margin:0px;
font-size:25px;
margin-left:40px;
color:#F03;
text-align:left}

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

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

.service1 ul{
 display: table;
}



.service1 li {
display: inline;
font-size:15px;
float: left;
width:14em;
margin-bottom:10px;
overflow: hidden ;
}

.service_line{
	margin-top:10px;
padding-left:10px;
padding-right:10px}



.boxE{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;
	
}


.boxE h1 {margin:0px;
font-size:25px;
margin-top:10px;
padding-bottom:10px;
text-align:center}

.boxE p{margin:0px;
font-size:15px;
text-align:center}

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

.boxE h2 {margin:0px;
padding-left:30px;
font-size:20px;
color:#F03;
text-align:left}

.boxE h3{margin:0px;
font-size:20px;
text-align:right;
margin-bottom:20px}

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

.price_line{
	margin-top:10px;
	margin-bottom:10px;
padding-left:10px;
padding-right:10px}

/***********作業の流れ**********/




.cd-fixed-bg.cd-bg-5 {
  background-image: url("../img/background-flow.jpg");
}
  
  
  
.cd-scrolling-bg {
    min-height: 60%;
}

.boxF{
	padding-top:80px;
	padding-bottom:60px
}




.boxF h1 {margin:0px;
font-size:25px;
padding-bottom:15px;
text-align:center}

.boxF p {margin:0px;
font-size:20px;
padding-bottom:20px;
text-align:center}


.flow1 h2{margin:0px;
font-size:25px;
margin-left:40px;
padding-bottom:5px;
color:#F03;
text-align:left}


.flow1 p {margin:0px;
font-size:20px;
margin-left:40px;
text-align:left}


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


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



/***********お問い合わせ**********/

.cd-fixed-bg.cd-bg-6 {
  background-image: url("../img/background-contact.jpg");
}
  
  
  
.cd-scrolling-bg {
    min-height: 60%;
}

.boxH
{
	padding-top:80px;
	padding-bottom:60px
}




.boxH h1 {margin:0px;
font-size:25px;
padding-bottom:15px;
text-align:center}

.boxH p {margin:0px;
font-size:20px;
padding-bottom:20px;
text-align:center}

.formWrap p {margin:0px;
font-size:18px;
padding-bottom:20px;
text-align:center}


#formWrap {
	max-width: 100%;
	padding-left:150px;
	padding-right:150px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
	margin-bottom:10px;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:5px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}


/***********自己紹介**********/


.cd-fixed-bg.cd-bg-7 {
  background-image: url("../img/background-about.jpg");
}
  
  
  
.cd-scrolling-bg {
    min-height: 60%;
}

.boxI{
	padding-top:60px;
	padding-bottom:60px
}


.boxI-inner
{
	padding-top:30px;
	padding-bottom:40px
}



.boxI h1 {margin:0px;
font-size:20px;
padding-bottom:15px;
text-align:center}

.boxI p {margin:0px;
font-size:18px;
padding-bottom:20px;
text-align:center}


.about1 h2{margin:0px;
font-size:20px;
margin-left:40px;
padding-top:5px;
padding-bottom:5px;
color:#F03;
text-align:left}


.about1 p {margin:0px;
font-size:15px;
margin-left:40px;
padding-top:3px;
text-align:left}


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


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

.about_line{
	padding-top:40px;
	padding-bottom:40px}



/*****************767px以下*****************/
@media(max-width:599px){
	
	
.spnone {display:none;}

.heading-work h1 {
font-size:20px}

.heading-work p {
font-size:12px}


.service1 h1{
font-size:20px}

.service1 h2{
margin-top:10px}

.service1 li {
font-size:13px;
margin-top:5px;
margin-bottom:5px;}

.box5{text-align:center}

.boxE p {
font-size:12px;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;}


.boxE h2 {
font-size:18px;
padding-left:10px;
margin-right:10px;}

.boxE h3{
font-size:15px;
margin-left:10px;
margin-right:10px;
margin-top:20px;
margin-bottom:40px}


.box7_1{text-align:center}


.boxF h1 {
font-size:20px;
padding-bottom:10px}

.boxF p {font-size:13px;
margin-left:20px;
margin-right:20px;
padding-bottom:20px}


.flow1 h2{
	font-size:20px;
margin-left:20px;
margin-right:20px;

}


.flow1 p {
font-size:14px;
margin-left:20px;
margin-right:20px;
}


.boxH h1 {font-size:20px
}

.boxH p {font-size:13px;
margin-left:20px;
margin-right:20px;}


#formWrap {
	padding-left:5px;
	padding-right:5px;
	font-size:90%;
}

.formTable th{font-size:9px;}
.formTable td{font-size:12px;}


.boxI-inner
{
	padding-top:40px;
	padding-bottom:20px
}

.boxI h1 {font-size:20px;
padding-bottom:10px}

.boxI p {font-size:13px;
margin-left:20px;
margin-right:20px;
padding-bottom:20px}


.about1 h2{text-align:center;
font-size:20px;
margin-top:10px;
margin-left:20px;
margin-right:20px;}


.about1 p {font-size:14px;
margin-left:20px;
margin-right:20px;}



}





/*##############768px以上##############*/

@media(min-width:768px){
	
/*contentsS-1*/
.boxD:after{content:"";
display:block;
clear:both}

.box5{float:left;
width:30%;
text-align:center}

.box6{float:left;
width:70%}


/*contentsS-2*/
.boxE:after{content:"";
display:block;
clear:both}

.box5{float:left;
width:30%;
text-align:center}

.box6{float:left;
width:70%}

/*contentsS-3*/
.boxE:after{content:"";
display:block;
clear:both}

.box5_1{float:left;
width:60%;
text-align:center}

.box6_1{float:left;
width:30%}

/*contentsF-1*/
.boxF:after{content:"";
display:block;
clear:both}

.box7_1{float:left;
width:30%;
text-align:center}

.box8_1{float:left;
width:70%}


}

/*##############1190px以上##############*/
@media(min-width:1190px){
	.works-list-inner{

		width:1150px;
	margin-left:auto;
	margin-right:auto}
	
	.works-list-inner-sp{

		width:1150px;
	margin-left:auto;
	margin-right:auto}
	
	.service-list-inner{

		width:1150px;
	margin-left:auto;
	margin-right:auto}
	
		.flow-list-inner{

		width:1150px;
	margin-left:auto;
	margin-right:auto}
}