@charset "UTF-8";


/* header */
header{ position:absolute; }
#logo{position:absolute; top:265px; left:50%; width:389px; margin-left:-195px; z-index:100;}
h1{ display:block; width:391px; height:221px; background:url(../img/logo.png) 50% bottom no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; }

#contents { position:relative; z-index:10; margin-top:100px; }

/* トップ */
#sc1 {
	width:100%; height:780px; margin-top:-100px; padding:0; background:url("../img/bg/bg1.jpg") 50% 80% no-repeat; background-size:cover; }
	#sc1 .con { padding-top:620px; margin:0 auto; position:relative; }
	#news { position:relative; z-index:50; margin:0 auto; background:rgba(255,255,255,0.92); border-radius:3px; }
	#news h3.ttlNews{ float:left; width:91px; height:40px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; margin-right:20px; background:url(../img/ttl_news.png) no-repeat; }
	#newsList{ position:absolute; top:10px; }

/* お知らせ */
#sc1_1 { width:100%; background:url(../img/bg.png); }
#sc1_1 .con { margin:auto; padding:60px 0 80px; }
#info{ height: 300px; margin: 50px auto; border: 1px solid #5E4009;  background-color: #fff; }
	#info.inner{width: 960px; margin: 0 auto;}
	#info h3.ttlInfo{ float:left; width:91px; height:40px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; margin-right:20px; background:url(../img/ttl_info.png) no-repeat; }
	#info div.ttl{ font-size: 16px; font-weight: bold; border-bottom: 2px solid rgba(72,106,0,0.92); padding-top: 0.5rem; padding-bottom: 0.5rem;}
	#info div.desc{font-size: 13px; padding: 10px 0 0; line-height: 1.4; height: 120px; }
	#info .information{ width: 960px; margin: 50px auto;}
	#info li { float: left; width: 290px; }
	#info .inbox{margin: 15px;}
@media screen and (max-width: 840px)  {
	#sc1_1 .con { padding: 20px 0 50px; }
	#info{height: 730px;}
	#info h3.ttlInfo{ float:none; width:100%; height:30px; text-align:center; color:#fff; font-size:20px; }
	
	#info div.desc{font-size: 13px; padding: 10px 0 0; line-height: 1.4; height: 100px; }
	#info .information{ float:none; width: 100%; margin: 10px auto;}
	#info li { width:100%; }
}	
	
/* サービス */
#sc2 { width:100%; background:url(../img/bg.png); }
	#sc2 .con { margin:auto; padding:60px 0 80px; }
	#sc2 h2 { margin-bottom:40px;}
	#sc2 .lead{ margin:0 auto 20px; font-size:15px; text-align:center; color:#5E4009; }
	#sc2 ul{margin-bottom:70px;}
	#sc2 li.box{ width:958px; height:164px; padding:30px 20px 20px; margin:0 20px 20px 0; border:1px solid #5E4009; background-color:#fff; border-radius:3px; }
    #sc2 li.box:nth-child(even){ margin-right:0; }
	#sc2 li.box h3{ float:left; width:250px; }
	#sc2 li.box h3 img{ width:250px; }
	#sc2 li.box .txt{ padding-left:20px; height:153px; vertical-align:middle; display:table-cell; }
	#sc2 .btn{width:300px;}


