@charset "utf-8";





/*


Theme Name: 


Description: T.Nakahori


*/





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


/*初期化  (yuilibrary)cssreset.cssも使用


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


html {


  overflow-y: scroll;


  height:100%;  /* ios の場合、html に高さを指定しないと、CSSプロパティで反映しないものが出てくる */


}


blockquote:before,


blockquote:after,


q:before,


q:after {


  content: '';


  content: none;


}


hr {


	height: 0;


	margin: 0;


	padding: 0;


	border: 0;


}


figure {


  margin:0;


  padding:0;


}


strong {font-weight:bold!important;}





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


/*基本設定


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


body {


  color:#333;


  background: url(../images/common/bg.png) repeat scroll center center rgba(150,150,150,1) ;


  background-size:3px 3px;


  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;


  margin:0;


  padding:0;


}


@media (min-width:768px) {


  /* PCモードでの背景切れ対策 */


  body {  min-width: 900px;


    _display: inline;


    _zoom:1;}


}


a {


  color: #C0504D; /*#0c8bcd;*/


  text-decoration: underline;


}


a:hover {


  opacity:0.6;


}





a img {


  border: none;


}





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


/*レイアウト


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





/* コンテナ */


  .container {


    clear:both;


    margin:0 auto;


    overflow:hidden;


    width: 100%;


    }





@media (min-width:768px) {


  .container {


    clear:both;


    margin:0 auto;


    overflow:hidden;


    width: 870px;


    }


}


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


/*header


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


.container-top {


  height:1rem;


  margin:0 auto;


  padding:0;


  background:#9cba58;


}


.header {


  background:#595959;


  font-family: 'Trebuchet MS', sans-serif;


  margin:0 auto;


  padding:0;


}


.headerLogo {


  padding:0.6rem 0;


}


.headerLogo a:hover {


  opacity:1;


}


/*.headerLogo {


  padding:10px 2px;


}


*/  


img.sagamiLogo {


  float:left;


  height:auto;


  margin:1%;


  width:13%;


  }


img.sagamiCompanyname {


  float:left;


  height:auto;


  margin:2% 0;


  width:68%;


  }


img.sagamiCatch {


  clear:both;


  height:auto;


  margin:0.5rem 1rem;


  width:95%;


  }





.header_menu {display:none;}


