@charset "utf-8";
/* CSS Document */
/*===============================================
●smart.css  画面の横幅が680pxまで
===============================================*/



/*clear both*/

.c-both
{
        clear:both;
		display:block;
		visibility:hidden;
}

/*------------------------------------------------------

color:#8CA93F;



----------------------------------------------------------*/


/*-----------------トップページ----------------------*/

body {
	width:680px;
	margin-left:auto;
	margin-right:auto;}

#top {
	background-image:url(../images/top_sp.jpg);
	width:680px;
	height:719px;
	background-position:center;}
	
#topConcept {
	background-image:url(../images/concept_sp.jpg);
	width:680px;
	height:143px !important;
	background-position:center;}
	
#topPolicy {
	background-image:url(../images/policy_sp.jpg);
	width:680px;
	height:143px !important;
	background-position:center;}
	
#topContact {
	background-image:url(../images/contact_sp.jpg);
	width:680px;
	height:143px !important;
	background-position:center;}
	
#topService {
	background-image:url(../images/service_sp.jpg);
	width:680px;
	height:143px !important;
	background-position:center;}
	
#topAbout {
	background-image:url(../images/about_sp.jpg);
	height:680px;
	height:143px !important;
	background-position:center;}

#topPolicy {
	background-image:url(../images/policy_sp.jpg);
	height:680px;
	height:143px !important;
	background-position:center;}

p {
	font-family:"秀英明朝 L" !important;}


span { 
	font-family: FB Ibis RE Italic !important;}
	
.gNavi {
	background-image:url(../images/menu_sp.png);
	width:83px;
	height:83px;
	text-indent:-9999px;
	position:fixed;
	top:25px;
	left:25px;
	z-index:2;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
	}
	
.gNavi:hover {
	-webkit-transform: rotate(-180deg);
     -moz-transform: rotate(-180deg);
       -o-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);}	
	
.wBox {
	width:600px;
	background-color:#FFF;
	color:#333;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding:20px;
	}
	
.wBox2 {
	width:640px;
	background-color:#FFF;
	color:#333;
	margin-left:auto;
	margin-right:auto;
	display:block;
	height:200px;}
	
.wBox img {
	float:left;}
	
	
.wBox .textBox_service {
	width:350px;
	float:left;
	margin-left:20px;}	
	
.wBox .textBox_about {
	width:480px;
	float:left;
	margin-left:25px;
	text-align:left !important;}
	
.wBox .textBox_concept {
	width:480px;
	float:left;
	margin-left:25px;
	text-align:left !important;}	
	
.wBox .textBox_about span{
	margin-right:0 !important;}	
	
.wBox p {font-size:24px !important;
	color:#8CA93F;
	font-family:"秀英明朝 L";
	line-height:160%;
	letter-spacing:0.1em;
	margin-top:5px;}
	
.wBox p.mini {
	
	font-size:16px !important;
	color:#8CA93F;
	font-family:"秀英明朝 L";
	line-height:160%;
	letter-spacing:0.1em;}

.wrapper {
	width:640px;
	margin-left:auto;
	margin-right:auto;}
	
.wrapper2 {
	width:680px;
	background-color:#EEE;
	padding-top:20px;
	padding-bottom:30px;}
	
.wrapperP {
	width:600px;
	margin-left:auto;
	margin-right:auto;}
	
#logo {
	background-image:url(../images/logo.png);
	width:412px;
	height:125px;
	margin:293px auto auto auto;
	text-indent:-9999px;
	}
	
p.topCatch {
	font-size:16px;
	line-height:170%;
	letter-spacing:0.1em;
	color:#FFF;
	margin-top:140px;}
	
#net {
	background-image:url(../images/e_line20150609_14.png);
	background-position:center;
	height:126px;
	margin-top:40px;}
	
.floatR{
	float:right;}
	
.floatL{
	float:left;}
	
.concept02 {
	margin-right:50px;
	margin-top:220px;}
	
.concept01 {
	margin-left:80px;
	margin-top:317px;}
	
.textBox { width:640px;
text-align:center;}

.textBox2 { 
text-align:left;}

.textBox2 { width:740px;
position:relative;
top:30px;}

.catch {
	color:#8CA93F;
	font-size:30px;
	line-height:170%;
	letter-spacing:0.1em;}
	
.catch2 {
	color:#8CA93F;
	font-size:24px;
	line-height:170%;
	letter-spacing:0.1em;}
	