/* スタッフ */
#sc3 { width:100%; background:url(../img/bg.png); }
	#sc3 .con { margin:auto; padding:60px 0 0; }
	#sc3 h2 { margin-bottom:40px; }
	#sc3 #staff_nav{margin:0 auto 40px; overflow: hidden;}
	#sc3 #staff_nav li{float:left; margin:0 5px;}
	#sc3 #staff_nav li a{display:block; padding:5px 20px; width:120px; text-align:center; color:#fff; background:#a1a1a1; border:1px solid #a1a1a1; border-radius:3px;  text-decoration:none;}
	#sc3 #staff_nav li a:hover,
	#sc3 #staff_nav li a.active{color:#fff; background:#5E4009; border:1px solid #5E4009;}
	#sc3 #staff_nav a {display: block; height:20px;}
	
	#sc3 #staff_photo .box{width:230px; height:277px; text-align: center; margin: 0 7px 15px; float: left; background-color: #FFF; border-radius: 10px; overflow: hidden; border:1px solid #5E4009;}
	#sc3 #staff_photo .box .name{padding:17px 0 5px; font-size:140%;}
	#sc3 #staff_photo .box .name_en{padding:0 0 10px; color:#144472; font-size: 14px; letter-spacing:1px; font-family:"Times New Roman", Times, serif;}
	
	

/* 採用 */
#sc4 { width:100%; background:url(../img/bg.png); }
	#sc4 .con { margin:auto; padding:60px 0; }
	#sc4 h2 { margin-bottom:40px; }
	#sc4 h3.con_ttl{ padding:5px 20px; text-align:center; font-size:170%; color:#5E4009; }
	#sc4 .rectbl{ margin:0 auto 50px; border-collapse:collapse; font-size:16px; }
	#sc4 .rectbl th{ padding:7px 10px; color:#fff; background:#5E4009; border:1px solid #ddd; }
	#sc4 .rectbl td{ padding:7px 20px; background:#fff; border:1px solid #ddd; cursor:pointer; }
	#sc4 .rectbl tr:hover td{ background:#FAF1E1; }
	#sc4 .rectbl td span {
		display: inline-block;
		margin: 0;
		padding: 2px 40px 2px 40px;
		color: #fff;
		text-align: center;
		background-color: #AD8C4E;
		border: 2px solid #AD8C4E;
		text-decoration: none;
		border-radius: 3px;}
    #sc4 .rectbl td span:hover {   color:#AD8C4E; background-color:#fff;  }
	#sc4 .rectbl th.type{ width:760px; }
	#sc4 .rectbl td.apply{ text-align:center; }


/* 会社概要 */
#sc5 { width:100%; background:url(../img/bg.png); }
	#sc5 .con { margin:auto; padding:60px 0; }
	#sc5 h2 { margin-bottom:40px; }
	#sc5 #company_nav{margin:0 auto 40px; overflow: hidden;}
	#sc5 #company_nav li{float:left; margin:0 5px;}
	#sc5 #company_nav li a{display:block; padding:5px 20px; width:90px; text-align:center; color:#fff; background:#a1a1a1; border:1px solid #a1a1a1; border-radius:3px;  text-decoration:none;}
	#sc5 #company_nav li a:hover,
	#sc5 #company_nav li a.active{color:#fff; background:#5E4009; border:1px solid #5E4009;}
	#sc5 #company_nav a {display: block; height:20px;}
	
	#sc5 #company_photo .box{ padding:40px; margin: 0 7px; float: left; background-color: #FFF; border-radius: 3px; overflow: hidden; border:1px solid #5E4009;}
	#sc5 #company_photo .box dl{margin-left:340px; font-size: 15px; }
	#sc5 #company_photo .box dt{float:left; width:90px; padding-bottom:10px; font-weight:bold; text-align:center; }
	#sc5 #company_photo .box dd{padding-left:110px; padding-bottom:10px;}
	
    #sc5 .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 34px;
	height: 34px;
	padding:10px;
	text-indent: -9999px;
	z-index: 9999;
}
    #sc5 .president img,
    #sc5 .idea img{ display:inline-block; }	
    #sc5 #company1{ float:left; }

    #sc5 #presidentImg{ float:left; margin-right:50px; }
    #sc5 .president .lead{ width:522px; height:37px; margin-bottom:30px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/president_lead.png) no-repeat; }	
    #sc5 .president .txt{ margin-bottom:20px; font-size:15px; }	
    #sc5 .president .name{ text-align:right; }

    #sc5 .idea .ttl{ width:163px; height:44px; margin:0 auto; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../img/idea_ttl.png) no-repeat; margin-bottom:30px; }	
    #sc5 .idea .txt{ padding-left:150px; text-align:left; font-size:33px; color:#5E4009; line-height:2.3;}	

    #sc5 .access .map li{ float:left; width:434px; text-align:center; }	
    #sc5 .access .map li:first-child{ margin-right:40px; }	
    #sc5 .access .map li h3{ font-size:20px; margin-bottom:10px; border-bottom:1px solid #5E4009; }	
	
