/* -- common --*/
* {padding:0;margin:0;}

html, body {
height: 100%;
font-family: "Noto Sans JP";color: #333;
-webkit-font-smoothing: antialiased;
font-size: 90%;line-height: 120%;letter-spacing: -0.02em;
}
	
p { display:inline; }
span{display:block;}	
ol,ul {list-style: none;margin:0;padding:0;}

img {margin: 0;padding: 0;list-style: none;}	

a:link {color: #000;text-decoration: none;transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);width: 100%;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: none;}
a:active {color: #000;text-decoration: none;}

#fade {
width: 100%;height: 100%;
display: none;
background-color: #fff;
position: fixed;
top: 0px;
left: 0px;
z-index: 99999;
}

	
header{
float: left;
width: 100%;
background-color: #fff;
border-bottom:1px solid #ccc;box-sizing: border-box;
}
	
.logo{
float:left;width:18%;height:120px;background-color:#0096d2;background-position:center center;background-repeat: no-repeat;background-size: 230px 60px;background-image:url(../images/logo.svg);}
.navi{float:left;width:82%;height:120px;border-bottom: 1px solid #ccc;box-sizing: border-box;}
.navi-top{
float: left;width: 100%;height:60px;text-align: right;font-size: 90%;
border-top: 0px solid transparent;border-right: 50px solid transparent;
box-sizing: border-box;}
	
.navi-top .top-l{float: right;width: auto;height:40px;margin-top: 20px;font-size:80%;line-height:130%;text-align: left;}	
.navi-top .top-r{float: right;width: auto;height:23px;margin-top: 20px;font-size:100%;font-weight: 400; border-bottom:2px solid #0096d2;box-sizing: border-box;text-align: left;margin-right: 20px;}	

.navi-under{
float: left;width: 100%;height:60px;text-align: center;font-size: 100%;font-weight: 600;
}
	

.navi-s{float:left;width: 14%;height:40px;border-bottom:5px solid transparent;box-sizing: border-box;text-align: center;margin-top: 20px;}
.navi-l{float:left;width: 22%;height:40px;border-bottom:5px solid transparent;box-sizing: border-box;text-align: center;margin-top: 20px;}
.navi-text{width: 100%;margin-top: 12px;;font-weight: 600;}
	
.btn{
color: #333;
  background-color: #fff;
  border: 0px solid transparent;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.btn span {
  position: relative; 
  z-index: 1;
}
.btn{
  overflow: hidden;
  position: relative;
}

.btn:hover{
  color: #0096d2;
}

.btn:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 100%;
  background: #c5e4ea;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-100%) translateY(-100%) rotate(45deg);
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
}

.btn:hover:after {
  -webkit-transform: translateX(0%) translateY(0%) rotate(0deg);
  transform: translateX(0%) translateY(0%) rotate(0deg);
}
	
.contents{
width: 100%;float: left;
 }
	
.header-image{float:left;width: 100%;height: 490px;
border-bottom:10px solid #0096d2;
box-sizing: border-box;
background-position:center center;
background-repeat: no-repeat;
background-size: cover;
background-image:url(../images/top-image-back.jpg);}


/* -- top page --*/	
	
/* bx  */	
.bx_images-navi{
position: absolute;
width: 840px;height: 120px;
bottom: 0px;
left: 50%;
transform: translate(-50%,0%) ;z-index: 1;overflow: hidden;
}

.bx_i_b{width: 415px;height: 120px;float:left;box-sizing: border-box;box-shadow: 0 5px 15px rgba(0,0,0,0.20);background-position:center center;background-repeat: no-repeat;}
.bx_i_b img{max-width: 415px;height: 120px;}
.bx_i_b-i{width: 10px;height: 120px;float:left;}

.link-to-cleaning{float:left;width: 100%;height:260px;visibility:hidden;margin-top: 10px;margin-bottom: 50px;}
	
.bx_images{
position: absolute;
width:100%;max-width:1280px;
height: 480px;
left: 50%;
transform: translate(-50%,0%);
display: inline;
}


#slider {
width:100%;
height: 480px;
overflow: hidden;
position: relative;
z-index: -1;
}

#slider li {
width:100%;
height: 480px;
background: center / cover no-repeat;
}

.bx_images-s{
position: absolute;
width:100%;
height: 480px;
display: inline;	
}


#slider-s {
width:100%;
height: 480px;
overflow: hidden;
position: relative;

z-index: 1;
}

#slider-s li {
width:100%;
height: 480px;
background: center / cover no-repeat;
}


.bx-viewport {
 left: 0;
 box-shadow: none;
 border: none;
}


.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	outline: 0;
	width: 100px;
	height: 100px;
	text-indent: -9999px;
	z-index: 97;
}

