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

/* 各セクションの基本設定 */
.box{
	overflow:hidden;
	position:relative;
	}

.box .contents{
	width:960px;
	margin:0 auto;
	position:relative;
	}

.sec-01 .box{
	height:800px;
	text-align:center;
	background:#333;
}

.sec-02 .box{
	height:960px;
	text-align:center;
}

h2.common-title{
	padding-top:120px;
	font-size:32px;
	font-family: 'Lato', sans-serif;
	font-weight: 300; 
}

p.common-text{
	line-height:3em;
	margin-top:48px;
}

.sec-03 .box{
	height:1165px;
	text-align:center;
	background:#333;
	color:#FFF;
	background:url(../img/bg-sec03-test.jpg);
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
}

.sec-04 .box{
	height:960px;
	text-align:center;
}

.sec-05 .box{
	height:720px;
	background:#efefef;
	background:url(../img/bg-sec05.jpg);
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

/* 各セクション詳細設定 */
.video-box{
	width:100%;
	overflow:hidden;
	height:800px;
	background:url(../img/poster.jpg) no-repeat center center #222;
	position:relative;
	}
#main-v{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-960px;
	}
#main-visual{
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
}


.main-visual-logo{
	position:absolute;
	top:230px;
	left:50%;
	margin-left:-215px;
	
	}

.bg-circle{
	position:absolute;
	top:-93px;
	left:50%;
	margin-left:-403px;
	z-index:-1;
	}
.list-service-box{
	position:absolute;
	top:0;
	left:0;
	}
.list-service{
	width:960px;
	position:relative;

	}

.list-service li{
	position:absolute;
	}

.service-select{
	width:140px;
	height:140px;
	background:#222;
	border-radius:70px;
	overflow:hidden;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	behavior: url(/common/css/PIE.htc);
	}

.service-select img{
	position:absolute;
	top:0;
	left:0;
}

.menu-book{
	top:229px;
	left:16px;
	}
.facade{
	top: 434px;
	left: 55px;
	}
.sp-tools{
	top: 606px;
	left: 184px;

	}
.various{
	top: 684px;
	left: 392px;
	}

.photo{
	border:1px solid #CCC;
	top: 424px;
	left: 575px;
	width:350px;
	height:350px;
	background:#fff;
	border-radius:175px;
	overflow:hidden;
	-webkit-border-radius: 175px;
	-moz-border-radius: 175px;
	behavior: url(/common/css/PIE.htc);
	}
.photo div{
	height:350px;
	}
.photo-title{
	text-align:center;
	font-family: 'Lato', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 300;
	font-size:15px;
	padding-top:56px;
	color:#999;
	}

.iki-iki-content p.jp{
	font-size:17px !important;
	}
.iki-iki:hover,.specialities:hover{
	opacity:0.6;
	}

.photo-text{
	width:248px;
	padding-left: 53px;
	padding-top:16px;
	text-align:left;
	}

.works{
	width:140px;
	height:140px;
	background:#900;
	border-radius:70px;
	overflow:hidden;
	top:229px;
	right:16px;
	-webkit-border-radius: 70px;
	-moz-border-radius: 70px;
	behavior: url(/common/css/PIE.htc);
	}

.works:hover{
	background:#bb1f1f;
	}

.icon-link{
	position:absolute;
	top:0px;
	left:0px;
	}

.link-iki_iki{
	position:absolute;
	left: -73px;
	top: 160px;
	
	}
.link-specialities{
	position:absolute;
	left: -95px;
	top: 317px;
	}

.bg-black{
	background:#000;
	height:915px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	opacity:0;
	}

.greeting-photo{
	width:132px;
	height:132px;
	margin:48px auto 0;
	position:relative;
	}

.greeting-photo img{
	border-radius:66px;
	}
.greeting-photo .name{
	position:absolute;
	bottom:16px;
	right:-16px;
	display:block;
	background:rgba(0,0,0,0.7);
	padding:4px;
	border-radius:3px;
	line-height:1em;
	}

.greeting-text p{
	background:rgba(0,0,0,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#77000000,endcolorstr=#77000000,gradienttype=0);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000,endColorstr=#77000000)";
zoom:1;
	line-height:3em;
	padding:32px;
	margin:48px;
	}

.greeting-text p:not(:target){
    filter: none;
    -ms-filter: none;
}

.moving-menu{
	width:434px;
	height:118px;
	position:relative;
	margin:48px auto 0;
	}
.moving-menu li{
	position:absolute;
	width:118px;
	height:118px;
	overflow:hidden;
	box-sizing:border-box;
	border-radius:59px;
	-webkit-border-radius: 59px;
	-moz-border-radius: 59px;
	behavior: url(/common/css/PIE.htc);
	}
.icon-right{
	background:#fff;
	border:1px solid #ccc;
	left:317px;
	top:0;
	overflow:hidden;
	}
.icon-left{
	background:#fff;
	border:1px solid #ccc;
	left:0;
	top:0;
	overflow:hidden;
	}
.icon-center{
	background:#222;
	left:158px;
	top:0;
	overflow:hidden;
	}
.icon-right:hover,.icon-left:hover{
	background:#eee;
	cursor:pointer;
}


.about-box{
	margin:48px 0;
	}
.company-name{
	margin:0;
	}
.company-info{
	margin:48px 0;
	}
.company-info li{
	text-align:left;
	padding:8px 0 8px;
	border-bottom:1px solid #ccc;
	}
.company-info li div{
	width:720px;
	margin:0 auto;
	}

.company-info li a{
	color:#999;
	}
.company-info li a:hover{
	color:#900;
	}

.info-title{
	display:block;
	float:left;
	width:140px;
	}
.info-text{
	display:block;
	float:left;
	width:580px;
	line-height:1.8em;
	}
.info-text2{
	display:block;
	float:left;
	width:420px;
	line-height:1.8em;
	}

.contact-title{
	padding-top: 150px;
	font-size: 32px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#FFF;
	}
	

.form-box{
	margin-top:32px;
	}
.form-left{
	width:50%;
	float:left;
	}

.form-right{
	width:50%;
	float:right;
	}
	
.input-text{
	background:#fff;
	width:448px;
	height:48px;
	margin-bottom:16px;
	position:relative;
	}

.input-text input{
	width:100%;
	height:48px;
	border:none;
	font-size:18px;
	padding-left:16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	}

.textarea-box{
	background:#fff;
	width:960px;
	height:104px;
	margin-bottom:32px;
	overflow:hidden;
	width:944px;
	position:relative;
	}
.textarea-box textarea{
	width:960px;
	height:88px;
	border:none;
	font-size:18px;
	padding:16px 0 0 16px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Ｐゴシック","MS PGothic";
	resize: none;
	}
.console {
background: #900;
color: #FFF;
position: absolute;
top: 8px;
right: 8px;
display: block;
padding: 3px;
font-size: 11px;
}

.button-box button{
	-webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.36);
	-moz-box-shadow: 2px 3px 4px rgba(0,0,0,.36);
	box-shadow: 2px 3px 4px rgba(0,0,0,.36);
	/*
	background-image: -webkit-linear-gradient(bottom, #ae0000, #c52626);
	background-image: -moz-linear-gradient(bottom, #ae0000, #c52626);
	background-image: -o-linear-gradient(bottom, #ae0000, #c52626);
	background-image: linear-gradient(to top, #ae0000, #c52626);
	*/
	background: #C52626;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C52626), to(#AE0000));
	background: -webkit-linear-gradient(#C52626, #AE0000);
	background: -moz-linear-gradient(#C52626, #AE0000);
	background: -ms-linear-gradient(#C52626, #AE0000);
	background: -o-linear-gradient(#C52626, #AE0000);
	background: linear-gradient(#C52626, #AE0000);
	-pie-background: linear-gradient(#C52626, #AE0000);
	
	
	width: 335px;
	color:#fff;
	height: 48px;
	border: none;
	margin-left:306px;
	cursor:pointer;

	}

.send-msg{
	color:#FFF;
	text-align:center;
	margin-bottom:32px;
	}

/* 20140716　追記*/

.outline-box{
	margin:48px 0;
	}
	
.outline-name{
	margin:0;
	}
	
.outline-info{
	margin:48px 0;
	}
	
.outline-info li{
	text-align:left;
	padding:8px 0 8px;
	border-bottom:1px solid #ccc;
	}
	
.outline-info li div{
	width:560px;
	margin:0 auto;
	}
	
.map-box{
	margin:48px 0;
	}

.map-name{
	margin:0;
	}

.map-info{
	margin:48px 0;
	}

#map_canvas {
	width: 100%;
	height: 400px;
	margin: 48px 0;
	}
.photo-img {
	position:relative;
	}	
.photo-img img {
	position:absolute
	}

.img-menu{
	top: -21px;
	left: 35px;
	}

.img-facade{
	top: 0px;
left: 39px;
	}
	
.img-sp{
	top:0px;
	left: 39px;
	}
	
.img-various{
	top:0px;
	left:50px;
	}

.img-iki{
	top: -6px;
	left: 63px;
	}
.img-special{
	top: -13px;
left: 34px;
	}

.dot{
	background:url(../img/dot.png);
	height:800px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}
.dot2{
	background:url(../img/dot.png);
	height:1165px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}

.dot3{
	background:url(../img/dot.png);
	height:720px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	}

.v-logo{
	color:#fff;
	font-size:80px;
	text-align:center;
	position:absolute;
	top:48%;
	width:800px;
	height:175px;
	text-align:center;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-60px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	}

.v-logo img{
	width:80%;
	}