@media screen and (min-width: 840px){
/* トップ */
	#news{ height: 40px; }
	#news h3.ttlNews{ float:left; width:91px; height:40px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; margin-right:20px; background:url(../img/ttl_news.png) no-repeat; }

/* サービス */

/* スタッフ */
	#sc3 #staff_nav{ width:690px; }

/* 採用 */
	#sc4 .rectbl{ width:1000px; }

/* 会社概要 */
	#sc5 #company_nav{ width:290px; }
	#sc5 #company_photo .box{width:908px; }
    #sc5 .president{ padding:43px 40px!important; }
    #sc5 .idea{ padding:64px 40px!important; }
    #sc5 .access{ padding:40px 40px!important; }

}
	
@media screen and (max-width: 840px)  {
	#sc2 h2.secTtl { margin-bottom:20px;}
	.secTtl img{ width:60%; }
	#sc2 .con,#sc3 .con,#sc4 .con,#sc5 .con{ padding:20px 0!important; }

	/* トップ */
	#logo{ top:24px; left:0; text-align:center; margin:0; width:100%; }
	#sc1 { height:470px; }
	#sc1 .con { padding-top:330px; }
	#news { width:92%; height:100px; padding:10px; }
	#news h3.ttlNews{ float:none; width:100%; height:30px; text-align:center; color:#fff; font-size:20px; font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', 'Hiragino Mincho ProN', "游明朝体", "Yu Mincho" , "HG明朝E", "メイリオ", Meiryo, serif; text-indent:0; white-space:normal; background:none; background-color:#486A00; border-radius:3px; }
	#newsList ul{ width:100%; }
	#newsList li{ width:100%; height:50px!important; }

	h1 { width:100%; }

/* サービス */
	#sc2 .con { padding: 20px 0 50px; }
	#sc2 .lead{ text-align:left; }
    #sc2 ul{ width:100%; margin-bottom: 30px;}
	#sc2 li.box{ width:96%; height:156px; margin: 0 20px 20px 0; padding:30px 10px 20px; text-align:center; }
	#sc2 li.box h3{ width:30%; margin-right:10px; }
    #sc2 li.box h3 img{ width:100%; max-width:250px; }
    #sc2 li.box .txt{ padding-left:0; text-align:left; display:block;}

/* スタッフ */
	.bx-controls{ display:none; }
	#sc3 #staff_nav{ width:100%; }
	#sc3 #staff_nav li{ float:left; width:50%; margin:0 0 10px; }
	#sc3 #staff_nav li a{ width:90%; padding: 5px 10px; }
	#sc3 #staff_photo .box{ width:22%; height:auto; }

/* 採用 */
	#sc4 h3.con_ttl { font-size: 140%; }
	#sc4 .rectbl .apply{ width:250px; }
	
/* 会社概要 */
	#sc5 #company_nav{ width:100%; }
	#sc5 #company_nav li{ float:left; width:50%; margin:0 0 10px; }
	#sc5 #company_nav li a{ width:90%; padding: 5px 10px; }
	#sc5 .bx-controls{ display:none; }
	
    #sc5 #company_photo .box{ width:96%; overflow-y:scroll; padding:10px; margin: 0;}
	#sc5 #company_photo .box dl{ margin-left:0; }
	#sc5 #company_photo .box dt{ float:none; width:100%; padding-bottom:0; margin-bottom:5px; font-weight:bold; text-align:left; border-bottom:1px solid #003567; }
	#sc5 #company_photo .box dd{ padding-left:0; padding-bottom:10px;}
    #sc5 #company1{ display:none; }
	
    #sc5 .president .lead{ display:block; text-indent:0; white-space:normal; overflow:hidden; width:100%; background:none; margin-bottom:10px; color:#5E4009; font-size:25px; font-weight:bold; font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', 'Hiragino Mincho ProN',"游明朝体", "Yu Mincho" , "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho","メイリオ", Meiryo, serif; }
    #sc5 .president .txt { font-size:14px; }
    #sc5 .president .name img { width:40%; }
	#sc5 #presidentImg{ float:none; margin:0 0 20px 0; width:30%; }

    #sc5 .idea .ttl{ height:auto; margin:20px auto 10px; text-indent:0; white-space:normal; background:none; text-align:center; font-size:35px;}	
    #sc5 .idea .txt{ padding:0 0 50px 0; }	

    #sc5 .access .map li:first-child{ margin-right:0; }
	#sc5 .access .map li{ width:100%; }
    #sc5 .access .map li h3{ width:100%; }
    #sc5 iframe{ width:100%; margin-bottom:30px; }
}	