@media (min-width:768px) {


  .headerLogo {


    padding:0.5rem 0;


    }


  img.sagamiLogo {


    float:left;


    height:auto;


    width:130px;


    }


  img.sagamiCompanyname {


    height:auto;


    margin:0.5rem 1rem 1rem 1rem;


    width:300px;


    }


  img.sagamiCatch {


    height:auto;


    margin:0 1rem 1rem 1rem;


    width:500px;


    }


  .header_menu {


    display:block;


    float:right;


    margin:4px 0;


    padding: 0.1rem;}


  .header_menu_list li {


    display:inline-block;


    font-size:0.8rem;


    margin:2px;}


  .header_menu_list li a {color:#482708;}


  .header_menu_list li a:hover {text-decoration:underline;}


}


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


/*#global nav


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


section.global_nav {


  clear:both;


  margin:0.2rem 0 1rem;


  text-align:center;


}


.header_gnav {


  display:none;


  border-top:1px solid #aaa;


  padding:0.3rem 0 0;


}


ul.header_gnav_list {


  font-size:0;


}


.header_gnav_list li {


  display: inline-block;


  text-indent: -9999px;


  }


.header_gnav_list li.line {


  color:#fff!important;


  font-size:1.5rem!important;


  padding:0;margin:0;


  text-indent: inherit!important;


  vertical-align: middle;


}


.header_gnav_list li a {


  border-bottom:1px solid #ccc;


  display:block;


  height:30px;


  margin:0 0.5rem;


  width:90px;


}


.header_gnav_list li.last a {


  border-right:none;


}


@media (min-width:768px) {


section.global_nav {


  margin:1.2rem 0 1rem;


}


.header_gnav {


  display: block;


  border-top:1px solid #aaa;


  border-bottom:1px solid #aaa;


  margin:0.3rem 0.1rem;


  padding:0;


}


.header_gnav_list li a {


  border:none;


  border-right:1px solid #ccc;


  display:block;


  margin:0.35rem 0;


  width:120px;


  }


}





.header_gnav_list li.nav_btn_home a {


  background: url(../images/nav/gnav_home.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_business a {


  background: url(../images/nav/gnav_business.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_company a {


  background: url(../images/nav/gnav_company.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_material a {


  background: url(../images/nav/gnav_material.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_recruit a {


  background: url(../images/nav/gnav_recruit.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_contact a {


  background: url(../images/nav/gnav_contact.png) no-repeat center center;


}


.header_gnav_list li.nav_btn_home a:hover {


  background: url(../images/nav/gnav_home.png) no-repeat center center rgba(33,33,33,0.6);


}


.header_gnav_list li.nav_btn_business a:hover {


  background: url(../images/nav/gnav_business.png) no-repeat center center rgba(33,33,33,0.6);


}


.header_gnav_list li.nav_btn_company a:hover {


  background: url(../images/nav/gnav_company.png) no-repeat center center rgba(33,33,33,0.6);


}


.header_gnav_list li.nav_btn_material a:hover {


  background: url(../images/nav/gnav_material.png) no-repeat center center rgba(33,33,33,0.6);


}


.header_gnav_list li.nav_btn_recruit a:hover {


  background: url(../images/nav/gnav_recruit.png) no-repeat center center rgba(33,33,33,0.6);


}


.header_gnav_list li.nav_btn_contact a:hover {


  background: url(../images/nav/gnav_contact.png) no-repeat center center rgba(33,33,33,0.6);


}








/* メニュートグルボタン width=45px */


.menubtn {


  border:1px solid #aaa;


  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;


  background:#fff;


  padding:0.4rem 0.8rem;


  font-size: 1.2rem;


  position:absolute;


  top:2rem;


  right:0.3rem;


  cursor:pointer;


  border-radius:2px;


  opacity:0.8;


  text-decoration: none;


}


#menubtn a:hover {


  background: rgba(124, 141, 88, 0.8);


}





.menubtn:hover{background:#ddd;}


.menubtn:focus{outline:none;}


.menubtn i {


  color:#666;


  font-size:1.5rem;


}


.menubtn span {


  display:inline-block;


  text-indent:-9999px;


}


.menubtn {}





/* ナビゲーション */


#header-nav-sp { display:none;}


#header-nav-sp ul {


  margin:0;


  padding:0;


  list-style:none;


}


#header-nav-sp ul li.menu-item {}


  


#header-nav-sp ul li a {


  display:block;


  background:#666;


  border-top:1px dashed #aaa;


  padding:0.5rem 2rem;


  font-size:1rem;


  font-weight:bold;


  text-decoration:none;


  line-height: 1.5rem;


  color: #fff;


  text-align: center;


  text-decoration: none;


}


#header-nav-sp ul li a:hover {


  background:#9CBA58;


  color:#333;


  text-decoration:none;


  opacity:0.8;  


}





@media (min-width:768px) {


	/* PC等 768px 以上の時 */


	/* 非表示アイテム */


  .menubtn {display:none;}


  #header-nav-sp { display:none;}


}








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