.colorW {
	color:#FFF !important;}	
	
.catchW {
	color:#FFF;
	font-size:32px;
	line-height:170%;
	letter-spacing:0.1em;}
	
hr.line {
	width:20px;
	text-align:center !important;}
	
.text {
	font-size:14px !important;
	color:#8CA93F;
	line-height:170%;
	letter-spacing:0.1em;
	margin-top:27px;}

	
a {
text-decoration: none;

}
	
a span {
	border:#8CA93F 1px solid;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	color:#8CA93F;
	text-decoration:none;
	font-size:13px;
	margin-top:20px;
	display:block;
	width:165px;
	-webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
          transition: all 0.6s ease;
		  margin-left:auto; margin-right:auto;
}

a span:hover{
	border:#8CA93F 1px solid;
	border-radius:6px;
	color:#8CA93F !important;
	-webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
       -o-transition: all 0.6s ease;
      -ms-transition: all 0.6s ease;
          transition: all 0.6s ease;
		  background-color:#FFFFC4;

}

a span.colorW {
	border:#FFF 1px solid;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size:13px;
	margin-top:20px;
	display:block;
	width:165px;
}

a span.colorW:hover{
	border:#FFF 1px solid;
	border-radius:6px;

}


	
.division {
	width:1000px;
	background:#CFF;
	display:block;}
	
	
.serviceBox{
	margin-right:35px;}	
	
.serviceBox p{
	color:#FFF;
	text-decoration:none;	font-size:16px;
	margin-top:14px;
	display:block;
	}
	
.serviceBox p.detail{
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	margin-top:8px;
	display:block;
	width:215px;
	line-height:160%;
	letter-spacing:0.1em;
	}
	

.cBox{ 
	width:1200px;
	height:115px;
	display:block;
	text-indent:-9999px;}	




.topMessage {
	width:800px;
	margin-left:115px;
	padding-top:135px;
	}

p.aboutTitle {
	letter-spacing:0.1em;
	color:#8CA93F;
	text-decoration:none;	font-size:16px;
	margin-bottom:5px;}
	
	
p.name {
	line-height:160%;
	letter-spacing:0.1em;
	color:#8CA93F;
	text-decoration:none;
	font-size:13px !important;
	margin-top:5px;}



#topAbout .profile{
	width:240px;
	margin-top:56px;
	float:left;
	margin-left:115px;
	}


p.call,p.fax {
	line-height:160%;
	letter-spacing:0.1em;
	color:#8CA93F;
	text-decoration:none;
	font-size:21px;
	}

p.call a,p.fax a{
	color:#8CA93F;
	text-decoration:none;
	}

#topAbout .access{
	width:400px;
	float:left;
	margin-top:56px;
	margin-left:130px;
	font-size:14px !important;
	}
	
p.address {
	line-height:160%;
	letter-spacing:0.1em;
	color:#8CA93F;
	text-decoration:none;
	font-size:14px !important;}
	
p.address a {
	line-height:160%;
	letter-spacing:0.1em;
	color:#8CA93F;
	text-decoration:none;
	font-size:14px !important;}
	


#footer{
	background-image:url(../images/footer_sp.jpg);
	background-position:center;
	padding-top:20px;
	padding-bottom:10px;
	height:200px;
	display:block !important;
	}
	
.footerBox {
	text-align:center !important;
	margin-bottom:15px;
	display:block !important;
	} 


#footer p {
  text-align:center !important;
  color:#FFF;
  font-family: FB Ibis RE Italic;	font-size:16px;
  line-height:160%;
  letter-spacing:0.1em;
  display:block !important;
  }
  
#footer p.footerP{
	position:relative;
	top:26px;
  }



/*-----------------グローバルナビ部分----------------------*/


ul.menu {
	text-align:center;
	margin-top:50px;
	text-decoration:none;
	}

ul.menu li {
	text-align:center;
	font-family: FB Ibis RE Italic;
	font-size:50px;
	margin-bottom:33px;
	text-decoration:none;
	}
	
ul.menu li a {
	text-decoration:none;
	color:#FFF;
    -webkit-transition: 1s;
     -moz-transition: 1s;
     -o-transition: 1s;
     -ms-transition: 1s;
     transition: 1s;
	}
	
	
	
ul.menu li a:hover {
	color:#FFFFBF;
	-webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    -ms-transform: scale(1.5,1.5);
    transform: scale(1.2,1.2);
   
}	
	
ul.menu li a p{
	text-decoration:none;
	color:#FFF;
	font-size:13px;
	margin-top:10px;
	letter-spacing:0.13em !important;
	}
	
	