@media screen and (min-width: 768px)  {
}

@media screen and (max-width: 768px)  {

}

@media screen and (min-width: 640px)  {
   #sc5 #company_photo .nonePc{ display:none; }

}

@media screen and (max-width: 640px)  {
/* お知らせ */	
	#sc1_1 .con { padding: 20px 0 50px; }
	#info{height: 700px;}
	#info .information{ width: 90%; margin: 10px auto;}
	#info li { width: 100%; }
	#info .inbox{margin: 5px;}	
	
/* サービス */
	#sc2 .con { padding: 20px 0 50px; }
	#sc2 ul{ width:100%; margin-bottom: 30px;}
	#sc2 li.box{ float:none; width:90%; height:auto; margin-right:0; padding:30px 10px 20px; text-align:center; }
	#sc2 li.box{ margin: 0 auto 20px; }
	#sc2 li.box:nth-child(even){ margin-right:auto; }
	#sc2 li.box h3{ float:none; width:100%; }
    #sc2 li.box h3 img{ width:100%; max-width:250px; }
    #sc2 li.box .txt{ text-align:left; height:auto; }

/* スタッフ */
    #sc3 #staff_nav { margin: 0 auto 20px!important; }
	#sc3 #staff_photo .box{ width:95%; height:auto; }
	#sc3 #staff_photo .box img{ float:left; width:40%; }
	
/* 採用 */
	#sc4 .rectbl .none{ display:none; }

/* 会社概要 */
   #sc5 #company_nav { margin: 0 auto 20px!important; }
   #sc5 #company_photo .box{ padding:10px; margin: 0;}
   #sc5 #company_photo .noneSp{ display:none; }
   #sc5 .idea .txt{ padding:0 0 50px 0; font-size:22px; }	
   #sc5 iframe{ height:200px; }
   

}

@media screen and (max-width: 480px)  {
	h1 { background-size: 95%; }

/* スタッフ */
	#sc3 .bx-wrapper { height:320px; overflow-y:scroll; overflow-x:hidden; }
	#sc3 #staff_nav li a{ width:78%; padding: 5px 10px; }

/* 会社概要 */
	#sc5 #company_nav li a{ width:78%; padding: 5px 10px; }
	#sc5 #company_photo .box{ width:90%; }
	#sc5 #presidentImg{ width:50%; }
    #sc5 .president .lead{ height:20px; font-size:16px; }
    #sc5 .president .name img { width:60%; }
    #sc5 .idea .ttl{ font-size:25px; }
    #sc5 .idea .txt{ padding:0 0 50px 0; font-size:20px; }	

}