/*content heading など


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


.main_contents {


  background:#fff; 


  padding:0.6rem 0.1rem;


  margin:0;


}


@media (min-width:768px) {


  .main_contents {


    padding:1rem 1.5rem;


  }


}


.main_contents p {


   font-size:1rem;


   line-height:150%; 


   margin:2rem 0;


}


hr.head_line {


  clear:both;


  line-height:150%; 


  margin:2rem 0;


}


hr.foot_line {


  clear:both;


}


.heading10 {


  clear:both;


  margin:0 0 1.5rem;  


  }


.heading20 {


  clear:both;


  border-bottom:1px solid #c3d792;


  margin:2rem 0 0.2rem;


  }


hr.hr-heading20 {


  clear:both;


  border-bottom:4px solid #c3d792;


  margin:0 0 1.25rem;


  }


.heading21 {


  clear:both;


  margin:2.5rem 0 0;


  }


.heading22 {


  clear:both;


  border-bottom:1px solid #c3d792;


  font-weight:bold;


  font-size:1.5rem;


  margin:2rem 0 0.2rem;


  color:#000;


}


.heading23 {


  clear:both;


  margin:1rem 0;


  }





.heading30 {


	position: relative;


	padding: 0 .5em .5em 1.7em;


  margin:2rem 0 0;


	border-bottom: 1px solid #ccc;


  font-weight:bold;


  width:auto;


}


.heading30::after {


	position: absolute;


	top: .4em;


	left: .4em;


	z-index: 2;


	content: '';


	width: 12px;


	height: 12px;


	background-color: #9CBA58;


	-webkit-transform: rotate(45deg);


	transform: rotate(45deg);


}











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


/*	material  囲みグラ


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


.heading06 {


  margin:1rem 0.1rem;


	padding: 0.5rem 0.75rem 0.4rem;


	border-radius: 2px;


  background: linear-gradient(#FBFCF8, #C3D792);


  border:1px solid #C3D792;


  box-shadow:0px 1px 1px #ccc;


/*  font-weight:bold;*/


  color:#111;


  font-size:1.1rem;


}


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


