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

.wrapper-message {
	text-align: center;
}
.wrapper-service{
	background: #F9F8F6;

} 
.wrapper-price{
	background: #8C8C8C;
	color: #d0d0d0;

} 
/*.wrapper-space{
	background: #E9E3DF;
}*/
.wrapper-contact{
	background: url("../img/b_form.png");
	background-position: top;

	
} 
.sns{
	background-image: url("../img/icon_insta.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 35px;
}
.photos {
   /* Prevent vertical gaps */
   line-height: 0;
 width: 100%;
   -webkit-column-count: 5;
   -webkit-column-gap:   0px;
   -moz-column-count:    5;
   -moz-column-gap:      0px;
   column-count:         5;
   column-gap:           0px;
 
}
.photos span {
  /* Just in case there are inline attributes */
  width: 25% !important;
  height: auto !important;
	display: block;
}
ul.service li.s01{
background-image: url("../img/i_01.png");
}
ul.service li.s02{
background-image: url("../img/i_02.png");
}
ul.service li.s03{
background-image: url("../img/i_03.png");
}
ul.service li.s04{
background-image: url("../img/i_04.png");
}
ul.service li.s05{
background-image: url("../img/i_05.png");
}
ul.service li.s06{
background-image: url("../img/i_06.png");
}
ul.service li.s07{
background-image: url("../img/i_07.png");
}
ul.service li.s08{
background-image: url("../img/i_08.png");
}
ul.service li.s09{
background-image: url("../img/i_09.png");
}
ul.service li.s10{
background-image: url("../img/i_10.png");
}
ul.service li.p01{
background-image: url("../img/i_p01.png");
}
ul.service li.p02{
background-image: url("../img/i_p02.png");
	position: relative;
}
ul.service li.p03{
background-image: url("../img/i_p03.png");
}
ul.service li.p04{
background-image: url("../img/i_p04.png");
}
ul.service li.p05{
background-image: url("../img/i_p05.png");
}
ul.service li.p06{
background-image: url("../img/i_p06.png");
}
ul.service li.p07{
background-image: url("../img/i_p07.png");
}
ul.service li.p08{
background-image: url("../img/i_p08.png");
}
.i_copy{
width: 50%;
	margin-top: -100%;
	bottom: -20px;
}
header{

}
header h1{
	background-image: url("../img/logo2.png");
	background-repeat: no-repeat;
	background-size:100%;
	width: 500px;
	height: 250px;
	margin: auto;
	vertical-align: middle;
		font-size: 0.8em;
	color: rgba(0,0,0,0);
	font-weight: normal;
	padding-top: 80px;
}
#contact h1{
	background-image: url("../img/logo_bl2.png");
	background-repeat: no-repeat;
	background-size:100%;
	width: 500px;
	height: 250px;
	margin: auto;
	vertical-align: middle;
		font-size: 0.8em;
	color: rgba(0,0,0,0);
	font-weight: normal;
	padding-top: 80px;
}

header h2{
padding: 80px 0px 30px;
	width: 100%;
	margin: auto;
	color: #fff;

}
#contact h2{
padding: 80px 0px 30px;
	width: 100%;
	margin: auto;
	font-size: 0.9em;
	font-weight: normal;
	color:rgba(0,0,0,0.4);
	

}
.wrapper-message{
	color: #fff;
	font-size: 1.2em;
}
h3.for{
	background-image: url("../img/t_for.png");
}
h3.price{
	background-image: url("../img/t_price.png");
	
}
h3.simulation{
	background-image: url("../img/t_simulation.png");
}
h3.plan{
	background-image: url("../img/t_plan.png");
}
h3.space{
	background-image: url("../img/t_space.png");
}
h3.price2{
	background-image: url("../img/t_price02.png");
}
h3.flow{
	background-image: url("../img/t_flow.png");
}
h3.use{
	background-image: url("../img/t_howto.png");
}

#follors h2{
	text-align: center;
	padding: 20px 0 40px 0;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.8em;
}
.gotop {
  display: inline-block;
  text-decoration: none;
  background: #D8CDC6;
  color: #fff;
  width: 90px;
  height: 90px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
}

.gotop:hover {
  background: #E9E3DF;
}
.btngo:hover{
	 background-color: rgba(255,255,255,0.57);
	color: rgba(255,255,255,1.00);
	transition: .4s;
}
table.simulation{
    border-spacing:0
}
table.simulation td{
	padding: 8px;
	vertical-align: middle;
	text-align: center;
white-space: nowrap;
}
td.line{
	border-top: solid 1px #bababa;
	border-right: solid 1px #bababa;
}
td.lineend{
	border-top: solid 1px #bababa;
}
.fonts{
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	padding-right: 30px;
	text-align: right;
}
.fontl{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
width: 100%;
}
.plansample{
	background:#EEE9E6;
	padding: 15px;
	margin: 8px;
	text-align: center;
	height: 100%;
	width: 200px;
}
div.simulation h4{
	font-weight: bold;
	padding: 20px 0px;
	width: 230px;
	
}
div.simulation{
	background-color: #EEE9E6;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 7px 0px;
	
}
.yajirushi{
	background-image: url("../img/yajirushi.png");
	background-position: center bottom 3px;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}
table.simulationplan{
    border-spacing:0px;
}
table.simulationplan td{
	margin: 4px;
	padding: 8px;
	vertical-align: middle;
	text-align: center;
white-space: nowrap;
}
.simulationplan img{
	width: 70%;
	border-top: solid 1px #6F6F6F;
	padding-top: 1px;
}
.simulationplan h4{
	font-weight: normal;
	
	margin: 0px;
	width: 230px;
}
.simulationplan h4.onplan{
	font-weight: normal;
	padding: 8px;
	margin: 0px;
	background-color: #A88D7A;
	width: 230px;
	color: #fff;
}
.onplan{
	background-color: #fff;
}
.keihi{
	width: 45%;
	float: left;
}
.keihien{
	width: 45%;
	float: left;
	text-align: right;
}