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

/* ===================================================================
 Reset
=================================================================== */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, btn, input, select, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0; padding: 0; border: 0; font-weight: normal; font-size: 100%; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, header, footer, aside, figure, figcaption, nav, section { display:block; }
body { line-height: 1; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
ol, ul { list-style: none; list-style-type: none; }

a,
a:visited { color: #212121; text-decoration: underline; }
a:hover { text-decoration: underline; }
a:hover img{ opacity:0.75; filter: alpha(opacity=75); }



/* ===================================================================
 Style
=================================================================== */

body { text-align: center; padding:0; margin:0 auto; color:#111; font-size:16px; letter-spacing:0.1em; line-height:1.5; }
img { max-width: 100%; height:auto; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; }
.main {margin:0 auto 50px auto;}

p { line-height:170%;}

i, em { font-style: normal; color: #F00;}

img.pc_img{}
img.sp_img{ display:none;}

.alignR { text-align:right;}

@media screen and (max-width: 1200px){
	body { padding-bottom: 100px}
}

@media screen and (max-width: 450px){
	body { padding-bottom: 75px}
}


@media screen and (max-width:600px){
img.pc_img{ display:none;}
img.sp_img{ display:block;}


}



/* ===================================================================
 HEAD
=================================================================== */

#head-area { display: flex; justify-content: space-between; margin: 0 2% auto 0; text-align:center;}
#head { padding-top: 55px;}
#head #logo { width:180px; float:left; text-aling:center; padding-bottom:2px;}
#head ul { padding: 0;}
#head li {  }
#head li#navi-tel { display:none;}
#head li#navi-catalog img.sp { display: none; }
#head li#navi-catalog a:hover img { opacity:0.6; filter: alpha(opacity=0.6); }
#head-area .emblem { padding-top: 25px; margin-left: 11%;}
#head-area .emblem img.sp { display: none;}

@media screen and (max-width:900px){
#head-area { margin: auto 2%; min-height: 65px;}
#head { padding-top: 0px; order: 1; margin-right: 150px;}
#head #logo { display:block; float:none; width: 180px; height: 60px; margin:0 0 -26px 0;}
#head ul { float:none; display:block; width:100%; margin:0 auto; position: relative;}
#head li#navi-tel { display:inline-block; position: absolute; top:8px; left:2px; z-index: 1000000;}
#head li#navi-tel a { display:inline-block; width: 50px; height: 45px;}
#head li#navi-catalog { width: 50px; height: 45px;}
#head li#navi-catalog img.pc { display: none; }
#head li#navi-catalog img.sp { display: block; }
#head li#navi-catalog { display:inline-block; position: absolute; top:8px; left:50px; z-index: 1000000;}
#head-area .emblem { padding-top: 0px; margin-left: 0%; z-index: 1000000;}
#head-area .emblem img.pc { display: none;}
#head-area .emblem img.sp { display: block; margin: 14px 0 14px; width: min(100%, 235px);}

}


#nav { text-aling:center; padding-bottom:2px;}
#nav ul { width:392px; text-aling:center; padding-bottom:2px;}
#nav li { width:56px; float:left; }
#nav a:hover img{ opacity:1; filter: alpha(opacity=100); }
#nav li p { display: none;}

/* Sweep To Bottom */
#nav ul li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
#nav ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #A3A3A3;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#nav ul li:hover, #nav ul li:focus, #nav ul li:active { color: white;}
#nav ul li:hover:before, #nav ul li:focus:before, #nav ul li:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}



/* ===================================================================
 TOP
=================================================================== */

#mv { clear:both; width:100%; height:650px; background:url(../parts/mv_bg.jpg) repeat-x center top; text-aling:center; margin:0 auto; }

@media screen and (max-width:1199px){
	#mv { height: auto; background-size: cover; }
}

@media screen and (max-width:900px){
#mv h1 img.pc_img { display: none;}
#mv h1 img.sp_img { display: block;}
}

#top-catalog { clear:both; width:100%; background:#F0F0F0; margin:0 auto; }
#top-contents { clear:both; width:100%; background:#F0F0F0; margin:0 auto; }
#top-catalog:after,
#top-contents:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


#top-catalog { clear:both; width:100%; background:#F0F0F0; margin:0 auto; padding:70px 0 60px 0; }
#top-catalog:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#top-catalog h3 { font-size:30px; font-weight:normal; letter-spacing:0.15em; color:#333; padding-bottom:15px; margin:0 auto 25px; background:url(../parts/ico_h.gif) no-repeat center bottom; }
#top-catalog .subtit { font-size:16px; font-weight:normal; letter-spacing:0.15em; color:#777; margin-bottom:40px; }

#top-catalog-box { clear:both; width:1020px; margin:0 auto; }
#top-catalog-box .bt { float:left; }
#top-catalog-box .book { float:right; }

#backnumber { margin: 70px 0 80px; }


@media screen and (max-width:1199px){
	.top-catalog-box { clear:both; width:96%; margin:0 auto; }
	.top-catalog-box .bt { float:none; }
	.top-catalog-box .book { float:none; }
}
@media screen and (max-width:600px){
	#top-catalog { padding:40px 0 30px 0; }
	#top-catalog h3 { font-size:25px; padding-bottom:10px; margin:0 auto 15px; }
	#top-catalog .subtit { font-size:14px; margin-bottom:0; }
}

#top-pick-up { clear:both; width:100%; background:#F0F0F0; margin:0 auto; padding: 10px 0 120px 0; }
#top-pick-up:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#top-pick-up h3 { font-size:30px; font-weight:normal; letter-spacing:0.15em; color:#333; padding-bottom:15px; margin:0 auto 25px; background:url(../parts/ico_h.gif) no-repeat center bottom; }

#top-pick-up article { clear:both; width: 100%; max-width:1200px; margin:0 auto; border: 2px solid #E89624; padding: 25px 25px 25px 0; background: #fff; text-align: left; display: grid; grid-template-columns: 800px auto; grid-template-rows: auto auto auto; gap: 0 25px;}

#top-pick-up article a { text-decoration: none;}
#top-pick-up article a:has(h4) { grid-column: 1/2; grid-row: 1/2;}
#top-pick-up article a h4 { background: #E89624; color: #fff; font-size: 22px; padding: 16px 25px; margin-bottom: 45px; letter-spacing: 0.2em;}
#top-pick-up article a:hover h4 { text-decoration: underline; text-underline-offset: 5px; color: #fff;}
#top-pick-up article .text { grid-column: 1/2; grid-row: 2/4;}
#top-pick-up article p { margin-bottom: 1em; padding-left: 25px; font-size: 16px; letter-spacing: 0.15em;}
#top-pick-up article img { grid-column: 2/3; grid-row: 1/3; margin-bottom: 20px;}
#top-pick-up article .pdf-button { grid-column: 2/3; grid-row: 3/4;}
#top-pick-up article .pdf-button a { border: 2px solid #999999; display: flex; width: 100%; height: 60px; align-items: center; padding-inline: 25px; color: #666666; font-size: 20px; font-weight: bold;}
#top-pick-up article .pdf-button a:before { content: ""; background: url("../parts/pdf.png"); background-repeat: no-repeat; background-size: contain; width: 31px; height: 30px; margin-right: 2em;}

@media screen and (max-width:1199px){
	#top-pick-up article { width:96%; margin:0 auto; grid-template-columns: auto 345px;}
	#top-pick-up article .text { grid-row: 2/3;}
	#top-pick-up article .pdf-button { grid-column: 1/3; grid-row: 3/4; padding-left: 25px;}
	#top-pick-up article .pdf-button a { max-width: 340px; margin: 0 auto;}
}

@media screen and (max-width:900px){
	#top-pick-up article { grid-template-columns: auto; grid-template-rows: auto auto auto auto;}
	#top-pick-up article a:has(h4) { grid-column: 1/2; grid-row: 1/2;}
	#top-pick-up article .text { grid-column: 1/2; grid-row: 2/3;}
	#top-pick-up article img { grid-column: 1/2; grid-row: 3/4; padding-left: 25px; margin: 0 auto 20px;}
	#top-pick-up article .pdf-button { grid-column: 1/2; grid-row: 4/5;}
}

@media screen and (max-width:700px){
	#top-pick-up article a h4 { font-size: 18px; padding-block: 8px; margin-bottom: 30px; }
	#top-pick-up article p { font-size: 15px;}
	#top-pick-up article .pdf-button a { padding-right: 0; font-size: min(20px, calc((16 / 320)*100vw)); height: 48px; padding-top: 4px;}
}	#top-pick-up article .pdf-button a::before { width: min(31px, calc((25 / 320)*100vw)); margin-right: min(2em, calc((16 / 320)*100vw));}
}

@media screen and (max-width:600px){
	#top-pick-up { padding:40px 0 30px 0; }
	#top-pick-up h3 { font-size:25px; padding-bottom:10px; margin:0 auto 15px; }
}

#top-info { clear:both; padding:70px 0 50px 0; }
#top-info:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#top-info h3 { font-size:30px; font-weight:normal; letter-spacing:0.15em; color:#333; padding-bottom:15px; margin:0 auto 20px; background:url(../parts/ico_h.gif) no-repeat center bottom; }
#top-info .subtit { font-size:16px; font-weight:normal; letter-spacing:0.15em; color:#999; margin-bottom:40px; }

#top-info dl { width:1200px; margin:0 auto; overflow:hidden; border-top:none; text-align:left;}
#top-info dl dt { float:left; width:150px; padding:11px 5px 9px 20px; background: url(../parts/ico_list.gif) no-repeat left center; font-size:14px; color:#666;}
#top-info dl dd { margin-left:150px; padding:10px 5px 40px 10px; color:#111;}
#top-info dl dd:after{ clear:both; }
#top-info dd img.imgR { float:right; margin:0 0 0 10px;}
#top-info p { width:1200px; margin:0 auto;}
#top-info .alignR { font-size:14px;}

@media screen and (max-width:1199px){
	#top-info dl { clear:both; width:96%; margin:0 auto; }
	#top-info p { width:96%;}
}

@media screen and (max-width:600px){
	#top-info dl { width:96%; margin:0 auto;}
	#top-info dl dt{ float:none; width:100%; }
	#top-info dl dd{ margin-left:0; border-bottom:1px dotted #CCC; padding:0px 5px 20px 10px; }
	#top-info .alignR { margin-top:20px;}
}

#top-info-pagination { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1200px; border-top: 1px solid #ccc; padding: 45px 0;}
#top-info-pagination.first { justify-content: flex-end;}
#top-info-pagination a { text-decoration: none; color: #212121; font-size: 14px;}
#top-info-pagination a:hover { text-decoration: underline;}

#top-service { clear:both; width:100%; margin:0 auto; padding:70px 0 80px 0; background:#F0F0F0; }
#top-service:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#top-service h3 { font-size:30px; font-weight:normal; letter-spacing:0.15em; color:#333; padding-bottom:15px; margin:0 auto 20px; background:url(../parts/ico_h.gif) no-repeat center bottom; }
#top-service .subtit { font-size:14px; font-weight:normal; letter-spacing:0.15em; color:#777; }

#top-service ul { width:1200px; margin:0 auto; overflow:hidden; border-top:none; text-align:left;}
#top-service ul li{ width:380px; float:left; text-align:center; margin-right:30px; font-size:17px; background:url(../parts/ico_h.gif) no-repeat center bottom;}
#top-service ul li:after{ clear:both; }
#top-service ul li.last{ margin-right:0;}
#top-service ul li p { margin:20px auto;}

#top-service a, #top-service a:visited { text-decoration: none; }

@media screen and (max-width:1199px){
	#top-service ul { width:100%; }
	#top-service ul li{ width:30%; margin:0 1% 0 2%; }
}

@media screen and (max-width:600px){
	#top-service ul { width:96%;}
	#top-service ul li { font-size:14px;}
	#top-service ul li { background:none;}
	#top-service ul li { width:100%; margin:0 auto 2%;}
	#top-service ul li img { width:100%;}
}

#top-tender { position: fixed; right: 60px; bottom: 25px; z-index: 1;}
#top-tender img { width: 350px; border: 1px solid #000;}

@media screen and (max-width: 1200px){
	#top-tender img { width: 50vw; max-width: 270px; min-width: 200px;}
}

@media screen and (max-width: 1200px){
	#top-tender { right: inherit; left: 50%; bottom: 15px; transform: translateX(-50%);}
}

/* ===================================================================
 INSIDE
=================================================================== */


#mv-i { clear:both; width:100%; height:480px; text-aling:center; margin:0 auto; padding:200px 0 0 0; }

.mv_c { background:url(../parts/mv_company.jpg) no-repeat center top;}
.mv_n { background:url(../parts/mv_news.jpg) no-repeat center top;}
.mv_t { background:url(../parts/mv_tool.jpg) no-repeat center top;}
.mv_s { background:url(../parts/mv_seed.jpg) no-repeat center top;}
.mv_h { background:url(../parts/mv_house.jpg) no-repeat center top;}

#mv-i h2 { font-size:68px; font-weight:normal; letter-spacing:0.3em; color:#FFF; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

@media screen and (max-width:1199px){
	#mv-i { height: auto; padding:20% 0 ; }
	
	.mv_c,
	.mv_n,
	.mv_t,
	.mv_s,
	.mv_h { background-size:cover;}
	
	#mv-i h2 { font-size:42px; }
}

@media screen and (max-width:480px){
	#mv-i h2 { font-size:24px; }

}


#company,
#news,
#seed,
#tool,
#house,
#engei,
#tender { width:1200px; margin:0 auto 100px auto;}
@media screen and (max-width:1199px){
#company,
#news,
#seed,
#tool,
#house,
#engei,
#tender { width:95%; margin:0 2.5% 50px 2.5%;}

}

/* ==========================
 COMPANY
========================== */

#company { margin-top:100px;}

#company h3 { margin:50px 0 70px 0; font-size:26px; font-weight:normal; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

#company .c_box { width:100%; margin:0 auto 50px auto; padding:30px 30px 0 30px; border:2px solid #EEE;}
#company .c_box h4 { margin-bottom:25px; padding-bottom:15px; text-align:center; font-size:28px; background:url(../parts/h3.gif) no-repeat center bottom; }
#company .c_box p { margin-bottom:30px; font-size:18px;}

#company h5 { padding:10px 0; font-size:26px; color:#666; text-align:left; background:url(../parts/h4.gif) no-repeat center bottom; }

#company dl { clear:both; width:100%; margin:50px auto; text-align:left; border-bottom:1px dotted #333;}
#company dl dt { float:left; width:180px; padding:25px 0; border-top:1px dotted #333; font-weight:bold;}
#company dl dd { margin-left:180px; padding:25px 0; line-height:170%; border-top:1px dotted #333;}
#company dl dt:first-child,
#company dl dt:first-child + dd { border:none;}

#company iframe { margin-bottom:50px;}

#company ul { }
#company li { display:inline-block; margin-right:20px; }
#company li:last-child { margin:0; }



@media screen and (max-width:1199px){
#company dl dt { float:left; width:25%; padding:25px 0; border-top:1px dotted #333; font-weight:bold;}
#company dl dd { margin-left:25%; padding:25px 0 25px 5px; line-height:170%; border-top:1px dotted #333;}

#company iframe { width:100%;}

#company ul { width:100% }
#company li { width:32%; margin:0;}
#company li img { width:100%;}
}

@media screen and (max-width:600px){
#company { margin-top:20px;}
#company h3 { font-size:24px;}
#company h3 br { display:none;}
#company h5 { margin-bottom:30px; font-size:22px;}

#company .c_box h4 { font-size:18px;}
#company .c_box p { font-size:14px;}

#company li { width:100%; margin:0 0 15px;}
}

/* ==========================
 NEWS
========================== */


/* ==========================
 SEED
========================== */

#seed h3 { margin:50px 0 70px 0; font-size:38px; font-weight:normal; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#seed h4 { clear:both; margin-bottom:30px; padding:10px 0; font-size:30px; color:#666; text-align:left; background:url(../parts/h4.gif) no-repeat center bottom; }
#seed p { text-align:left; margin-bottom:30px;}

#seed dl { clear:both; margin-bottom:50px;}
#seed dl dt { float:left; width:300px;}
#seed dl dt h5 { margin-top:0; margin-bottom:20px; padding:0; font-size:22px; color:#666; text-align:left; font-weight:normal;}
#seed dl dd { min-height:225px; margin-left:300px;}
#seed dl dd.s01 { background:url(../parts/s_bg01.jpg) no-repeat right bottom;} 
#seed dl dd.s02 { background:url(../parts/s_bg02.jpg) no-repeat right bottom;} 


#seed dl dd ul { width:430px; margin-bottom:20px; text-align:left; }
#seed dl dd ul li { padding:10px 0 10px 20px; border-bottom:1px dotted #333; background:url(../parts/ico_sqr.gif) no-repeat left 15px;}
#seed dl dd.s02 ul li { display:inline-block; width:200px; margin:0; padding:10px 0 10px 20px; border-bottom:1px dotted #333;}
#seed dl dd.s02 ul li:nth-child(2n) { margin:0 0 0 -5px;}

#seed .s_box { clear:both; width:100%; margin:30px auto; padding:30px; border:1px solid #ccc; overflow:hidden;}
#seed .s_box h6 { float:left; margin:0; padding:7px 0 5px 15px; font-size:26px; font-weight:normal; background:url(../parts/h6.gif) no-repeat left 13px;}
#seed .s_box .cal { float:right; margin-bottom:30px; }
#seed .s_box .cal span { display:none;}
#seed .s_box ul { clear:both; display:block; width:1160px; margin:0 0 0 20px; text-align:left;}
#seed .s_box ul li { width:280px; margin-bottom:20px; padding:0 0 0 15px; display:inline-block; background:url(../parts/ico_cir.gif) no-repeat left 7px;}

#seed .caution { padding:15px; font-weight:bold; font-size:16px; text-align:center; border:2px solid #FF7373;  }

@media screen and (max-width:1199px){
#seed dl dt { float:none; width:100%;}
	#seed dl dt h5 { margin-top:50px;}
#seed dl dd { min-height:225px; margin-left:0; padding-bottom:200px;}
#seed dl dd.s01,
#seed dl dd.s02 { background-position:center bottom;} 

#seed dl dd ul { width:100%;}
#seed dl dd.s02 ul li,
#seed dl dd.s02 ul li:nth-child(2n) { width:32.8%; margin:0;}

#seed .s_box ul { width:100%; }
#seed .s_box ul li { width:32.5%; vertical-align:top;}
}

@media screen and (max-width:600px){
#seed h3 { font-size:24px;}
#seed h4 { font-size:22px;}

#seed dl dd.s02 ul li,
#seed dl dd.s02 ul li:nth-child(2n) { width:49%; margin:0;}
#seed dl dt h5 { font-size:18px; font-weight: bold;}

#seed .s_box { padding:20px;}
#seed .s_box ul li { width:49%;}

#seed .s_box .cal { float:none; clear:both; display:block;}
#seed .s_box .cal img { display:none;}
#seed .s_box .cal span { display:block; padding-top:15px; text-align:left; font-weight:bold; font-size:16px; color:#F00;}
}

@media screen and (max-width:480px){
#seed h3 { font-size:18px;}

#seed dl dd.s02 ul li,
#seed dl dd.s02 ul li:nth-child(2n),
#seed .s_box ul li { width:100%;}

}


/* ==========================
 TOOL
========================== */

#tool{ margin-top:100px; display: flex; gap: 30px; flex-wrap: wrap;}

#tool .t_box { width:580px; min-height:480px; display:inline-block; vertical-align:top; padding:35px; border:1px solid #CCC;}

#tool .t_box img { margin-bottom:30px;}
#tool .t_box h3 { margin-bottom:15px; padding-bottom:15px; text-align:center; font-size:22px; background:url(../parts/h3.gif) no-repeat center bottom; }
#tool .t_box p { text-align:left;}

@media screen and (max-width:1199px){
#tool .t_box { display:block; min-height:inherit; margin:0 auto 30px auto;}
#tool .t_box:nth-child(even){ margin:0 auto 30px auto;}

}

@media screen and (max-width:600px){
#tool .t_box { width:100%;}


}


/* ==========================
 HOUSE
========================== */

#house h3 { margin:50px 0 70px 0; font-size:30px; font-weight:normal; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#house h4 { padding:10px 0; font-size:30px; color:#666; text-align:left; background:url(../parts/h4.gif) no-repeat center bottom; }

#house .h_box { clear:both; margin:30px 0 50px 0; overflow:hidden; text-align:left;}
#house .h_box img{ }
#house .h_box .h_txt { float:right; width:650px; padding-top:50px;}
#house .h_box .h_txt p { margin-bottom:50px;}
#house .h_box .h_txt img { margin-right:20px;}

@media screen and (max-width:1199px){
#house .h_box img { display:block; margin:0 auto 20px auto; }

#house .h_box .h_txt { float:none; width:100%; padding-top:0; text-align:center;}
#house .h_box .h_txt p { margin-bottom:30px; text-align:left;}
#house .h_box .h_txt img { display:inline-block; }

}

@media screen and (max-width:600px){
#house h3 { font-size:24px;}
#house h4 { font-size:22px;}

}

@media screen and (max-width:480px){
#house h3 { font-size:18px;}

}



/* ==========================
 ENGEI
========================== */

#engei { margin-top: 100px;}

#catalog_new { clear: both; width: 100%; margin: 0 auto; }

#engei h3 { margin:50px 0; font-size:38px; font-weight:normal; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#engei h4 { clear:both; margin-bottom:50px; padding:10px 0; font-size:30px; color:#666; text-align:left; background:url(../parts/h4.gif) no-repeat center bottom; }
#engei p { text-align:left; margin-bottom:1em;}

#engei .top-catalog-box { clear:both; width:1020px; margin:0 auto; }
#engei .top-catalog-box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
/* #engei .top-catalog-box .bt { float:left; margin: auto 0;}
#engei .top-catalog-box .book { float:right; } */

#engei_backnumber { clear: both; margin: 70px 0 80px; }
#engei_backnumber .s_box { clear: both; width: 100%; margin: 40px auto; padding: 30px; border: 1px solid #ccc; overflow: hidden; position: relative;}
#engei_backnumber .s_box h5 { position:relative; font-size: 26px; text-align: left; margin:0 0 0.75rem 0!important; font-weight:normal; background-size: auto auto; padding: 1rem 1rem 1rem 2.5rem; position: relative; margin-bottom: 20px; background-color: #EEE;}
#engei_backnumber .s_box h5:before { position: absolute; top: 20%; left: 20px; width: 6px; height: 60%; content: ''; background: #333;}
#engei_backnumber .s_box h5 a { display: block; padding-right:60px; text-decoration: none;}
#engei_backnumber .s_box h5 a:hover { text-decoration: underline;}
#engei_backnumber .s_box h5 span { position:absolute; top:28%; right:15px; padding:8px; font-size:15px; color:#FFF; line-height:100%; background:#F29600;}
#engei_backnumber .s_box p { text-align: right;}
#engei_backnumber .s_box ol { padding: 0 0 0 30px; float: left;}
#engei_backnumber .s_box ol li { margin-bottom: 0.5rem; text-align: left; list-style: decimal; font-size: 16px;}
#engei_backnumber .s_box img { float: left;  position: absolute; bottom: 30px; right: 30px;}


@media screen and (max-width:1199px){
	#engei .top-catalog-box { clear:both; width:96%; margin:0 auto; }
	#engei .top-catalog-box .bt { float:none; }
	#engei .top-catalog-box .book { float:none; }
	#engei_backnumber .s_box h5 { font-size: min(calc((26 / 375)*100vw), 26px);}
	#engei_backnumber .s_box ol { float:none; margin-bottom: 20px;}
	#engei_backnumber .s_box img { float:none; position: static;}
}

@media screen and (max-width:700px){
	#engei_backnumber .s_box { padding: 15px 15px 30px;}
	#engei h4 { clear:both; margin-bottom:30px; font-size:22px;}
	#engei_backnumber .s_box h5 { font-size: min(calc((26 / 375)*100vw), 18px); padding: 0.5rem 0.5rem 0.5rem 1.75rem;}
	#engei_backnumber .s_box h5:before { top: 15%; left: 12px; width: 5px; height: 70%;}
	#engei_backnumber .s_box h5 span { top:28%; right:10px; padding:4px; font-size:12px;}
	#engei_backnumber .s_box p { font-size: 12px;}
	#engei_backnumber .s_box ol li { font-size: 15px;}
}

/* ==========================
 TENDER
========================== */

#tender { margin-top: 100px;}
#tender h4 { clear: both; margin-bottom: 50px; padding: 10px 0; font-size: 30px; color: #666; text-align: left; background: url(../parts/h4.gif) no-repeat center bottom;}

#documents .s_box { clear: both; width: 100%; margin: 40px auto; padding: 30px 30px 30px; border: 1px solid #ccc; overflow: hidden; position: relative;}
#documents .s_box h5 { position: relative; font-size: 24px; text-align: left; margin: 0 0 40px 0 !important; font-weight: normal; background-size: auto auto; padding: 15px 25px 9px 1.75rem; margin-bottom: 20px; background-color: #EEE;}
#documents .s_box h5::before { position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 5px; height: 25px; content: ''; background: #333;}
#documents .s_box h5 a { display: block; text-decoration: none;}
#documents .s_box h5 a:hover { text-decoration: underline;}
#documents .s_box p { margin: 40px 15px 30px; text-align: left; font-size: 18px; line-height: 2;}
#documents .s_box span { display: block; font-size: 16px; padding-top: 5px;}

#tender .bt_mail_tender { margin: 20px 0 40px 0;}
#tender .bt_mail_tender img { width: 100%; max-width: 500px;}

@media screen and (max-width:1199px){
	#documents .s_box h5 { font-size: min(calc((26 / 375)*100vw), 26px);}
}

@media screen and (max-width:700px){
	#tender h4 { clear:both; margin-bottom:30px; font-size:22px;}
	
	#documents .s_box { padding: 15px 15px 15px;}
	#documents .s_box h5 { font-size: min(calc((26 / 375)*100vw), 18px); padding: 10px 0.5rem 6px 1.75rem; margin-bottom: 25px!important;}
	#documents .s_box h5:before { left: 12px;}
	#documents .s_box h5 span { right:10px; padding:4px; font-size:12px;}
	#documents .s_box h5 span:before { width: 21px; height: 20px;}
	#documents .s_box p { font-size: 15px;}
	#documents .s_box span { font-size: 14px;}

}

/* ===================================================================
 FOOT
=================================================================== */


#foot-nav { clear:both; width:100%; text-aling:center; position: relative; overflow: hidden; padding-top:40px;}
#foot-nav:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#foot-nav ul {  position: relative; left: 50%; float: left;}
#foot-nav li { position: relative; left: -50%; float: left; padding: 0 0 0 15px; margin: 0 15px; font-size:14px; background:url(../parts/foot_nav.gif) no-repeat left 50%; }
#foot-nav li a { color:#212121; text-decoration: none; }
#foot-nav li a:hover,
#foot-nav li a.active { color:#111; text-decoration: none; }


/* Underline From Left */
#foot-nav ul li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
#foot-nav ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background:#555;
  height: 1px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#foot-nav ul li:hover:before, #foot-nav ul li:focus:before, #foot-nav ul li:active:before {
  right: 0;
}


@media screen and (max-width:600px){
	#foot-nav ul { width:100%; position: inherit; left: auto; float: none; }
	#foot-nav li { width:50%; position: inherit; left: auto; float: left; padding: 10px 0 10px 35px; margin: 0; font-size:12px; background:url(../parts/foot_nav.gif) no-repeat 15px 50%; border-bottom:1px solid #CCC; text-align: left; }
	#foot-nav li a { color:#212121; text-decoration: none; }
}




#foot { clear:both; width:100%; margin-top:15px; padding:45px 0 20px 0; font-size:14px; color:#444; border-top:1px solid #CCC;}
#foot strong { clear:both; width:100%; font-size:15px; font-weight:normal; }
#foot a { margin-right:10px;}
#foot br.spbr { display:none;}


@media screen and (max-width:600px){
#foot { border-top:none;}
#foot span:after { content: ""; display: block;}
#foot a { margin-right:0;}
#foot br.spbr { display:block;}

}

#foot_inquiry { margin: 15px 0 40px 0;}

#copyright { margin-bottom:30px; color:#666; font-size:11px; }

/* ページ先頭へ------------------------------------------------ */
#pagetop { position: fixed; bottom: 10px; right: 10px; overflow:hidden; font-size:0.1em; line-height:0;}
#pagetop a { width: 52px; height:42px;}
#pagetop a img{ opacity:0.8; filter: alpha(opacity=80);}
#pagetop a:hover img{ opacity:1; filter: alpha(opacity=100);}

@media only screen and (max-width: 1199px) {
	#pagetop { display:none;}
}