/*	material  囲み


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





.heading08 {


  margin:1rem 0.1rem;


	padding: .5em .75em;


	border: 1px solid #ccc;


  color:#666;


	border-radius: 4px;


  font-weight:bold;


}


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


/*	material  囲み


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


.heading081 {


  margin:1rem 0.1rem;


	position: relative;


	padding: .75em 1em .75em 1.5em;


	border: 1px solid #ccc;


  font-weight:bold;


}


.heading081::after {


	position: absolute;


	top: .5em;


	left: .5em;


	content: '';


	width: 6px;


	height: -webkit-calc(100% - 1em);


	height: calc(100% - 1em);


	background-color: #7CB042;


	border-radius: 4px;


}


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


/*	material  囲み


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


.heading082 {


  margin:1rem 0.1rem;


	padding: .8rem .8rem;


	background-color: #ddd;


	border-radius: 6px;


}








.heading083 {


  margin:1rem 0.1rem;


	padding: .5em .75em;


	background-color: #eee;


	border-top: 1px solid #bbb;


	border-bottom: 1px solid #bbb;


}


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


/*	material  メタリック見出し


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





.heading07{


  position:relative;


  margin:1rem 0.1rem;


  padding:0.5rem 0.5rem 0.5rem 2rem;


  font:bold 22px/1.2 Arial, Helvetica, sans-serif;


  color:#333;


  background:#ccc;


  border-top:#ccc solid 1px;


  border-right:#999 solid 1px;


  border-bottom:#999 solid 1px;


  border-left:#ccc solid 1px;


  text-shadow:1px 1px 0 rgba(255,255,255,1);


  box-shadow:


      0 0 0 1px rgba(255,255,255,0.5) inset;


  background-image: -webkit-gradient(linear, left top, left bottom,


          from(            rgba(220, 220, 220, 1.0)),


          color-stop(0.25, rgba(240, 240, 240, 1.0)),


          color-stop(0.30, rgba(235, 235, 235, 1.0)),


          color-stop(0.36, rgba(240, 240, 240, 1.0)),


          color-stop(0.50, rgba(235, 235, 235, 1.0)),


          color-stop(0.80, rgba(215, 215, 215, 1.0)),


          to(              rgba(210, 210, 210, 1.0))


          );


  background-image: -webkit-linear-gradient(top,


          rgba(220, 220, 220, 1.0),


          rgba(240, 240, 240, 1.0) 25%,


          rgba(235, 235, 235, 1.0) 30%,


          rgba(240, 240, 240, 1.0) 36%,


          rgba(235, 235, 235, 1.0) 50%,


          rgba(215, 215, 215, 1.0) 80%,


          rgba(210, 210, 210, 1.0)


          );


  background-image: -moz-linear-gradient(top,


          rgba(220, 220, 220, 1.0),


          rgba(240, 240, 240, 1.0) 25%,


          rgba(235, 235, 235, 1.0) 30%,


          rgba(240, 240, 240, 1.0) 36%,


          rgba(235, 235, 235, 1.0) 50%,


          rgba(215, 215, 215, 1.0) 80%,


          rgba(210, 210, 210, 1.0)


          );


  background-image: -o-linear-gradient(top,


          rgba(220, 220, 220, 1.0),


          rgba(240, 240, 240, 1.0) 25%,


          rgba(235, 235, 235, 1.0) 30%,


          rgba(240, 240, 240, 1.0) 36%,


          rgba(235, 235, 235, 1.0) 50%,


          rgba(215, 215, 215, 1.0) 80%,


          rgba(210, 210, 210, 1.0)


          );


  background-image: linear-gradient(to bottom,


          rgba(220, 220, 220, 1.0),


          rgba(240, 240, 240, 1.0) 25%,


          rgba(235, 235, 235, 1.0) 30%,


          rgba(240, 240, 240, 1.0) 36%,


          rgba(235, 235, 235, 1.0) 50%,


          rgba(215, 215, 215, 1.0) 80%,


          rgba(210, 210, 210, 1.0)


          );


}


.heading07:before{


  content:" ";


  position:absolute;


  top:0;


  left:15px;


  width:0;


  height:100%;


  border-left:#ccc solid 1px;


}


.heading07:after{


  content:" ";


  position:absolute;


  top:0;


  left:16px;


  width:0;


  height:100%;


  border-right:#eee solid 1px;


}





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


/*	#汎用 list (.content内)


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


ul.list-normal {


  margin:0.7rem 0.5rem 0.7rem 2rem;


  list-style-type:disc;


  line-height:170%;


}


ul.list-normal-typenone {


  margin:0.7rem 0.5rem 0 2rem;


  list-style-type: none;


  line-height:170%;


}


ol.list-normal {


  margin:0.7rem 0.5rem 0.7rem 2rem;


  list-style-type: decimal;


  line-height:170%;


}





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


/*リンクボタン


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


.btnLink {


  border:2px solid #9cba58;  


  background:#9cba58;


  padding:0.75rem;


  margin:0;


  border-radius:4px;


  text-align:center;


}


.btnLink a {


  color:#fff;


  text-decoration:none;


}


.btnLink:hover {


  opacity:0.8;


}


.btnLink a:hover {


  opacity:1;


}





#gototop {


  z-index: 20000;


  position: fixed;


  bottom: 2%;


  right: 3%;


}


#gototop a {


  display: block;


/*  width: 4rem;


  height: 3rem;*/


  line-height: 1.4rem;


  color: #fff;


  padding:0.4rem;


  font-size: 1rem;


  text-decoration: none;


  background:#5C712F;


  border-radius:4px;


  opacity:0.8;


}


#gototop a:hover {


  background: rgba(124, 141, 88, 0.8);


  color:#000;


}


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


/*footer


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


.footer {


  clear:both;


  background: #9cba58;


}


.footer_menu_list {


  color:#333;


  margin:0;


  overflow: hidden;


  padding:0.8rem 0 0.2rem;


  text-align:center;


}


.footer_menu_list li {


  display: inline-block;


  margin-right: 0.6rem;


  font-size:0.9rem;


}


.footer_menu_list li:after {


  margin-left:0.6rem;


  content:'|'


}


.footer_menu_list li.last:after {


  content:'';


}


.footer_menu_list li a {


  color: #333;


  text-decoration: none;


}


.footer_menu_list li a:hover {


  text-decoration: underline;


}


p.cp {


  color:#333;


  font-size:0.8rem;


  padding:0.2rem 0.5rem 0.8rem;


  text-align:center;


}


@media (min-width:768px) {


  p.cp {text-align:center;}


}





.footer p.cp:before {


  content:".";


  display:block;


  height:0;


  clear:both;


  visibility:hidden;


  line-height:0;


}








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


/* index トップページ


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


span.bousen {


  letter-spacing:-2px;


}


div.indexMessage1 {


  background: linear-gradient(#E3F9FF, #9FEAFF);


/*  background:-webkit-gradient(linear, from(, #E3F9FF), to(, #9FEAFF));*/


  border:1px solid #46AAC5;


  border-radius:1px;


  margin:0 0 1rem;


  box-shadow:0px 1px 4px #666;


}