.bx-wrapper .bx-prev {
left: 0px;
background: url('../images/prev.svg') no-repeat;
background-position: center;
background-size: 50px 50px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

.bx-wrapper .bx-next {
right: 0px;
background: url('../images/next.svg') no-repeat;
background-position: center;
background-size: 50px 50px;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

.bx-wrapper .bx-prev:hover {
opacity: 0.5;
}

.bx-wrapper .bx-next:hover {
opacity: 0.5;
}



/* bx  */
	
/* -- drawer-nav --*/
	
.d-space{
font-size: 130%;
width: 100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
background-color:#fff;
}

.d-menu{
display: flex;
justify-content: center;
align-items: center;
width:300px;height:1080px;

}

.d-menu-in{
width:100%;
}
	
.d-menu-in-link{float: left;width: 100%;margin-bottom: 50px;}
	
.d-menu-m{
float: left; margin-left: 40px;
}

.d-menu-m li{
float: left;
color: #0096d2;font-size: 120%;
font-weight: 600;
width:100%;height: 40px;
margin-bottom: 10px;
transition: all 0.5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.d-menu-m li a {
color: #0096d2;
opacity: 1;
}

.d-menu-m li a:hover {
opacity: 0.5;
}


	
/* -- drawer-nav --*/	

	

.section{width: 100%;float: left;border-bottom:1px solid #ccc;box-sizing: border-box;}
.section-in{
width: 1280px;
border-left:170px solid transparent;
border-right:170px solid transparent;
border-top:50px solid transparent;
box-sizing: border-box;
margin-left: auto;margin-right: auto;
}



.se-column{width: 50%;float: left;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid transparent;
box-sizing: border-box;}

.se-column img{width: 100%;max-width:440px;}
.text-head{float: left;font-size: 200%;font-weight: 600;color: #0096d2;line-height: 120%;letter-spacing: -0.05em;}
.text-sent{float: left;font-size: 120%;font-weight: 600;line-height: 200%; color: #333333;margin-top: 50px;}
/* -- top page --*/	
	
/* -- cleaning_ --*/	
	
.other-image{
float:left;width: 100%;background-position:center center;background-repeat: no-repeat;background-size: 1280px 360px;
margin-left: auto;margin-right: auto;}

.other-image .image01{background-image:url(../images/other-image01.jpg);}
.other-image .image02{background-image:url(../images/other-image02.jpg);}
.other-image .image03{background-image:url(../images/other-image03.jpg);}
.other-image .image04{background-image:url(../images/other-image04.jpg);}
.other-image .image05{background-image:url(../images/other-image05.jpg);}

.other-image-in-text{
width: 1280px;
font-size: 170%;letter-spacing: 0.02em;
font-weight: 600;
color: #333;
margin-left: auto;margin-right: auto;
border-left:100px solid transparent;
border-right:100px solid transparent;
border-top:50px solid transparent;
border-bottom:50px solid transparent;
box-sizing: border-box;	
}

.other-image-in-copy{
color: #00006f;
width: 100%;
float: left;
font-size: 240%;
font-family: "Sawarabi Mincho"; 
line-height: 120%; font-weight: 300;text-align: left;letter-spacing: -0.02em;	
border-top:50px solid transparent;
border-bottom:50px solid transparent;
box-sizing: border-box;	
;}
	
.other-image-in-lead{
float:left;
width: auto;
font-family: "Sawarabi Mincho"; 
line-height: 180%; 
font-weight: 300;
border-bottom:50px solid transparent;
box-sizing: border-box;letter-spacing: -0.02em;	
color: #333333;
background-color: rgba(255,255,255,0.5)


}
.other-image-in-lead br{display: block;}

.other-image-in-lead img{width: 100%;height: auto;}


.other-con{
float:left;width: 100%;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid transparent;
box-sizing: border-box;
font-size: 110%;font-weight: 400;line-height: 140%;color: #333;
}
.other-con .text{
float:left;width: 100%;font-size: 100%;line-height: 160%; font-weight: 600;color: #333;border-bottom:5px solid transparent;border-top:20px solid transparent;}

.other-con img{width: 100%;height: auto;}

.other-h{
color: #333;float:left;width: 100%;margin-bottom: 20px;font-size: 110%;line-height: 130%; font-weight: 600;}
.other-h .text-head{
float:left;width: 100%;height: 35px; font-size: 130%;line-height: 160%; font-weight: 600;color: #0096d2;border-bottom:1px solid #ccc;box-sizing: border-box;margin-bottom: 10px;}
.other-column{
font-size: 100%;font-weight: 400;color: #333;width: 50%;float: left;margin-bottom: 30px;line-height:170%;}	
.other-column img{
float: right;width: 50%;height: auto;border:10px solid transparent;box-sizing: border-box;}
	
.other-price{
float:left;width:100%;
border-left:50px solid transparent;
border-right:50px solid transparent;
border-bottom:50px solid transparent;
box-sizing: border-box;
font-size: 100%;font-weight: 600;line-height: 140%;color: #333;}
	
.other-price .text-head{
float:left;width: 100%; font-size: 200%;line-height: 160%; font-weight: 600;color: #333;margin-bottom: 10px;}

.other-price .text{
float:left;width: 100%;font-size: 100%;line-height: 160%; font-weight: 600;color: #333;border-bottom:5px solid transparent;border-top:20px solid transparent;}

.other-price .sub{
float:left;width: 100%;font-size: 120%;line-height: 160%; font-weight: 600;color: #333;border-bottom:5px solid transparent;border-top:20px solid transparent;}
	
.table-price-img{width: 100%;float:left;}
.table-price-img img{
float: left;width: 33.3%;height: auto;border-right:10px solid transparent;border-bottom:20px solid transparent;box-sizing: border-box;}


.table-price table{
box-sizing: border-box;
border-collapse:collapse;
text-align: left;
width: 100%;margin-bottom: 20px;line-height:200%;
}
.table-price table th,
.table-price table td{
border: 1px solid #ccc;box-sizing: border-box;padding-left:20px;padding-top: 10px;padding-bottom: 10px;padding-right:10px;
}
.table-price table th{width: 50%;
}

/* -- cleaning_ --*/

/* -- company --*/

.table-company table{
box-sizing: border-box;
border-collapse:collapse;
text-align: left;
width: 100%;line-height:200%;
}
.table-company table th,
.table-company table td{
border: 1px solid #ccc;box-sizing: border-box; border-box;padding-left:20px;padding-top: 10px;padding-bottom: 10px;padding-right:10px;

}
.table-company table th{
  background: #eee;width: 20%;
}
@media (max-width: 650px) {
.table-company table{
      width: 100%;
    }
.table-company table th,
.table-company table td{
     display: block;
    }
.table-company table th{
     border-top: none;width: 100%;text-align: center;padding-left: 0px;padding-top: 10px;padding-bottom: 10px;
    }
	

.table-company table td{
     border-top: none;width:100%;  
    }
.table-company  table tr:first-child th{
      border-top: 1px solid #ccc;
    }
  }

/* -- company --*/

/* -- estimate-form --*/

.estimate{text-align: center;
float:left;width: 100%;height: 35px; font-size: 130%;line-height: 160%; font-weight: 600;color: #0096d2;border-bottom:1px solid #ccc;box-sizing: border-box;margin-bottom: 10px;}
.text-estimate{
float:left;width: 100%;font-size: 100%;line-height: 160%; font-weight: 600;color: #333;margin-bottom: 20px;}

input[type="submit"],
input[type="text"],
select,
textarea,
button {
border:20px solid transparent;
box-sizing: border-box;
box-shadow: none;
outline: none;
border:none;
}

input[type="text"],
textarea {
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 15px;
  transition: 0.8s;
  border-radius: 0; width: 100%;
}

input[type="text"]:focus,
textarea:focus {
  background: #e9f5fb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

textarea[name="content"] {
  display: inline-block;
  width: 90%;
  height: 200px;
}

input::placeholder,
textarea::placeholder {
  color: #ccc;
}

	
.form-table table{
box-sizing: border-box;
border-collapse:collapse;
text-align: left;
width: 100%;
}
.form-table table th,
.form-table table td{
border: 1px solid #ccc;box-sizing: border-box; border-box;padding-left:10px;padding-top: 10px;padding-bottom: 10px;padding-right:10px;

}
.form-table table th{
  background: #eee;width: 30%;
}

.submit_button{border: 20px solid transparent;box-sizing: border-box;width: 280px;margin-left: auto;margin-right: auto;}

.submit_button-1 {float: left;
width: 100px;font-size: 110%;font-weight: 600;
height: 40px;margin: 5px;border: none;
background-color: #0096d2;color: #fff;cursor: pointer;-webkit-appearance: none;
border-radius: 0;
}
.submit_button-2 {float: left;
width: 100px;font-size: 110%;font-weight: 600;
height: 40px;margin: 5px;border: none;
background-color: #999;color: #fff;cursor: pointer;-webkit-appearance: none;
border-radius: 0;
}
.submit_button-3 {margin-left: auto;margin-right: auto;
width: 250px;
font-size: 110%;font-weight: 600;
height: 40px;margin: 5px;border: none;
background-color: #999;color: #fff;cursor: pointer;-webkit-appearance: none;
border-radius: 0;
}	
	
.aka{margin-left: 5px; color: red;display:inline;}

@media (max-width: 650px) {
.form-table table{
      width: 100%;
    }
.form-table table th,
.form-table table td{
     display: block;
    }
.form-table table th{
     border-top: none;width: 100%;text-align: center;padding-left: 0px;padding-top: 10px;padding-bottom: 10px;
    }
	

.form-table table td{
     border-top: none;width:100%;  
    }
.form-table  table tr:first-child th{
      border-top: 1px solid #ccc;
    }
.aka{float:none;color: rgba(255,0,4,1.00)}
  }

/* -- estimate-form --*/



.tel{margin-top: 50px; width: 100%; font-size: 300%;font-weight: 400;color: #0096d2;float: left;font-family: "Sawarabi Mincho"; ;
}
.hour{margin-top: 20px; width: 100%; font-size: 130%;font-weight: 400;color: #0096d2;float: left;font-family: "Sawarabi Mincho"; ;
}


fotter{
float: left;width: 100%;height: 160px;font-size: 70%;color: #333333;text-align: center;padding-top: 70px;}