.closeBtn {
	background-image:url(../images/menu_xsp.png);
	width:83px;
	height:83px;
	text-indent:-9999px;
	position:fixed;
	top:25px;
	left:25px;
	z-index:2;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;}
	
.closeBtn:hover {
	-webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);}

.menufont {	font-size:16px;
	color:#FFF;
	margin-top:100px;
	text-align:center;
	letter-spacing:0.2em !important;
	font-family: FB Ibis RE Italic;
	}


/*-----------------下層ページ----------------------*/
.title {
	text-align:center;
	padding-bottom:40px;
	}
	
.title img{
	margin-top:30px;
	}

.title p{
	margin-top:3px;	font-size:16px;
	letter-spacing:0.18em !important;
	line-height:150%;
	}
.plContents {
	background:#EEE;
	color:#777;
	}

.plContents ul { margin-left:25px;
				margin-right:5px;
				padding-top:8px;
				padding-bottom:15px;}

.plContents li { 
				display: inline;
				margin-right:10px;
				margin-left:3px;
				letter-spacing:0.04em !important;
				font-family: FB Ibis RE Italic;
				font-size:15px;}

.Tcenter {text-align:center !important;}
.Tleft {text-align:left !important;}
.Tright {text-align:right !important;}
	
.catchC {
	color:#444;
	font-size:38px;
	line-height:170%;
	letter-spacing:0.1em;
	}

.missionPosi {
	position:relative;
	top:-60px;}
	
h2 {
	font-size:30px;
	letter-spacing:0.1em !important;
	line-height:150%;
	color:#8CA93F;
	font-family:"秀英明朝 L";
	padding-top:12px;
	padding-bottom:12px;
	margin-left:20px;
	}
	
h2 span {
	font-size:15px !important;
	letter-spacing:0.18em !important;
	line-height:150%;
	color:#444 !important;
	margin-left:10px;
	font-family:"秀英明朝 L";
	}


.wrapperContents {
	width:1046px;
	margin:30px auto 30px auto;
	padding-top:60px;
	padding-bottom:60px;}
	
.CP {
	width:187px;
	margin-right:20px;}
	
.CP p {	font-size:16px;
	line-height:160%;
	letter-spacing:0.1em;
	color:#8CA93F;
	height:73px;
	}
	
.CP span {
	font-size:15px;
	line-height:160%;
	letter-spacing:0.1em;
	color:#444;
	font-family:"秀英明朝 L";
	}
	
.FMAbout{
	width:260px;
	height:180px;
	float:left;
	display:block;
	}

.FMAccess{
	width:378px;
	height:180px;
	float:left;
	display:block;
	
	}


.FMPolicy{
	width:220px;
	height:180px;
	float:left;
	display:block;
	
	}

.aboutH {
	height:100px;
	}

.plContents ul li a{
	text-decoration:none;
	color:#8CA93F;}
	
.plContents ul li a:hover{
	text-decoration:none;
	color:#8CA93F;}

/*-----------------下層ページ　コンセプト----------------------*/
#conceptContents {
	background-image:url(../images/concept_back.png);
	background-position:center top;}
	
#servicetContents {
	background-image:url(../images/back.png);
	background-position:center top;
	height:153px;}
	
#aboutContents {
	background-image:url(../images/about_back.png);
	background-position:center top;
	height:1851px;}



.ico {
	background-image:url(../images/ico_concept.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	height:29px;
	padding-top:62px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	}

.mission {
	background-image:url(../images/concept_01.png);
	height:382px;
	margin-top:50px;
	font-family:"秀英明朝 L";
	}
	
.mission p{
	}

.missionText {
	margin-top:30px;
	font-family:"秀英明朝 L";}
	
p.textC {
	font-size:14px !important;
	color:#333;
	line-height:160%;
	letter-spacing:0.1em;
	margin-top:10px;
	text-align:left !important;}


	
ul.mottoList li{	font-size:16px;
	color:#444;
	line-height:170%;
	letter-spacing:0.22em;
	margin-top:10px;
	}
	
ul.mottoList li span{	font-size:16px;
	color:#8CA93F;
	line-height:170%;
	letter-spacing:0.22em;
	margin-top:10px;}
	
ul.mottoList{
	list-style:none;
	font-family:"秀英明朝 L";}
	
	
#footerMenu {
	background:url(../images/footer_menu.png);
	background-position:center top;
	height:326px;
	}
	
.Category img {
	display:block;}

