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

#PageTtl{
	background: url(../images/ttl_bg.jpg) no-repeat top center;
	text-align: center;
	padding: 60px 10px 40px 10px;
}

	@media screen and (max-width:767px){#PageTtl{padding: 30px 10px;}}

#PageTtl h2 img{
	width: 100%;
	max-width: 403px;
	height:auto;
}

.sttl{
	text-align: center;
	padding-bottom: 20px;
}

#Pankuzu{
	background: #EEE;
	margin-bottom: 50px;}
	
#Pankuzu ul{
	max-width: 980px;
	margin: 0px auto;
	padding:5px 10px;
}	

#Pankuzu ul li{
	display: inline;
	font-size: 12px;
}

#Pankuzu ul li a{
	color: #ADC646;
	text-decoration: underline;
}

.half{width: 48%; padding-bottom: 30px;}
.half_img img{
	width: 100%;
	height: auto;
	max-width: 470px;
}
@media screen and (max-width:767px){
		.half{width: 100%;}
		.half_img{text-align: center;}
		.half.F_left,.half.F_right{float: none;}}
		
/*会社概要//////////////////////*/
#Company .Lead{padding-bottom: 30px;}
#Company .Top_sttl{padding-top: 30px;}
.name{
	text-align: center;
}
#history{
	background: #EEE;
	padding: 15px 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}
#history table{}

#history table th{
	font-weight: bold;
	white-space: nowrap;
	padding-right: 30px;
}
#history table th,#history table td{
	vertical-align: top;
}

#Outline{
	overflow: hidden;
}

#Outline_l{
	float: left;
	width: 100%;
	margin-right: -440px;
	padding-right:440px;
	box-sizing: border-box;
}

#Outline_l table{border-top: 1px dotted #CCC;}

#Outline_l table th,#Outline_l table td{
	vertical-align: top;
	padding: 12px 0px;
	text-align: left;
	letter-spacing: -0.5px;
	border-bottom: 1px dotted #CCC;}
	
#Outline_l table th{
	font-weight: bold;
	white-space: nowrap;
	padding-right: 20px;
}	

#Outline_r{
	float: right;
	width: 400px;
}
@media screen and (max-width:767px){
	#Outline_l,#Outline_r{
		float: none;
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	#Outline_l{margin-bottom: 20px;}
	#Outline_r{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;}
	#Outline_r	iframe,
	#Outline_r object,
	#Outline_r embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
	#history table th,#history table td{display: block;}
	}

/*サービス///////////////////////////*/
.service_list{position: relative;}
.service1_l,.service2_r{
	padding-bottom: 90px;
	position: relative;
	width: 61%;
}
.service1_l img,.service2_r img{
	width: 100%;
	height: auto;}

.service2_r{float: right;}

.service1_r,.service2_l{
	position: absolute;
	right: 0px;
	top: 60px;
	background: #EEE;
	width: 400px;
	padding: 50px 0px 30px 0px;}

.service2_l{left: 0px;}

.service_list h3{
	text-align: center;
}
.service_txt{
	padding:40px;
	padding-bottom: 60px;
}

	@media screen and (max-width:980px){
		.service1_r,.service2_l{
		width: 380px;
		padding: 50px 0px 30px 0px;}
		.service_txt{padding: 30px 60px;}
	}

	@media screen and (max-width:880px){
		.service1_l,.service1_r,.service2_r,.service2_l{
			position: static;
			float: none;
			width: 100%;
		}
		.service_txt{text-align: center; padding: 20px;}
		.service1_r,.service2_l{padding: 20px 0px;}
	}

.service_ttl_wrap{position: relative; max-width:980px; margin: 0px auto;} 
.service_ttl{
	background-repeat: no-repeat;
	height: 0;
    padding-top: 38.77%;
    background-size: contain;
	position: relative;
	margin-bottom: 10%;
}
.service_ttl.service1{background-image: url(../images/service/service1_bg.jpg);}
.service_ttl.service2{background-image: url(../images/service/service2_bg.jpg); margin-bottom: 30px;}


.service_ttl h3 img{
	position: absolute;
	 top: 0; 
    left: 0;
	right: 0; 
    bottom: 0;
    margin: auto; 
	width: 304px;
	height: 42px;}
	
	@media screen and (max-width:767px){
		.service_ttl h3 img{width: 202px; height:auto;}}
	

