@charset "UTF-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  background: none repeat scroll 0 0;
  border: 0 none;
  margin: 0 ;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

img{ -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-boix;
            box-sizing: border-box;vertical-align:bottom;}

p{letter-spacing: 0.08rem;line-height:170%;}
body {
  background-color:#ffffff;
  margin:0!important;
  padding:0!important;
  font-size: 17px;
color:000000;
  line-height: 1.5;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;		
	
}




* {
  -webkit-tap-highlight-color: transparent !important;
}




table, caption, tbody, tfoot, thead {
  margin: 0;
  outline: 0 none;
  padding: 0;
}


header{position:relative;}


table{
border-collapse:collapse;
max-width:100%;
margin:0 auto;
width: 100%;
z-index:3;}

table th,
table td {
padding: 15px 25px;

	
}
#home table th,
#home table td {padding:8px;}


table th {
text-align:left;
width: 20%;
vertical-align:middle;
}


th, td {
vertical-align: top;
background: none repeat scroll 0 0;
margin: 0;
outline: 0 none;
padding: 0;
}


a {
color:#333;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
}
a.noh:hover{opacity:1!important;}


.clearfix:before,.clearfix:after {
content:" ";    /* 1 */
display: table; /* 2 */
}
.clearfix:after{
clear:both;
}
.clearfix {
zoom:1;
}

a img {
  border: none;
  outline: 0 !important;
}

a:hover {
 opacity:0.7; 


}
li a{	transition: opacity 0.5s ease 0.2s;
-webkit-transition: opacity 0.5s  ease 0.2s;
-moz-transition: opacity 0.5s  ease 0.2s;
-ms-transition: opacity 0.5s  ease 0.2s;
-o-transition: opacity 0.5s  ease 0.2s;}

button:focus {
  outline: 0 !important;
}

button::active {
  outline: none;
}

a:focus, p:focus, img:focus, div:focus {
	outline: none;
}



.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

ul{
	list-style-type: none!important;
	list-style: none;
	
}

ul:after {
content: ".";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

ul{
display: inline-block;
}
ul{
display: block;}

fieldset, img {
  vertical-align: bottom;
}



blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}



br {
  letter-spacing: 0;
}

hr {
  border: 0 none;
  height: 0;
  visibility: hidden;
}


select, input, textarea {
  font-size: 99%;
}

pre, code {
  font: 100% monospace;
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}




#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
 
	z-index:9;
}



#page-top a {
   opacity:0.9;
    text-decoration: none;
    color: #fff;
	background-color:rgba(74,102,71,0.74);
   width:75px;
	height:75px;
	border-radius:5px;
    text-align: center;
    display: block;margin-top:5px;
	background-image:url(../images/a-top.svg);
	background-repeat:no-repeat;
	background-size:contain;
  
}
#page-top a.login {background-image:url(../images/a-login.svg)}

#page-top a:hover {
	  opacity:0.9;
    text-decoration: none;
   
} 

.fuwatto-wrap [class*='fuwatto'] {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 0.9s; 
}
.fuwatto-wrap [class*='fuwatto'].f-act {
  opacity: 1;
  transform: translate(0, 0); 
}


#main{margin-top:0;min-height:calc(100vh - 200px);display:block;}


.block{width:100%;max-width:950px;margin:0 auto;}


section{padding:40px 0;}