div.indexMessage2 {


  background: linear-gradient(#F5FFE6, #DAFDA8);


/*  background:-webkit-gradient(linear, from(, #F5FFE6), to(, #DAFDA8));*/


  border:1px solid #98B954;


  border-radius:1px;


  margin:0 0 1rem;


  box-shadow:0px 1px 4px #666;


}


div.indexMessage1 p,


div.indexMessage2 p {


  font-size:1rem;


  color:#333;


  padding:1rem 0.4rem;


  margin:0;


  }


figure.indexImg1,


figure.indexImg2 {


  margin:0;


  padding:0;


  }    


figure.indexImg1 img,


figure.indexImg2 img {


  width:100%;


  height:auto;


}


h2 img.sagamiImgGenbanokazu {


  width:100%;


  height:auto;


  margin:0.5rem 0 1rem;


}


p img.sagamiImgSorega {


  width:100%;


  height:auto;


  margin:1rem 0;


}





@media (min-width:768px) {


  h2 img.sagamiImgGenbanokazu {


    width:446px;


    height:33px;  


    }


  div.indexMessage1 {


    float:left;


    width:53%;


    }


  figure.indexImg1 {


    float:right;


    width:44%;


    height:auto;


    }    


  figure.indexImg1 img,


  figure.indexImg2 img {


    width:100%;


    height:auto;


    }


  figure.indexImg2 {


    float:left;


    width:35%;


    height:auto;


  }


  div.indexMessage2 {


    float:right;


    width:58%;    


  }


  p img.sagamiImgSorega {


    float:right;


    width:517px;


    height:32px;


    margin-top:2.5rem;


    margin-bottom:3.5rem;


  }


  div.indexMessage1 p,


  div.indexMessage2 p {


    font-size:0.9rem;


  }


}





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


/* business 業務内容


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


p.arrowHeading {


  clear:both;


  margin:1rem 0; 


}


p.arrowHeading img {


  vertical-align: bottom;


  margin-right:0.6rem;


}


p.arrowText {


  border:2px dotted #c3d792;


  padding:0.5rem;


  margin:0.2rem 0.2rem 0.5rem;


}


.figBusiness1,


.figBusiness2,


.figBusiness3,


.figBusiness4 {


  width:100%;


  height:auto;


  margin:1rem 1%;


  padding:0;


  }


.figBusiness1 img ,


.figBusiness2 img ,


.figBusiness3 img ,


.figBusiness4 img {


  width:98%;


  height:auto;


}


.figBusiness1 figcaption,


.figBusiness2 figcaption,


.figBusiness3 figcaption,


.figBusiness4 figcaption {


  padding:0.1rem 0;


  }


.figBusiness1 p,


.figBusiness2 p,


.figBusiness3 p,


.figBusiness4 p {


  font-size:0.95rem;


  line-height:1.2rem;


  padding:0.2rem 0 0.5rem;


  margin:0;


  text-align:left;


  width:98%;


  }


.figPright {


}


.figImgright {


  width:100%;


  height:auto;


  margin:1rem 1%;


  padding:0;


}


.figImgright img {


  width:98%;


  height:auto;


  }





.figBusinessIntro {}


.figBusinessIntroImg {


  width:98%;


  height:auto;


  margin:0.5rem 1%;


}





.imgHeight500 {


 height:auto; 


}





@media (min-width:768px) {


  .figBusinessIntroP {


    float:left;


    width:65%;


    margin-top:0!important;


  }


  .figBusinessIntroImg {


    float:left;


    width:21%;


    height:auto;


    margin:0 1rem;


    }





  .arrowHeading {


    margin:0.5rem 0;


  }


  p.arrowText {


    padding:0.8rem;


    margin:1rem 0;


  }


  .figBusiness1 {


    float:left;


    width:350px;


    height:auto;


    margin:1rem 1.5rem;


    }


  .figBusiness1 img {


    width:350px;


    height:auto;


    }


  .figBusiness2 {


    float:left;


    width:350px;


    height:auto;


    margin:1rem 1.5rem;


    }


  .figBusiness2 img {


    width:350px;


    height:auto;


  }


  .figBusiness3 {


    float:left;


    width:350px;


    height:auto;


    margin:1rem 1.5rem;


    }


  .figBusiness3 img {


    float:left;


    width:350px;


    height:auto;


  }


  .figBusiness4 {


    float:left;


    width:350px;


    height:auto;


    margin:1rem 1.5rem;


    }


  .figBusiness4 img {


    float:left;


    width:350px;


    height:auto;


  }


  .figBusiness1 p {


    width:350px;


    }


  .figPright {


    float:right;


    width:400px; 


    }


  .figPleft {


    float:left;


    width:400px;


    }


  .figImgright {


    float:right;


    margin-top:80px;


    margin-right:2rem;


    width:310px;


    height:auto;


    }


  .figImgright img {


    width:300px; 


    height:auto;


    }


  .marginTop-200 {


    margin-top:-200px;


  }


}





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


/* company 会社概要


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


.t-company {}


.t-company dl {


  margin:0rem 1rem 1rem; 


  border-bottom: 1px solid #9cba58;


  overflow: hidden;/*clearfix*/


}


.t-company dt {


  width:100%;


  font-size:1.1rem;


  font-weight:bold;


  line-height:180%;


}


.t-company dd {


  width:100%;


  font-size:1rem;


  line-height:180%;


  margin:0 0 0 1.5rem;


}


.headofficeImg1,


.headofficeImg2,


.factoryImg {


  width:80%;


  height:auto; 


  margin:0 9%;


}





a.accessMap {


  display:inline-block;


  background:#9cba58;


  padding:0.1rem 1rem;


  border-radius:4px;


  color:#fff;


  font-size:0.9rem;


  text-decoration:none;}











@media (min-width:768px) {


  .t-company dt {width:20%;  font-weight:normal;font-size:1rem;}


  .t-company dd {width:80%;display: table;}


  .t-company dl dt {


    float: left;


    text-align: left;


    line-height:180%;}


  .headofficeImg1,


  .factoryImg {


    height:auto;


    width:210px;


    margin:0.2rem 1rem 0.6rem;


  }


  .headofficeImg2 {


    height:139px;


    width:auto;


    margin:0.2rem 1rem 0.6rem;


  }


}





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


/* company > access アクセス


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


.ggmap {


  position: relative;


  padding-bottom: 56.25%;


  padding-top: 30px;


  height: 0;


  overflow: hidden;


}


.ggmap iframe,


.ggmap object,


.ggmap embed {


  position: absolute;


  top: 0;


  left: 0;


  width: 100%;


  height: 100%;


}


.map_link a:hover {


  opacity:0.7;


}


.tbl-access {


  margin:0 1rem!important;


}


.tbl-access caption {


  font-weight:bold;


  margin:0.5rem 0;


}


.tbl-access td {


  margin-left:1rem;


}





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


/* material 取扱資材


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


.figMaterial {


  width:100%;


  height:auto;


  margin:1rem 0; 


  padding:0 0 0.8rem;


  }


.figMaterial img {


  width:98%;


  height:auto;


  margin:0.5rem 0 0;


}


.figMaterial figcaption {


  background:#eee;


  border-left:4px solid #9cba58;


  padding:0.4rem 0.6rem;


  margin:0 2% 0 0;


  text-align:left;


  }


.figMaterial p {


  font-size:0.8rem!important;


  line-height:200%;


  margin:0 0;


}


p.partner {


  text-align:right;


  margin:0!important;


  padding:0.8rem;


  }


@media (min-width:768px) {


  .figMaterial {


    float:left;


    width:250px;


    margin:1rem 10px;


    }


  .figMaterial figcaption{}


  .figMaterial p {


    font-size:0.9rem;


  }


}





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


/* contact 見積・お問合せ


/* contactform お問合せフォーム


/* thanks メールを送信しました


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


.t-contact {}


.t-contactform {}


.pContact {


  margin:1.5rem 0;


  }


.thanksMail {margin-top:0.3rem!important}


.thanksMail img {


  vertical-align: bottom;


  margin-right:0.6rem;


  margin-bottom:0.3rem;


}


.thanksComment p {


  line-height:180%;


  margin:1.2rem 0;


  }


p.thanksContact {


  background:#eee;


  padding:0.8rem;


  border-radius:4px;


  }


.dlForm {


  width:100%;


  margin:1rem 0;


  font-size:1rem;


}


.dlForm dt {


  width: 100%;


  font-size:1rem;


  margin:0;


  padding:0.5rem 0.5rem 0;


  border:none;


}


.dlForm dd {


  font-size:1rem;


  padding:0.2rem 0.5rem 1rem;


  border:none;


}


.dlForm dd input {


  border:1px solid #ccc;


  background:#f6f6f6;


  padding:0.2rem;


  width:99%;


}


.dlForm dd textarea {


  border:1px solid #ccc;


  background:#f6f6f6;


  padding:3px 6px;


  width:98%;


}


dl.formbtn {


  clear:both;


  margin:0 auto;


  text-align:center;


}


dl.formbtn dd input {


  width:8rem;


  margin:1rem 1rem;


  padding:0.8rem 1rem;


  text-align:center;


  line-height:150%;


}


dd input.formZip {


  width:99%;


}


dd input.formZipButton {


  background-color:#ddd;


  width:100%;


  padding:0.2rem 0.4rem;


  margin:0.5rem 0 0.2rem;


  border-radius:4px;


  }





span.Attention {


  color: #F36;


  font-size: 0.8rem;


}


@media (min-width:768px) {


  #form1 {


    width:90%;


    margin:1rem auto;


    }


  dd input.formZip {


    width:45%;


  }


  dd input.formZipButton {


    width:12rem;


    margin:0;


    }


}





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


/* recruit 求人募集


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


.tbl-recruit td {


  line-height:170%;


  }


ul.list-recruit-ib li {


  display:inline-block;


  margin-right:1.2rem;


  }





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


/* 汎用 テーブル


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





/* 罫線有り */


table.tbl-normal {


  border:1px solid #9cba58;


  border-spacing:0;


  border-collapse:collapse;


  margin:1rem 0;


  width:100%;


}


table.tbl-normal th {


  border:1px solid #9cba58;


  padding:0.8rem;


  text-align:left;


}


table.tbl-normal td {


  border:1px solid #9cba58;


  padding:0.8rem;


  text-align:left;


}


table.tbl-normal .odd td {


  background-color:#f9f9f9;


}


table.tbl-normal .even td {


  background-color:#fff;


}


table.tbl-normal img {


  margin:0;


  padding:0;


  max-width:none;


  border:0;


}





/* 罫線無し */


table.tbl-borderNone {


  border:none;


  border-spacing:0;


  border-collapse:collapse;


  margin:1rem 0;


  width:100%;


}


table.tbl-borderNone th {


  border:none;


  padding:0.2rem;


  text-align:left;


}


table.tbl-borderNone td {


  border:none;


  padding:0.2rem;


  text-align:left;


}





@media (max-width: 767px) {


  /* SP時 テーブルを組み替え */


  .tbl-normal {}


  .tbl-normal tr {}


  .tbl-normal th.heading {


    display:none;


  }


  .tbl-normal th {


    display:block;


    background:#f9f9f9;


    }


  .tbl-normal td {


    display:list-item;


    list-style-type:none;


    line-height:150%;


  }


  .tbl-normal td ul {}





  .tbl-borderNone {}


  .tbl-borderNone tr {}


  .tbl-borderNone th.heading {


    display:none;


  }


  .tbl-borderNone th {


    display:block;


    background:#f9f9f9;


    }


  .tbl-borderNone td {


    display:list-item;


    list-style-type:none;


    line-height:150%;


  }


  .tbl-borderNone td ul {}


}