ul.service1_menu{
	position: absolute;
	bottom:-60px;
	left: 0px;
	width: 100%;
	text-align:center;
}
ul.service1_menu li{
	display: inline;
	margin: 0px 10px;
}

	@media screen and (max-width:980px){
		ul.service1_menu li img{
			width: 136px;
			height:auto;}
		}
	@media screen and (max-width:810px){
		.service_ttl{margin-bottom: 0px;}
		ul.service1_menu{position: static; padding-top: 10px; padding-bottom: 20px;}
		ul.service1_menu li{margin: 0px 5px;}
		ul.service1_menu li img{width: 85px;}
		}
		
.Service1_txt1,.Service1_txt2{text-align: center;}
.Service1_txt1{font-size: 18px; margin-bottom: 30px;}
.Service1_txt2 span{
	color: #ACC546;
	border: 1px solid #ACC546;
	margin-bottom: 10px;
	padding: 0px 10px;
	font-weight: bold;}
.Service1_txt2{line-height: 2; margin-bottom: 60px;}

.Service2_txt2{
	width: 570px;
	margin: 0px auto;
}
.Service2_txt2 span{color: #ACC546;}

.Service_form_txt1{
	font-weight: bold;
	text-align:center;
	font-size: 18px;
	border-top: 3px solid #EFEFEF;
	padding-top: 10px;
	margin-top: 30px;
}
.Service_form_txt2{
	text-align: center;
	padding: 10px 0px 20px 0px;
}


.service1_wrap{position: relative; padding-top: 70px;}
.service1_outline{
	position: absolute;
	top: 20px;
	width: 45.9%;
	background: #ADC646;
}

.service1_outline.service1_box_l{left: 0px;}
.service1_outline.service1_box_r{right: 0px;}

.service1_outline_inner{padding: 50px 20px 0px 20px;}

.service1_outline h4 img{
	width: 100%;
	height: auto;
	max-width: 383px;
}
.service1_outline_txt1{font-size: 18px; padding-top: 50px; padding-bottom: 30px;}
.service1_outline_txt2 span{color: #FFF; border: 1px solid #FFF; padding: 2px 5px;}
.service1_outline_txt2{margin-bottom: 15px;}

.service1_outline table{margin-bottom: 60px;}
.service1_outline table td{vertical-align: top;}

.service1_img{
	width: 66%;
	margin-left: 7.14%;
}

.service1_img img{
	width: 100%;
	height: auto;
	max-width: 412px;
}

.service1_img.service1_box_r{text-align: right; margin-left: 26.5%;}

.service1_img_inner{
	border: 1px solid #ADC646;
	padding: 18px;
}
.img_320{padding-top: 60px; padding-bottom: 60px;}
.img_300{padding-top: 70px; padding-bottom: 70px;}

	@media screen and (max-width:940px){
		.service1_outline{width: 40%;}}

	@media screen and (max-width:840px){
		.Service1_txt2{margin-bottom: 0px;}
		.Service2_txt2{width: 100%;}
		.service1_wrap{padding-top: 30px;}
		.service1_outline_inner{padding: 20px;}
		.service1_outline_txt1{padding: 20px 0px;}
		.service1_outline table{margin-bottom: 10px;}
		.service1_outline,
		.service1_img{
			position: static;
			width: 100%;
			margin: 0px;
		}
		.service1_img{text-align: center;}
		.service1_img.service1_box_r{margin: 0px; text-align: center;}
		.img_320,.img_300{padding: 18px;}
		}
	
/*コンサルタント紹介//////////////////////*/	
.Profile{
	overflow: hidden;
	padding-bottom: 30px;
}
.Profile_photo{
	float: left;
	width: 230px;}
.Profile_txt{
	float: right;
	width: 100%;
	margin-right: -230px;
	padding-right: 230px;
	box-sizing: border-box;
	font-size: 18px;
}
.Profile_name{margin-bottom: 10px;}
.Profile_name img{
	width: 100%;
	height: auto;
	max-width: 294px;
}
.results{padding-bottom: 60px;}
.results h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.results table{border-top: 1px dotted #CCC;}

.results table th,.results table td{
	vertical-align: top;
	text-align: left;
	padding: 10px 0px;
	border-bottom: 1px dotted #CCC;
}
.results table th{white-space: nowrap; padding-right: 20px; font-weight: bold;}

.Interview_wrapper{
	overflow: hidden;
	max-width: 980px;
	padding-bottom: 30px;
}
.Interview{
	margin-right: -3%;
}
.I_box{
	width: 47%;
	float: left;
	margin-right:3%;
	margin-bottom: 20px;
}
.I_box_inner{
	padding: 14px;
 	border: 1px solid #CCC;
}
.I_btn_more{
	text-align: right;
}
.I_img{
	float: left;
	width: 115px;
}
.I_txt{
	float: right;
	width: 100%;
	margin-right: -115px;
	padding-right: 115px;
	box-sizing: border-box;
}
.I_ttl{
	font-size:13px;
	color: #ACC546;
	border-bottom: 2px solid #ACC546;
	margin-bottom: 10px;
}

.I_ctg{
	font-size: 12px;
	color: #666666;
}

.I_txt h4{
	margin: 10px 0px;
	font-weight: bold;
}

.I_btn_more img{
	width: 110px;
	height: 26px;
}

	@media screen and (max-width:767px){
		.Profile_photo,.Profile_txt{
			float: none;
			width: 100%;
			margin: 0px;
			padding: 0px;
		}
		.Profile_photo{
			text-align: center;
			margin-bottom: 10px;
		}
		.results table th,.results table td{display: block;}
		.results table th{border-bottom: none; padding-bottom: 0px;}
		
		.Interview{
			margin-right: 0;
		}
		.I_box{
			width: 100%;
			float: none;
			margin-right:0;
		}
	}

/*実施事例//////////////////////*/
.case_ttl{padding-bottom: 20px;}

.case_ttl p{
	float: left;
	width: 70px;
	padding-right: 10px;}
	
.case_ttl p img{width: 70px; height: 70px;}	
.case_ttl h3{
	float: left;
	font-size: 24px;
	font-weight: bold;
	padding-top: 15px;
}

ul.case_ctg{
	padding-bottom: 30px;
}

ul.case_ctg li{
	float: left;
	padding-right: 30px;
	padding-bottom: 10px;
}

ul.case_ctg li img{
	width: 80px;
	height: 21px;
	padding-right: 10px;
}
.case{padding-bottom: 50px;}

.case h4{font-size: 18px; font-weight: bold; margin-bottom: 10px;}

.case .half,.Full{
	border-top: 2px solid #CCC;
	padding-top: 10px;}

/*お客様の声//////////////////////*/
#voice h3{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #CCC;
}
#voice p{margin-bottom: 25px;}
#voice span{font-weight: bold;}
.gr{color: #ACC546;}
.or{color: #FF794C;}
.bl{color: #34A4CC;}

#voice section{padding-bottom: 30px;}

/*お問い合わせ//////////////////////*/
table.formTable{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: 20px;}

table.formTable th,
table.formTable td{
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #CCC;
	padding: 15px 0px;
}
table.formTable td div{
	float: left;
	padding-right: 20px;
}

table.formTable th{font-weight: bold; line-height: 1; white-space: nowrap;}

table.formTable td input[type=text]{
	border: 1px solid #CCC;
	height: 20px;
	font-size: 14px;
	padding: 5px;
	line-height: 20px;
}
textarea{
	border: 1px solid #CCC;
	font-size: 14px;
	padding: 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
  outline: 0;
}	

#btn_send input{
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../images/contact/btn_send.gif) no-repeat 0 0;
	background-size: 200px 40px;
	width: 200px;
	height: 40px;
	display: block;
	margin: 0px auto;
	cursor: pointer;
}
.btn_return input{
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	background: url(../images/contact/btn_return.gif) no-repeat 0 0;
	background-size: 200px 40px;
	width: 200px;
	height: 40px;
	display: block;
	margin: 0px auto;
	cursor: pointer;
	margin-top: 10px;
}
.error_messe{
	color:#FF0004;
	margin-bottom: 10px;
}
.Thanks{
	text-align: center;
	font-size: 18px;
	line-height: 2;
	padding: 100px 0px;
}
	@media screen and (max-width:767px){
		table.formTable th,
		table.formTable td{
			display: block;}
		table.formTable td div{float: none; padding: 0px;}	
		table.formTable th{border: none; padding-bottom: 0px;}
		textarea{width: 90%; padding:5%;}
		table.formTable td input[type=text]{width: 90%; padding: 5px 5%;}}