.topsplit{position:relative;}
.topsplit > div:last-child{height:480px;width:80%;background-size:cover;background-position:center center;}
.topsplit.left > div:last-child{float:right;}
.topsplit > div:first-child{position:absolute;background-color:#ffffff;height:360px;width:360px;top:0;bottom:0;margin:auto;padding:28px;box-shadow: 0 0px 10px 3px rgba(0,0,0,0.05);}
.topsplit.right > div:first-child{right:10%;}
.topsplit.left > div:first-child{left:10%;}
#home .h2_w{width:100%;margin:0 0 15px 0;text-align:center;}
#home .h2_w h2{display:inline-block;width:auto;font-size:34px;padding:0 0 8px 0;border-bottom:2px solid #333;}

section.saiyou{background-color:#EEEEEE;margin:80px 0 0 0 ;padding-right:20px;padding-left:20px;padding-top:80px;}
.saiyou_w{max-width:1110px;margin:30px auto;font-size:0;}
.saiyou_w > div{background-color:#FFFFFF;width:calc(50% - 2px);font-size:16px;vertical-align: top;display:inline-block;}
.saiyou_w > div:first-child{margin-right:4px;}
.saiyou_w > div strong{display:block;width:100%;min-height:80px;font-size:20px;text-align:center;}
.saiyou_w > div img{width:100%;margin-bottom:15px;}

#bgwood{background-image:url(../image/background.jpg);}
#footmenu{width:100%;max-width:1100px;margin:30px auto;text-align:center;border-bottom:2px solid #555;padding:20px 0;}
#footmenu li{display:inline-block;margin:0 10px;}
#footmenu li a{padding:10px;font-size:18px;}
footer .block img{width:100%;max-width:250px;}
footer .block{text-align:center;}
#footmenu li.sns img{width:30px;height:30px;}
#footmenu li.sns a{padding:10px 5px;}
#footmenu li.sns{margin:0 0 5px 0;}
#copy{padding:8px 20px;text-align:center;font-size:13px;}


.right-login{position:absolute;right:0;top:0;height:40px;}
.right-login img{width:100%;max-width:110px;height:auto!important;padding:0!important;margin:0!important;}

.titlebar{height:290px;position:relative;}
.titlebar div.bg{background-image:url(../image/background.jpg);height:250px;}
.titlebar h2{position:absolute;width:100%;padding:30px;max-width:500px;text-align:center;font-size:25px;background-color:#FFFFFF;right:0;left:0;bottom:00px;margin:auto;display:inline-block;box-shadow: 0 0px 10px 3px rgba(0,0,0,0.1);color:#58705D;}

.mw{max-width:1100px;margin:0 auto;padding:0 20px;}
.h3_w{width:100%;padding:30px 10px 10px 10px;border-bottom:1px solid #333;background-image:url(../images/yama.svg);background-repeat:no-repeat;background-position:left 3px top 0px;background-size:100px auto;margin-bottom:25px;}
.h3_w h3{font-size:23px;display:inline-block;padding:0 0 4px 0;color:#58705D;}
p.text{margin:5px 0 10px 0;}
p.gk{margin-bottom:25px;}
img.fullw{width:100%;margin:0 0 15px 0;}

table.gaiyou th,table.gaiyou td{background-color:#f9f8f6;border:5px solid #fff;vertical-align: top}

table.gaiyou th span{display:block;font-size:14px;margin:0;padding:0;}

table.gaiyou.enkaku th{width:145px;}
table.gaiyou.enkaku  thead{text-align:center;}

.map{width:100%;height:250px;position:relative;margin-bottom:10px;}
.map iframe{width:100%;height:100%;min-height:100%;}
.kuwasiku{display:block;padding:5px;margin:15px auto 5px auto;width:100%;max-width:150px;text-align:center;}
.kuwasiku:after{content:"≫";}

.gaibu{display:inline-block;padding:0 0 0 25px;background-image:url(../image/outlink.svg);background-repeat:no-repeat;background-position:top 4px left;
border-bottom:1px dotted #979797;}
ul.list li{display:block;padding:0 0 0 20px;position:relative;}
ul.list li:before{content:"・";position:absolute;top:2px;left:0;}

ul.photo{font-size:0;width:100%;margin:20px 0;}
ul.photo img{width:100%;}
ul.photo li{width:24.25%;display:inline-block;margin-right:1%;margin-bottom:1%;}
ul.photo li:last-child{margin-right:0;}
.alink{margin-top:-100px;padding-top:100px;}

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


}

@media screen and (max-width: 1024px) {
	
	body{padding-top:60px!important;}
	 body#home{padding-top:0px!important;}
}

@media screen and (max-width: 980px) { 
	
	#page-top a {width:60px;height:60px;}
	
	.block{padding:0 20px;}
	
	}


@media screen and (max-width: 768px) { 
	ul.photo li{width:49%!important;margin-right:2%;margin-bottom:2%;}
	ul.photo li:nth-child(even){margin-right:0;}
	#home .h2_w{margin:0 0 20px 0;}
#home .h2_w h2{font-size:25px;padding:0 0 4px 0;border-bottom:2px solid #889B87;}
	}

@media screen and (max-width: 500px) {
	table.gaiyou.enkaku  span{display:inline-block;margin-left:5px;margin-right:10px;}
	table.gaiyou.enkaku  thead{display:none;}
	table.gaiyou.enkaku th{width:100%;}
	table.gaiyou th,table.gaiyou tr,table.gaiyou td{display:block;width:100%;}
	table.gaiyou th{border-bottom:1px dotted #333;}
	table.gaiyou td{border-top:none;}
	.titlebar,.titlebar > div{height:200px!important;}
	.titlebar h2{top:50px;bottom:auto;}
	
	.h3_w{background-position:top center;text-align:center;}
	.h3_w h3{font-size:22px;font-weight:bold;}
	#footmenu{text-align:left;padding: 30px;font-size:0;}
	#footmenu li{width:50%;margin:0 0 8px 0;}
	
.saiyou_w > div{background-color:#FFFFFF;width:100%;}
.saiyou_w > div:first-child{margin:0 0 15px 0;}
.saiyou_w > div strong{display:block;width:100%;min-height:80px;font-size:20px;text-align:center;}
.saiyou_w > div img{width:100%;margin-bottom:15px;}

	

.topsplit > div:last-child{height:200px;width:100%;}
.topsplit.left > div:last-child{float:none;}
.topsplit > div:first-child{position:relative;height:auto;width:100%!important;margin:0!important;padding:45px 28px;box-shadow: 0 0px 10px 3px rgba(0,0,0,0.05);}
.topsplit.right > div:first-child{right:0;}
.topsplit.left > div:first-child{left:0;}
	#bgwood.sec{margin-bottom:0;padding:60px 0!important;}
	#home .sec{padding:0;margin-bottom:0;}
	.saiyou{margin:0!important;}
}


/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
	
	
	
	body { 
max-width:1000px!important;
background: none; 

 }
	
	
	
.a-example,.a-example a{cursor:default;}
#dropmenu li ul li a span{display:block;font-size:13px;}
#headerlogo{background-color:#ffffff;text-align:center;width:100%;padding:10px!important;position:relative;max-width:1100px;margin:0 auto;}



#headerlogo img{height:130px;}

.logo_pc{display:inline-block;}
.logo_sp{display:none;}
.fixedmenu{position:absolute!important;top:0!important;width:100%;margin:0!important;padding:10px 0;}
.fixedmenu #headerlogo{display:none!important;}
.a-login{display:none!important;}

	
	#drop_w.fixedmenu{background-color:rgba(255,255,255,0.98);box-shadow: 0 12px 10px -6px rgba(0,0,0,.1);}
header#nav{padding:0;height:auto;}
	#drop_w{background-color:rgba(255,255,255,0.9);}
	#home #drop_w{border-bottom:none;}
	#drop_w{text-align:center;
	z-index:99;	margin:40px 0;}
#dropmenu {

list-style-type: none;
font-size:0px;
padding: 0;
max-width:980px;
text-align: center;
z-index:99;
width:100%;
margin:0px auto 0 auto;
}
	
#dropmenu li {
  position: relative;
  display:inline-block;
 float:none;
  margin: 0 20px 0 0!important;
  padding:0px;
  text-align: center;
}
	#dropmenu li:last-child {margin-right:0;}	
	
#dropmenu li a {
  display: inline-block;

  padding:10px 5px;
	
  color: #333;
  font-size: 18px;
  text-decoration: none;
	color:#352718;background-size:60px 60px;background-position:center top 8px;
}
	
	
#dropmenu li a span strong{font-size:10px;display:block;font-weight:normal;}



	
	
	#home #dropmenu li.a-home > a,
	#example #dropmenu li.a-example > a,
	#works #dropmenu li.a-works > a,
	#about #dropmenu li.a-about > a,
	#recruit #dropmenu li.a-recruit > a,
	#contact #dropmenu li.a-contact > a,
	#dl #dropmenu li.a-dl > a
	{opacity:1;border-bottom:2px dotted #BFBFBF!important;font-weight:bold;}
#dropmenu  > li:hover > a,
	#dropmenu  > li > a:hover
	{opacity:1;border-bottom:2px dotted #BFBFBF!important;}
	
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
 
}
	

#dropmenu li ul li a {
  padding: 13px 15px;
  background-color: rgba(235,235,235,1);
  text-align: left;
color:#2A2A2A;
  font-weight: normal;min-width:300px;
}
	
	
	/***hover時のグローバル*/
#dropmenu > li:hover > a span{ }
	
#dropmenu > li li:hover > a{ background-color:#ffffff;opacity:1;}

#dropmenu li:hover > ul > li {
  overflow: visible;
  height: auto;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #616d0b }
#dropmenu li:hover ul li ul li:hover > a {  background: #535d09 }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}
	.toplogosp{display:none;}
	
	
	
.fuwatto-wrap [class*='fuwatto'] {
  opacity: 1;

}
	
}

	


@page {
  margin: 3px;
}