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

/* ▽ページの名前 *****************************************/


/*-----------------------------------------------
  ▼切替 デフォルト：980px以上用（PC用）
-----------------------------------------------*/

/* ▽●●●.html *****************************************/
/*レイアウト*/
body{font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",helvetica,arial,clean,sans-serif;}
a{text-decoration:none;color:#000;}
a.news_a:hover{color:#787878;}
#wrap{position:relative;font-size:15px;}
#wrap #container{width:966px;margin:0 auto;}
#wrap #container p.tel_button{display:none;}
a img.linkimg{background:none!important;}
img.service{display:block;}
a:hover img.linkimg{opacity:0.85;filter:alpha(opacity=85);-ms-filter: "alpha( opacity=85 )";background:none!important;}
p.tel_button{display:none;}
/*レイアウトおわり*/

/*ヘッダー部分*/
#wrap #header01{background:url(../img/common/header03_bg.jpg) repeat-x;}
#wrap #header01 #headInner{width:100%;margin:0 auto;}
#wrap #header01 #headInner h1.logo_head{text-align:center;padding-top:9px;margin-bottom:0.3em;}
#wrap #header01 #headInner h2.logo_head{text-align:center;padding-top:9px;margin-bottom:0.3em;}
#wrap #header01 #headInner p.contact{left: 50%;margin-left: 331px;position: fixed;top: 0;z-index: 999999;}
#wrap #header01 #headInner #navi_head{width:887px;margin:0 auto;}
#wrap #header01 #headInner #navi_head ul li{float:left;height:60px;}
/*ヘッダー部分おわり*/

/*ヘッダーチェンジ部分*/
#wrap #header02{background:url(../img/common/header02_bg_02.jpg) repeat-x;height:64px;pposition:fixed;left:0;z-index:99999;}
#wrap #header02 .headInner02{width:966px;margin:0 auto;padding-top:12px;}
#wrap #header02 .headInner02 h2.logo_head02{float:left;}
#wrap #header02 .headInner02 #navi_head02 ul li{float:left;}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.nav{position:fixed;top:0;left:0;}


/*ヘッダーチェンジ部分おわり*/

/*ナビ部分*/
#wrap #logo_sp{display:none;}
#wrap #menu_box{display:none;}
/*ナビ部分おわり*/

/*スライダー部分*/
#wrap #bannerArea{width:1282px;margin:0 auto;}
li.pag_nav_0{background:url(../img/top/s_company.jpg) no-repeat;}
#slider_back{background-color:#a4c733;width:100%;height:491px;}
/*スライダー部分おわり*/




/*お知らせ部分*/
#wrap #container #chukan_box{margin-top:79px;}
#wrap #container #new_info{float:left;width:636px;}
#wrap #container #new_info h3.new_info{margin-bottom:20px;}
#wrap #container #new_info dl.news{background:url(../img/top/dot_news.jpg) repeat-x scroll left top;line-height:24px;}
#wrap #container #new_info dl.news dt{float:left;padding: 14px 0;color:#17711b;}
#wrap #container #new_info dl.news dd{background:url(../img/top/dot_news.jpg)repeat-x scroll left bottom;padding: 14px 0 14px 6.5em;}
/*お知らせ部分おわり*/

/*サイドバナー部分*/
#wrap #container #side_banner{float:right;}
#wrap #container #side_banner ul li{margin-bottom:5px;}
/*サイドバナー部分おわり*/

/*サービス部分*/
#wrap #container #service{clear:both;padding:45px 0 50px;}
#wrap #container #service h2.service_title{text-align:center;}
#wrap #container #service ul{margin-top:30px;}
#wrap #container #service ul li{float:left;margin-right:20px;width:470px;background:url(../img/top/service_shadow.jpg) no-repeat scroll left bottom;padding-bottom:25px;}
#wrap #container #service ul li .tit{background-color:#3b8c3f;height:60px;padding: 10px 8px 9px 10px;display:block;font-weight:bold;font-size:108%;color:#fff;}
a.in_out{height:auto;}
#wrap #container #service ul li:last-child{margin-right:0px;width:474px;}
/*サービス部分おわり*/

/*実績部分(サブページ)*/
#wrap #container #jisseki{padding:0 0 80px;}
#wrap #container #jisseki h3.jisseki{background:url(../img/common/jisseki_bar.jpg) no-repeat;height:37px;color:#fff;font-size:18px;line-height:37px;padding-left:10px;}
#wrap #container #jisseki ul{border:3px solid #a4c733;padding:10px;font-size:16px;line-height:1.7rem;}
/*実績部分(サブページ)おわり*/

/*サブページレイアウト*/
#wrap .contents{padding-top:50px;}
h1.call{background:url(../img/common/title_bar.jpg) no-repeat;height:53px;line-height:53px;font-size:20px;font-weight:700;padding-left:10px;}
h2.sub_title{font-size:18px;background:url(../img/common/sub_title_sikaku.jpg) no-repeat left 44%;padding-left:20px;border-bottom:1px dotted #a4c733;margin-top:30px;clear:both;padding-bottom:0.3em;border-bottom-width:2px;}
#wrap .contents #container .contentBox{margin-top:30px;padding-bottom:30px;}
#wrap #container .contentBox{margin-top:30px;padding-bottom:30px;}
#wrap #container .contentBox .dounyu{margin:30px 0 40px;clear:both;padding-top:6em;}
h3.title_zu{font-size:16px;padding-bottom:0.5em;margin:2em 0; text-align:center;border-bottom:dotted #2f5926;width:511px;margin:0 auto;}
/*サブページレイアウトおわり*/

/*インバウンドページ*/
#wrap #container .contentBox p{line-height: 1.4rem;margin-top:1em;}
#wrap #container .contentBox p.onna{float:right;margin-left:1em;}
#wrap #container .contentBox p.piramid{float:right;margin-top:0;margin-right:1em;}
#wrap #container .contentBox #rightBox{float:right;width:495px;}
#wrap #container .contentBox .text_in{float:left;width:426px;padding:1em;background:url(../img/callcenter/call_back.jpg);}

/*インバウンドページおわり*/

/*会社概要ページ*/
#wrap #container h3.catch{margin-bottom:30px;}
#wrap #container p.catch{font-size:16px;line-height:1.4rem;margin-bottom:1em;}
h1.company{margin-top:30px;}
#wrap #container .contentBox{margin-bottom:40px;}
#wrap #container .contentBox #company_box dl{width:966px;overflow:hidden;border:1px solid #d5d5d5;border-top:none;}
#wrap #container .contentBox #company_box dl dt{float:left;clear:left;background-color:#ececec;color:#000;font-weight:bold;width:166px;padding:10px;border-top:1px solid #d5d5d5;line-height:60px;}
#wrap #container .contentBox #company_box dl dd{padding:10px;padding-left:203px;border-left:1px solid #d5d5d5;;border-top:1px solid #d5d5d5;height:60px;line-height:1.9rem;}
#wrap #container .contentBox #company_box dl dd.nen{line-height:53px;}
#wrap #container .contentBox #company_box dl dd.daihyo{line-height:54px;}
#wrap #container .contentBox #company_box dl dd.jigyo{line-height:50px;}
#wrap #container .contentBox #company_box dl dd.kin{line-height:50px;}
#wrap #container .contentBox #company_box dl dd.syozai{line-height:21px;}
/*会社概要ページおわり*/

/*サイトマップページ*/
#wrap #container .contentBox #sitemap ul li{background:url(../img/sitemap/arrow.jpg) no-repeat left center;font-size:17px;padding-bottom:10px;padding-left:20px;border-bottom:1px dotted #a4c733;height:50px;line-height:61px; }

/*サイトマップページおわり*/

/*お問い合わせページ*/
#wrap #container #contact_form{margin:2em 0;}
#wrap #container #formWrap {
	width:700px;
	color:#555;
	line-height:120%;
	font-size:90%;
	margin:1em 0 6em;
}
textarea{width:99%;height:200px;}
table tr td{width:80%;}
#wrap #container #formWrap p.title_moji{margin-bottom:1em;}
#wrap #container #formWrap p.ip{margin-top:1em;}
#formWrap p.send{margin-top:1em;}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	vertical-align:middle;
}


/*お問い合わせページおわり*/


/*フッター部分*/
#wrap #footer{background-color:#f5f5f5;}
#wrap #footer .pageTop p.arrowUp{text-align:center;margin-top:10px;}
#wrap #footer .pageTop .footerInner{background:url(../img/common/footer_bg.jpg) repeat-x;height:135px;}
#wrap #footer .pageTop .footerInnerSub{width:966px;margin:0 auto;}
#wrap #footer .pageTop .footerInnerSub .boxL{float:left;margin-top:35px;}
#wrap #footer .pageTop .footerInnerSub .boxL dl dt{float:left;width:120px;margin-right:20px;}
#wrap #footer .pageTop .footerInnerSub .boxL dl dd{float:left;font-size:12px;}
#wrap #footer .pageTop .footerInnerSub .boxR{float:right;margin-top:50px;width:53%;}
#wrap #footer .pageTop .footerInnerSub .boxR ul li{float:left;font-size:14px;background:url(../img/common/footer_navi_arrow02.jpg) no-repeat left center;padding-left:16px;margin-right:15px;}
#wrap #footer .pageTop #arrow{border-top: 1px solid #dadada;height: 43px;margin: 0 auto;padding:0 0;}
#wrap #footer .btnArea{width:100%;background-color:#268f33;border-top:2px solid  #b3da36;}
#wrap #footer .btnArea .btmInner{width:966px;margin:0 auto;padding:2px 0;}
#wrap #footer .btnArea .btmInner p.copyright{text-align:right;font-size:65%;color:#fff;}
/*フッター部分おわり*/



/*clearfix用*/
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*clearfix用おわり*/




/*-----------------------------------------------
  ▼切替 979px以下用（タブレット用）
-----------------------------------------------*/

@media screen and (max-width: 979px) {
	#wrap{overflow-x:hidden;}
	#wrap #header01 #headInner #navi_head{width:105%;}
	#wrap #header02{display:block;}
} /*979end*/


/*-----------------------------------------------
  ▼切替 969px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 969px) {
	#wrap #container{width:100%;}
	#wrap #container #new_info{float:none;width:100%;}
	#wrap #container #chukan_box{width:80%;margin:0 auto;}
	#wrap #container #side_banner{float:none;}
	#wrap #container #side_banner ul li{float:left;margin-right:2em;}
	#wrap #container #side_banner ul{margin-top:2em;}
	#wrap #footer .pageTop .footerInnerSub .boxR{margin-right:2em;width:49%;}
	#wrap #header02{display:none;}

} /*969end*/

/*-----------------------------------------------
  ▼切替 963px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 963px) {
	#wrap #container{width:98%;}
	#wrap #container #service ul{width:470px;margin:0 auto;}
	#wrap #container #service ul li{float:none;}
	#wrap #footer .pageTop .footerInner{width:100%;padding:0 2em;}
	#wrap #footer .pageTop .footerInnerSub{width:100%;}
	#wrap #footer .pageTop .footerInnerSub .boxL{}
	#wrap #header01 #headInner p.contact{left:28%;}
	#wrap #header01 #headInner #navi_head ul{width:100%;margin:0 auto;}
	#wrap #footer{width:100%;}
	#wrap #footer .pageTop .footerInner{padding:0;}
	#wrap #header02{width:100%;display:none !important;}
	#wrap #header02 .headInner02{width:100%;}
	

} /*963end*/
/*-----------------------------------------------
  ▼切替 882px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 882px) {
	#wrap #footer .pageTop .footerInnerSub .boxL{float:left;width:47%;}
	#wrap #footer .pageTop .footerInnerSub .boxR{float:right;}
	#wrap #header02 .headInner02 h2.logo_head02{margin-left:1em;}
	#wrap #footer .pageTop .footerInnerSub .boxL dl dt{margin-left:1em;}
	#wrap #footer .pageTop .footerInnerSub .boxR{width:42%;}
	#wrap #footer .pageTop .footerInnerSub .boxL dl dd{width:49%;}
	#wrap #container .contentBox #company_box dl{width:100%;}
	#wrap #container .contentBox p.piramid{float:none;}
	#wrap #container .contentBox .text_in{float:none;}
	
	
} /*882end*/

/*-----------------------------------------------
  ▼切替 844px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 844px) {
	#wrap #container #side_banner ul li{margin-right:0;width:50%;}
	#wrap #container #side_banner ul li:last-child{float:right;width:50%;}
	#company_box{width:100%;}
	#wrap #container #contact_form{width:100%;}
	#wrap #container #service h2.service_title{margin-bottom:1em;}
}
/*-----------------------------------------------
  ▼切替 784px以下用（タブレット／スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 784px) {
	#wrap #container #side_banner ul li{float:none;margin-right:0;width:50%;margin:0 auto;}
	#wrap #container #side_banner ul li:last-child{float:none;}
	#wrap #header01 #headInner h2.logo_head img{text-align:center;}
	#wrap #container .contentBox .dounyu p.zu img{width:90%;height:auto;}
	#wrap #container .contentBox #company_box dl dd.jigyo{line-height:29px;}
}
/*-----------------------------------------------
  ▼切替 531px以下用（スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 531px) {
	#wrap #container .contentBox #company_box dl dd.jigyo{line-height:1.5em;}
	#wrap #container .contentBox #company_box dl dd.syozai{line-height:1.5em;}
	#wrap #container #formWrap{width:100%;}
}

/*-----------------------------------------------
  ▼切替 479px以下用（スマートフォン用）
-----------------------------------------------*/

@media screen and (max-width: 479px) {
	#wrap #container #chukan_box{width:98%;margin:0 auto;margin-top:12em;}
	#wrap #container #side_banner{width:308px;margin:0 auto;margin-top:1em;}
	#wrap #container #side_banner ul li{float:none;width:308px;margin:0 auto;}
#wrap #footer .pageTop .footerInner{background:none;}
#wrap #container #service ul{width:100%;}
#wrap #container #service ul li{width:95%;margin:0 auto;}
#wrap #container #service ul li img{width:100%;height:auto;}
#wrap #container #service ul li:last-child{width:95%;margin:0 auto;}
#wrap #container #service ul li:last-child img{width:100%;height:auto;}
#wrap #container #service ul li .tit{height:46px;}
#wrap #container #service h2.service_title{margin-bottom:1em;}
#wrap #container #side_banner ul li:last-child{float:none;width:308px;}
#wrap #header01{display:none;}
#wrap #logo_sp p.logo_sp{text-align:center;height:96px;margin-top:1em;}
#wrap #logo_sp{display:block;}
#wrap #menu_box{display:block;}
.flex-control-nav{width:100%;}
#wrap #footer .pageTop .footerInner{padding-right:0;padding-left:0;height:auto;}
#wrap #footer .pageTop .footerInnerSub .boxR{margin-right:0;}
#wrap #footer .pageTop .footerInnerSub .boxL{float:none;margin:0 auto;width:95%;padding-top:1em;}
#wrap #footer .pageTop .footerInnerSub .boxR{float:none;width:99%;margin-top:1em;padding-left:1em;}
#wrap #footer .pageTop .footerInnerSub .boxL dl dt{width:30%;}
#wrap #footer .pageTop .footerInnerSub .boxL dl dd{float:right;width:57%;}
#wrap #header02 .headInner02 #navi_head02{display:none;}
#wrap .contents{padding-top:0;}
#wrap #container .contentBox{width:100%;margin:0 auto;}
#wrap #container .contentBox .dounyu p.zu img{width:100%;height:auto;}
h3.title_zu{font-size:14px;}
#wrap #container #jisseki{padding:0 0.5em;margin-bottom:2em;}
#wrap #container h3.catch img{width:130%;height:auto;}
#wrap #container .text_box{width:95%;margin:0 auto;}
#wrap #container .contentBox #company_box dl{width:98%;}
#wrap #container .contentBox #company_box dl dt{width:22%;}
#wrap #container .contentBox #company_box dl dd{padding-left:8.5em;}
h1.company{margin-top:0;}
#wrap #footer .pageTop #arrow{background-color:#E2E2E2;}
#wrap #container .contentBox{margin-top:1em;}
#wrap #container .contentBox .dounyu{margin-bottom:1em;}
#wrap #header02{display:none !important;}
#wrap #container .contentBox #company_box{margin-top:1em;}
#wrap #container .contentBox #company_box dl dd.jigyo{line-height:1.4rem;}
#wrap #container .contentBox #company_box dl dt.syozai{height:80px;}
#wrap #container .contentBox #company_box dl dd:last-child{height:80px;}
#wrap #container #contact_form iframe{width:100%;}
h2.sub_title{padding-left:0;}
#wrap #container #jisseki h3.jisseki{background-color:#a4c733;background-image:none;}
#wrap #container .contentBox #company_box dl dd{line-height:1rem;}
#wrap #container .contentBox #company_box dl dt.syozai{height:110px;}
#wrap #container p.tel_button{display:block;width:100%; text-align:center;margin-bottom:2rem;}
#formWrap{width:98%;margin:0 auto;}
#formWrap p.title_moji{width:100%;}
#wrap #container #formWrap{width:100%;margin:0 auto;}
#formWrap form{width:98%;text-align:left;}
table.formTable tr.contents{width:98%;}
#formWrap p.ip{margin-bottom:1em;}
p.tel_button{margin-bottom:1em;}
p.send{margin:1em 0;}
tbody{width:100%;}
table.formTable td{width:70%;}
textarea{width:99%;}
#formWrap h3{margin-top:1em;}
#wrap #footer .btnArea{margin-top:1em;}
#wrap #footer .btnArea .btmInner{width:100%;}
#wrap #footer .btnArea .btmInner p.copyright{text-align:center;}
#wrap #container .contentBox p.piramid{float:none;text-align:center;width:100%;height:auto;margin-left:0;}
#wrap #container .contentBox .text_in{float:none; width:99%;margin:0 auto;}
#wrap #container .contentBox p.piramid img{width:100%;height:auto;}
#wrap #container .contentBox .text_in{background:none;}
#wrap #container .contentBox #rightBox{width:100%;float:none;}
#wrap #container .contentBox p.onna{display:none;}
#wrap #container .contentBox .text_in{padding-left:0;padding-right:0;}
#wrap #container .contentBox .dounyu h3.title_zu{width:100%;}
#wrap #container .contentBox .dounyu h3.title_zu img{width:100%;height:100%;}
#wrap #container .contentBox .dounyu{padding-top:0;}

} /*479end*/
/*-----------------------------------------------
  ▼切替 375px以下用（スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 375px) {
	#wrap #container .contentBox #company_box dl dt{width:26%;}
	#wrap #container .contentBox #company_box dl dd.jigyo{line-height:1rem;}

} /*375end*/


/*-----------------------------------------------
  ▼切替 320px以下用（スマートフォン用）
-----------------------------------------------*/
@media screen and (max-width: 320px) {
	#wrap #container #jisseki h3.jisseki{background-color:#a4c733;background-image:none;}
#wrap #container #service ul li img{width:100%;height:auto;}
#wrap #container #service ul li .tit{width:94%;}
#wrap #container #service ul li .tit:last-child{width:94%;}

#wrap #container #service ul li{background-image:none;}
#wrap #container #service ul li:last-child img{width:100%;height:auto;}
#wrap #container .contentBox #company_box dl dd{line-height:1rem;}
#wrap #container .contentBox #company_box dl dt{width:27%;}
#wrap #container .contentBox #company_box dl dd.jigyo{line-height:1rem;}
#wrap #container .contentBox #company_box dl dt.syozai{height:104px;}
#wrap #container .contentBox #company_box dl dd:last-child{height:104px;}
#wrap #footer .pageTop .footerInnerSub .boxL dl dd{width:50%;}
}