@charset "utf-8";



/* =========================================================
   mainimage
========================================================= */
#mainimage {
	height:360px;
	background:url(../images/mainimage.jpg) top center no-repeat #edf2f6;
	z-index:-100;
}

#mainimage:not(:target){background-position-x:center;}

/*

#mainimage {
	height:360px;
	z-index:-100;
}

#mainimage .bxslider {
	z-index:-100;
}

#mainimage:not(:target){background-position-x:center;}

*/
/* =========================================================
   global
========================================================= */
.con-inner {
	width:1000px;
	margin:0 auto;
}

#title {
	height:74px;
	padding-top:26px;
}

.stit {
	background:url(../../common/images/stit_line.png) top center no-repeat;
	text-align:center;
	padding-top:31px;
	padding-bottom:40px;
	margin-top:60px;
}

.sub_nav{
	width:455px;
	display:block;
	margin:0 auto;
	margin-top:60px;
}
.sub_nav1,.sub_nav2{
	width:220px;
	height:40px;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:38px;
	text-align:center;
	border:2px solid #EDA001;
	border-radius:5px;
	box-sizing:border-box;
	-moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.sub_nav1{
	margin-right:15px;
	background:#ed7b01;
	color:#fff;
	border:2px solid #ed7b01;
}
.sub_nav2:hover{
	color:#fff;
	border:2px solid #ed7b01;
	background:#ed7b01;
}
.sub_nav1:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.6;
	opacity:0.6;
}
/* =========================================================
   contents
========================================================= */

.stit{
	padding-bottom:27px;
	margin-top:63px;
}
.consulting_about p{
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	margin-top:47px;
}

.works_box{
	padding-top:40px;
	background:url(../images/box_bg.png) top center no-repeat;
	}
.works_box h2{
	font-size:28px;
	font-weight:bold;
	color:#ff604a;
	margin-bottom:50px;
	text-align:center;
	}

.works_box .fl_inr{
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	
	}
.works_box .text_box{
	width:560px;
	}
.works_box .text_box p{
	font-size:15px;
	line-height:30px;
	letter-spacing:-0.06em;
	margin-bottom:20px;
	}
.works_box .text_box .introduction{
	width:100%;
	background:#f4f4f4;
	padding:10px 22px 24px;
	border:1px solid #e8e8e8;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	box-sizing:border-box;
	
	}
.works_box .text_box .introduction h3{
	font-size:18px;
	font-weight:bold;
	color:#ed7b01;
	}
.works_box .text_box .introduction p{
	font-size:13px;
	line-height:24px;
	margin-bottom:0;
	}
.works_box .image_box{
	width:400px;
	position:relative;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-sizing:border-box;
	background-size:cover;
	background-position:center center;
	}
.works_box .image_box h3{
	width:376px;
	position:absolute;
	left:12px;
	bottom:9px;
	color:#fff;
	background:#ed7b01;
	text-align:center;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	}
.works_box .popup_btn{
	margin:45px 0 0;
	width:100%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	/*
	-webkit-justify-content: space-between;
    justify-content: space-between;
	*/
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
.works_box .popup_btn li{
	margin:0 40px 30px 0;
	width:220px;
	height:160px;
	box-sizing:border-box;
	}
.works_box .popup_btn li a{
	display:block;
	position:relative;
	width:220px;
	height:160px;
	background-size:cover;
	background-posotion:center center;
	box-sizing:border-box;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.works_box .popup_btn li a:before{
	content:"";
	display:block;
	width:33px;
	height:33px;
	background:url(../images/zoom_icon.png) center center no-repeat;
	position:absolute;
	top:8px;
	right:12px;
	}
	
.works_box .popup_btn li a h4{
	position:absolute;
	width:196px;
	left:8px;
	bottom:10px;
	background:#ed7b01;
	padding:2px 5px 3px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	}
	
	
.works_box .popup_btn li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	
	}
	
.works_box .popup_btn li.is-empty {
	width:0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.voice_box{
	width:100%;
	position:relative;
	padding:50px 20px 20px  190px;
	box-sizing:border-box;
	min-height:170px;
	background: url(../../common/images/dot_gr.png) left top repeat-x;
	}

.voice_box:before{
	content:"";
	display:block;
	position:absolute;
	width:148px;
	height:140px;
	left:0;
	top:30px;
	background:url(../images/voice_icon.png);
	}
.voice_box p{
	font-size:14px;
	line-height:26px;
	}
	
	

.reference_box{
	margin-bottom:110px;
	}
.reference_box .merker{
	font-size:14px;
	font-weight:bold;
	}
.reference_box .reference_img{
	position:relative;
	width:100%;
	height:357px;
	background:url(../images/reference_img.jpg) center center no-repeat;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	
	}
.reference_box .reference_img h2{	
	width:236px;
	position:absolute;
	left:12px;
	bottom:9px;
	color:#fff;
	background:#ed7b01;
	text-align:center;
	padding:3px 0;
	font-size:14px;
	font-weight:bold;
	}
.reference_box .bihin{
	position:relative;
	padding-left:110px; 
	font-size:13px;
	margin-top:22px;
	}

.reference_box .bihin:before{
	content:'導入備品';
	position:absolute;
	left:0;
	top:-6px;
	font-size:18px;
	color:#ed7b01;
	font-weight:bold;
	}
.reference_box .popup_btn{
	margin:35px 0 0;
	width:100%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	/*
	-webkit-justify-content: space-between;
    justify-content: space-between;
	*/
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
.reference_box .popup_btn li{
	margin:0 40px 30px 0;
	width:220px;
	height:160px;
	box-sizing:border-box;
	}
.reference_box .popup_btn li a{
	display:block;
	position:relative;
	width:220px;
	height:160px;
	background-size:cover;
	background-posotion:center center;
	box-sizing:border-box;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.reference_box .popup_btn li a:before{
	content:"";
	display:block;
	width:33px;
	height:33px;
	background:url(../images/zoom_icon.png) center center no-repeat;
	position:absolute;
	top:8px;
	right:12px;
	}
	
.reference_box .popup_btn li a h4{
	position:absolute;
	width:196px;
	left:8px;
	bottom:10px;
	background:#ed7b01;
	padding:2px 5px 3px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	}
	
	
.reference_box .popup_btn li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	
	}
	
.reference_box .popup_btn li.is-empty {
	width:0;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}


	
	
/* ==========================================================================
	inline_box
========================================================================== */


.popup_box{
	width:1000px;
	margin:20px auto;
	background:#fff;
	padding:25px;
	box-sizing:border-box;
	}
.popup_box2{
	width:400px;
	}
.popup_inr{
	width:100%;
	box-sizing:border-box;
	}
.popup_box img{
	border:0;
	margin-top:-1px;
	}

.popup_box .fl_inr{
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

.popup_box .text_box{
	width:520px;
	}
.popup_box .text_box p{
	font-size:15px;
	line-height:30px;
	letter-spacing:-0.06em;
	margin-bottom:20px;
	}
.popup_box .text_box .introduction{
	width:100%;
	background:#f4f4f4;
	padding:10px 22px 24px;
	border:1px solid #e8e8e8;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	box-sizing:border-box;
	
	}
.popup_box .text_box .introduction h3{
	font-size:18px;
	font-weight:bold;
	color:#ed7b01;
	}
.popup_box .text_box .introduction p{
	font-size:13px;
	line-height:24px;
	margin-bottom:0;
	}
.popup_box .image_box{
	width:400px;
	position:relative;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	box-sizing:border-box;
	background-size:cover;
	background-position:center center;
	}
.popup_box .image_box h3{
	width:376px;
	position:absolute;
	left:12px;
	bottom:9px;
	color:#fff;
	background:#ed7b01;
	text-align:center;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	}
	
/*
.popup_box h2{
	font-size:16px;
	margin:20px 0;
	text-align:center;
	color:#fff;
	padding:5px 0;
	font-weight:bold;
	background:#ed7b01;
	}
.popup_box p{
	font-size:15px;
	line-height:30px;
	margin-bottom:0;
	}
.popup_box .introduction{
	width:100%;
	background:#f4f4f4;
	padding:10px 22px 24px;
	border:1px solid #e8e8e8;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	box-sizing:border-box;
	
	}
.popup_box .introduction h3{
	font-size:18px;
	font-weight:bold;
	color:#ed7b01;
	}
.popup_box .introduction p{
	font-size:13px;
	line-height:24px;
	margin-bottom:0;
	}
	*/