.aboutBox {
	margin-left:330px;
	width:870px;
	height:440px;
	}

.about_info {
	width:490px;}
.about_info th,
.about_info td,
.recruit_info th,
.recruit_info td{
	border-bottom:#c9caca 1px dotted; 
	border-top:#c9caca 1px dotted;
	padding:13px 0;
	font-size:14px !important;
	letter-spacing:0.13em;
	color:#777;
}

.about_info th,
.recruit_info th{
	width:20%;
	padding-left:10px;
	text-align:left;
	color:#777;
	}	

	.line{
	border-left: 1px solid #CCC;
	padding-left:30px;
	display:block;
	}
/*-----------------マージン----------------------*/

.marginT5 { margin-top:5px;}
.marginT10 { margin-top:10px;}
.marginT15 { margin-top:15px;}
.marginT20 { margin-top:20px;}
.marginT25 { margin-top:25px;}
.marginT30 { margin-top:30px;}
.marginT35 { margin-top:35px;}
.marginT40 { margin-top:40px;}
.marginT45 { margin-top:45px;}
.marginT50 { margin-top:50px;}
.marginT55 { margin-top:55px;}
.marginT60 { margin-top:60px;}
.marginT65 { margin-top:65px;}
.marginT70 { margin-top:70px;}
.marginT75 { margin-top:75px;}
.marginT80 { margin-top:80px;}
.marginT85 { margin-top:85px;}
.marginT90 { margin-top:90px;}
.marginT95 { margin-top:95px;}
.marginT100 { margin-top:100px;}

.marginB5 { margin-bottom:5px;}
.marginB10 { margin-bottom:10px;}
.marginB15 { margin-bottom:15px;}
.marginB20 { margin-bottom:20px;}
.marginB25 { margin-bottom:25px;}
.marginB30 { margin-bottom:30px;}
.marginB35 { margin-bottom:35px;}
.marginB40 { margin-bottom:40px;}
.marginB45 { margin-bottom:45px;}
.marginB50 { margin-bottom:50px;}
.marginB55 { margin-bottom:55px;}
.marginB60 { margin-bottom:60px;}
.marginB65 { margin-bottom:65px;}
.marginB70 { margin-bottom:70px;}
.marginB75 { margin-bottom:75px;}
.marginB80 { margin-bottom:80px;}
.marginB85 { margin-bottom:85px;}
.marginB90 { margin-bottom:90px;}

.marginL5 { margin-left:5px;}
.marginL10 { margin-left:10px;}
.marginL15 { margin-left:15px;}
.marginL20 { margin-left:20px;}
.marginL25 { margin-left:25px;}
.marginL30 { margin-left:30px;}
.marginL35 { margin-left:35px;}
.marginL40 { margin-left:40px;}
.marginL45 { margin-left:45px;}
.marginL50 { margin-left:50px;}
.marginL55 { margin-left:55px;}
.marginL60 { margin-left:60px;}
.marginL65 { margin-left:65px;}
.marginL70 { margin-left:70px;}
.marginL75 { margin-left:75px;}
.marginL80 { margin-left:80px;}
.marginL85 { margin-left:85px;}
.marginL90 { margin-left:90px;}
.marginL95 { margin-left:95px;}
.marginL100 { margin-left:100px;}
.marginL105 { margin-left:105px;}

.marginR5 { margin-right:5px;}
.marginR10 { margin-right:10px;}
.marginR15 { margin-right:15px;}
.marginR20 { margin-righ:20px;}
.marginR25 { margin-righ:25px;}
.marginR30 { margin-righ:30px;}
.marginR35 { margin-righ:35px;}
.marginR40 { margin-righ:40px;}
.marginR45 { margin-righ:45px;}
.marginR50 { margin-righ:50px;}
.marginR55 { margin-righ:55px;}
.marginR60 { margin-righ:60px;}
.marginR65 { margin-righ:65px;}
.marginR70 { margin-righ:70px;}
.marginR75 { margin-righ:75px;}
.marginR80 { margin-righ:80px;}
.marginR85 { margin-righ:85px;}
.marginR90 { margin-righ:90px;}

.marginT-30 {
	margin-top:-30px;}


.paddinR50 {
	padding-right:130px;
	}
	
.paddinB20 {
	padding-bottom:20px;}
.paddinT-30 {
	padding-top:-30px;}
/*---------------コンタクト----------------------*/

#contact_wrapper {
	margin-bottom:60px;}

/* ----------------------------------- */	
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */