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

body{
	margin:0;
font-family: "游明朝","Yu Mincho"; font-weight: lighter;
}




/*サイト名*/



body, html, main {
    /* important */
    height: 100%;
	overflow:auto;
	
}


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



  
.cd-fixed-bg.cd-bg-1 {
  background-image: url("../img/background.jpg");
}
.cd-fixed-bg.cd-bg-2 {
  background-image: url("../img/background2.jpg");
}


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


/*ヘッダー*/

.topimg{width:100%;
height:auto}

.site h1{margin:0;
font-size:20px}
/*挨拶*/


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

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

.about img{width:100%;
height:auto}


/*お知らせ*/

.news{padding:30px}

.news h1{margin-top:0;
text-align:center;
margin-bottom:20px;
font-size:18px;
color:#000}

.news ul{margin:0;
padding:0;
list-style:none;}

.news li a {display:block;
padding:5px;
border-bottom:dotted 2px #666;
color:#000;
font-size:14px;
text-decoration:none}

.news1 time{color:#888;
display:block;
font-weight:bold}

.news a:after{content:"";
display:block;
clear:both}

.news time{float:left;
width:60px}


.news .text .text_red{float:none;
width:auto;
margin-left:60px}

.text_red{
	color:#F00;
	font-weight: bold;
}


.scr {        overflow:auto;
        width:100%;
        height:150px;
        padding:5px;
        border:1px solid #000;
        background-color:#F9F9F9;
        color:#000;
    }

/*仕事*/
.works a {display: block;
color:#000;
text-align:center;
text-decoration:none}

.works a:hover{opacity:0.8px}

.works h1{margin-top:0;
margin-bottom:5px;
font-size:16px}

.works p{text-align:center;
font-size:16px;
margin-top:0;
margin-bottom:10px}

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

.works img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.works img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/*サービス*/
.service a {display: block;
color:#000;
text-align:center;
text-decoration:none}

.service a:hover{opacity:0.8px}

.service h1{margin-top:0;
margin-bottom:5px;
font-size:16px}

.service p{text-align:center;
font-size:16px;
margin-top:0;
margin-bottom:10px}

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

.service img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.service img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/*フロー*/
.flow a {display: block;
color:#000;
text-align:center;
text-decoration:none}

.flow a:hover{opacity:0.8px}

.flow h1{margin-top:0;
margin-bottom:5px;
font-size:16px}

.flow p{text-align:center;
font-size:16px;
margin-top:0;
margin-bottom:10px}

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

.flow img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.flow img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/*料金*/

.price a {display: block;
color:#000;
text-align:center;
text-decoration:none}

.price a:hover{opacity:0.8px}

.price h1{margin-top:0;
margin-bottom:5px;
font-size:16px}

.price p{text-align:center;
font-size:16px;
margin-top:0;
margin-bottom:10px}

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

.price img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.price img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/*コンタクト*/
.contact{
	text-align:center;}
	
.contact img{	
    max-width: 100%;
    height: auto;
}

.contact img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.contact img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}



/*コピーライト*/
.copyright p{margin:0;
color:#fff;
font-size:14px;
text-align:center}

/*BOX調整（左右）
.boxA,.boxB,.boxC,.box4,.box9,.box10
{ padding-left:15px;
padding-right:15px}*/

/*BOX調整（上下）*/

.boxA{
	background-color: #fff;
    opacity: 0.8;
	padding-top:10px;
  position: fixed; 
  left:0;
    z-index: 10;
  
  top: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  width: 100%}

.boxB{
	padding-top:80px;
	padding-bottom:10px;
	background-color: #000;
}

.boxC{
	padding-top:20px;
	padding-bottom:10px;
	background-color: #000;
}

.box4{	background-color: #fff;
    opacity: 0.9;
font-family: "游明朝","Yu Mincho"; font-weight: lighter;}



/*フッター調整*/
.box10{
	padding-top:20px;
	padding-bottom:15px;
	background-color:#000}
	
	/* pagetop */

.page-top {
	position: fixed;
	display: block;
	width: 120px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	bottom: 37px;
	right: 2px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 13px;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
	background-color: #333
}


/*****************767px以下*****************/
@media(max-width:599px){
	
	/*ナビ*/
	.menu li a {padding:10px 10px;
	font-size:11px}
	
	
	

	
/*トグルボタン*/
#menubtn{padding:10px 14px;
border:solid 1px #aaa;
border-radius:5px;
background-color:#fff;
position:absolute;
top:6px;
right:15px;
cursor:pointer}

#menubtn:hover
{background-color:#ddd}
#menubtn:focus{outline:none}

#menubtn i {color:#888;
font-size:18px}

#menubtn span{display:inline-block;
text-indent:-9999px}


/*ナビ(縦並び)*/


#menu{display:none}


.menu ul {margin:0;
padding:0;
list-style:none}

.menu ul a{display:block;
padding:10px 10px;
color:#000;
font-size:14px;
font: Tahoma, Geneva, sans-serif;
text-decoration:none}

.menu ul a:hover{background-color: #999}
}



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

@media(min-width:768px){
	
/*トグルボタン*/
#menubtn{display: none}

/*ナビ*/
#menu{display:block!important}

.menu ul{margin:0;
padding:0;
list-style:none}

.menu ul a{display:block;
padding:15px 20px;
color:#000;
font-size:20px;
font: Tahoma, Geneva, sans-serif;
text-decoration:none}

.menu ul a:hover{background-color: #999}

.menu ul:after{content:"";
display:block;
clear:both}

.menu ul li{float:left;
width:auto}

/*logo-menu*/
.boxA:after{content:"";
display:block;
clear:both}

.box1{float:left;
width:auto}

.box2{float:right;
width:auto}

/*contents1*/
.boxB:after{content:"";
display:block;
clear:both}

.box5{float:left;
width:50%}

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

/*contents2*/
.boxB:after{content:"";
display:block;
clear:both}

.box7{
	float:left;
	width:50%;
	background-color: #000;
}

.box8{
	float:left;
	width:50%;
	background-color: #000;
}

/*contents3*/
.boxB:after{content:"";
display:block;
clear:both}


}

/*##############1190px以上##############*/
@media(min-width:1190px){
	.boxA-inner,.boxB-inner,.boxC-inner,.boxD-inner,.boxE-inner,.boxF-inner,.boxG-inner,.boxH-inner,.boxI-inner,.box9-inner,.box10-inner{

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

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

.box4{
	margin-top:60px;
	}
	

.box9{
	background-color: #000;
	padding-bottom:30px}