img { border:0; vertical-align:bottom; }
body { margin: 0; padding: 0; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; 
	/* background-image: url('images/body_bk.png'); background-repeat: repeat-y; background-position: right top; background-size: 100% auto; */

	background-image: linear-gradient(-45deg, #fff 25%, #e8ba41 25%, #e8ba41 50%, #fff 50%, #fff 75%, #e8ba41 75%, #e8ba41);
	background-size: 2000px 2000px;

}
body#recruit { 
	background-image: linear-gradient(-45deg, #fff 25%, #53a5d6 25%, #53a5d6 50%, #fff 50%, #fff 75%, #53a5d6 75%, #53a5d6);
}
header { width:1000px; margin:0 auto; }
h1 { margin:0; padding:0; }

#hMenu { display:flex; justify-content: space-between; align-items: center; padding:8px 0; font-size:14px; }
#hMenu div { text-align:right;}
#hMenu ul { display:flex; margin:6px 0 0 0; padding:0;  }
  #hMenu li { list-style-type:none; border-right:1px solid #000; padding:0 6px; margin:0; }
  #hMenu li a { text-decoration:none; color:#000; }
  #hMenu li:first-child { border-left:1px solid #000; }

#mainImg { text-align:center;  width:1200px; height:auto; margin:0 auto;}

/* 画像の右ずれ対策 */
ul.bxslider
{
margin: 0px !important;
padding: 0px !important;
}
/* 画像スライダーの外枠設定 */
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
/* 画像サイズの設定 */
.bxslider img{
  width: 100% !important;
  height: auto !important;
}

.flexBox { display:flex; justify-content: space-between;  }
section h2 { margin-top:0;}

#tpIdx { width:1000px; margin:0 auto; padding:48px 0; text-align:center; }
#tpIdx h2 { }
#tpIdx ul { display:flex; justify-content: space-between; margin:0; padding:0; } 
#tpIdx li { list-style-type:none; background:url("images/tpIdx_li_bk_L2.png") no-repeat 0 0; background-size: contain; margin:0; padding:24px 0 0 0; box-sizing:border-box; width:240px; height:240px; }#tpIdx li img { width:89%; } 
#tpIdx li:first-child  { background-image: url("images/tpIdx_li_bk_L.png"); }

#tpIdx li:nth-child(3) { background-image: url("images/tpIdx_li_bk_C.png"); }
#tpIdx li:last-child   { background-image: url("images/tpIdx_li_bk_R.png");  }
#tpIdx li a { text-decoration:none; color:#FFF; }
#tpIdx li div span { display:inline-block; transform:rotate(90deg); }
#tpIdx li div.catnm { font-size:20px; padding-top:6px;  }
#tpIdx li div:last-child { font-size:12px; }


#tpTOPICS { background-color:#fffbc7; padding:48px 0; text-align:center; }
#tpTOPICS h2 { color:#573700; background:url("images/tpics_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }

#tpABOUTUS { padding:48px 0; text-align:center; background-color:rgba(0,0,0,0.6); color:#FFF; }
#tpABOUTUS h2 { color:#FFF; background:url("images/aboutus_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }
#tpABOUTUS .flexBox { width:1000px; margin:0 auto; }
#tpABOUTUS .flexBox div:first-child { margin:0 36px 0 0; }
#tpABOUTUS .flexBox div:first-child img { margin:0 0 16px 0; }
#tpABOUTUS > p { text-align:left; width:1000px; margin:0 auto; }
div#greeting { margin:24px; }
#aboutTxt { text-align:left; line-height:150%; }
#aboutTxt p { margin-top:0; }
#president { font-size:20px; }
.txtR { text-align:right; }

#tpSTYLE { text-align:center; background-color:rgba(0,0,0,0.6); padding-bottom:48px; }
#styleBox { background:rgba(232,186,65,0.6); width:1000px; margin:0 auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; }
#tpSTYLE h2 { color:#573700; background:url("images/tpics_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }
#tpSTYLE h3 { color:#000; font-size:28px; }
#styleBox p { text-align:left; }
#styleBox ul { display:flex; justify-content: space-between; margin:0; padding:0;  }
#styleBox li { list-style-type:none; margin:0; padding:0; box-sizing:border-box; width:32%; }
#styleBox li img { width:100%; height:auto; }

#tpSTYLE .flexBox { width:1000px; margin:0 auto; }
.whalf { width:48%; }
#tpSTYLE dl { width:100%; text-align:left; display:flex; justify-content: space-between; flex-wrap:wrap; align-items: start; font-size:14px; color:#FFF; }
#tpSTYLE dt { margin:0; padding:0; width:20%; }
  #tpSTYLE dt.full { width:100%; }
#tpSTYLE dd { margin:0; padding:0 0 8px 0; width:80%; box-sizing:border-box;  }
  #tpSTYLE dd.full { width:100%; padding-left:0.5em;  }


#tpREQUEST { padding:48px 0; text-align:center; }
  #tpREQUEST h2 { color:#573700; background:url("images/tpics_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }

  #tpREQUEST .flexBox { width:680px; margin:0 auto; }
  #tpREQUEST a { width:320px; display:block; border:3px solid #573700; text-decoration:none; color:#573700; border-radius: 8px; }

  #tpREQUEST p { text-align:left; width:1000px; margin:24px auto; }

ul.topics { width:100%; max-width:1000px; margin:24px auto; padding:0; display:flex; justify-content: space-between; }
ul.topics li { list-style-type:none; margin:0 6px; padding:0; width:23%; }
.thumbox { width:100%; height:154px; overflow:hidden; }
.thumbox img { width:100%; height:auto; }

ul.topics h3 { font-size:12px; height:3.8em; }
.nabtm  { display:flex; justify-content: space-between; }
.artYmd { font-size:10px; }
.artCtg { font-size:10px;  }


#tpTOPICS a.wp { border:2px solid #573700; color:#573700; padding:6px; display:block; width:300px; margin:24px auto; text-decoration:none; border-radius: 12px;  }

footer { width:100%; background-color:#FFF; padding-bottom:12px; }
footer ul { width:100%; background-color:#573700; display:flex; justify-content: center; padding:8px 0; font-size:14px; }

footer li { list-style-type:none; margin:0; padding:0; border-right:1px solid #FFF; padding:0 6px;   }
footer li a { color:#FFF; text-decoration:none; }
footer li:first-child { border-left:1px solid #FFF; }

footer .flexBox { width:1000px; margin:0 auto; }

#ftLogo { display:flex; justify-content:start; align-items:end; }
#ftLogoImg { margin-right:12px; }



#ftCall { display:flex; justify-content:end; align-items:end; color:#389d38; font-size:12px; }
#icCall { margin-right:6px; }


/* */
/*　ハンバーガーメニューボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 20px;
  top   : 20px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 71,70,73,0.8 );
  text-align: center;
  width: 100%;
  height:100vw;
  transform: scale(0,0);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
  transform: scale(1,1);
}

#spMenu,.sp { display : none; }



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

	#spMenu,.sp { display : block; }
	#hMenu div { display:none; }
	h1 { margin:3px 12px; width:50%; height:auto;}
	header { width:100%; margin:0 auto; }
	#tpIdx { width:100%; }
	#tpABOUTUS .flexBox { width:100%; }

	#mainImg { width:100%; height:auto; margin:0 auto;}

	#tpIdx h2 { font-size:4.2vw; }
	#tpIdx p  { font-size:2.8vw; }
	#tpIdx ul { display:block;  }
	#tpIdx li { margin:0 auto 14px; }

	#tpTOPICS { padding:24px 0;  }
	#tpTOPICS h2 { font-size:4.2vw; }

	#tpABOUTUS { padding:24px 0; }
	#tpABOUTUS h2 { font-size:4.2vw; }
	#tpABOUTUS .flexBox { width:90%; margin:0 auto; display:block; }
	#tpABOUTUS img { width:100%; height:auto; }
	#tpABOUTUS .flexBox div:first-child { margin:0 0 24px 0; }
	#tpABOUTUS p { font-size:3.0vw; }

	#tpSTYLE { padding-bottom:24px; }
	#styleBox { width:90%; margin:0 auto; padding:24px; }
	#tpSTYLE h2 { font-size:4.2vw; }
	#tpSTYLE h3 { font-size:4.2vw; }
	#tpSTYLE img { width:100%; height:auto; }
	#styleBox p { font-size:3.0vw; }


	#tpSTYLE .flexBox { width:90%; margin:0 auto; display:block;  }
	div.whalf { width:100%; }
	#tpSTYLE dl { width:100%; display:block; font-size:3.0vw; }
	#tpSTYLE dt { width:100%; }
 	 #tpSTYLE dt.full { width:100%; }
	#tpSTYLE dd { margin:0; padding:0 14px 8px; width:100%; box-sizing:border-box;  }
	  #tpSTYLE dd.full { width:100%; padding-left:0.5em; }

	iframe { width:90%; margin:0 auto; }


	#tpREQUEST { padding:24px 0; }
	  #tpREQUEST h2 { margin:0; padding:0 0 6px 0; font-size:4.2vw;}

	  #tpREQUEST .flexBox { width:320px; margin:0 auto; display:block; }
	  #tpREQUEST a { margin:12px 0; }

	  #tpREQUEST p { width:90%; margin:24px auto; font-size:3.0vw; }

	ul.topics { width:100%; max-width:1000px; margin:24px auto; padding:0; display:block; }
	ul.topics li { list-style-type:none; margin:0 auto 24px auto; padding:0; width:90%; }
	.thumbox { width:100%; height:auto; overflow:hidden; }
	.thumbox img { width:100%; height:auto; }

	ul.topics h3 { font-size:3.2vw; text-align:left; }
.nabtm  { display:flex; justify-content: space-between; }
.artYmd { font-size:10px; }
.artCtg { font-size:10px;  }


#tpTOPICS a.wp { border:2px solid #573700; color:#573700; padding:6px; display:block; width:300px; margin:24px auto; text-decoration:none; border-radius: 12px;  }


footer { border-top:12px solid #573700; width:100%; background-color:#FFF; padding:12px 0; font-size:3.0vw;}
footer ul { display:none; }

footer .flexBox { width:100%; margin:0 auto; display:block; text-align:center; }

#ftLogo { display:block; justify-content:start; align-items:end; }
#ftLogoImg { margin-right:12px; }



#ftCall { display:block; justify-content:end; align-items:end; color:#389d38; font-size:12px; }
#icCall { margin-right:6px; }

}

/* ************* */
#worksImg {
	width:1200px;
	height:120px;
	background:url("images/works_bk.png") no-repeat 0 0; 
	color:#FFF;
	margin:0 auto;
	line-height:120px;
}
#worksImg h2 { margin-left:180px;} 

#wkInvest { padding: 0 0 48px 0;}
#wkInvest h3 { margin:0; padding:16px 0; background-color:#8b6039; color:#FFF; text-align:center; font-size:48px; line-height:48px; }
#wkInvest h4 { text-align:center; color:#573700; font-size:24px; }
#wkInvest .flexBox { width:1000px; margin:0 auto 24px; }
#wkInvest dl { margin:0; padding:0; font-size:14px; width:48%; }
#wkInvest dt { margin:0; padding:0; font-size:18px; }
#wkInvest dd { margin:0; padding:0; }


#wkInvest ul.flexBox { margin:0 auto; padding:0; }
#wkInvest ul.flexBox li { margin:0; padding:0; list-style-type:none; }


#flowchart { 
	background: linear-gradient(20deg, rgba(150,100,0,0.6) 0%, rgba(75,45,0,0.8) 100%); /* background:rgba(232,186,65,0.6); */ 
	width:1000px; margin:48px auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; color:#FFF;
	
}
#flowchart h5 { font-size:18px; text-align:center; margin:0 0 24px 0; padding:0; }
#flowchart h6 { font-size:14px; margin:0; padding:0; }
#chartbox { display:flex; justify-content: space-between; font-size:12px; }
#chartbox ul { font-size:14px; margin:0; padding:0; }
#chartbox li { list-style-type:none; margin:0; padding:0; }

#chartbox dl { width:520px; }
#chartbox dt { background-color:#FFF; color:#8b6039; box-sizing:border-box; padding:4px; border-radius: 12px; }
#chartbox dd { padding:6px 0 12px 0; }

#wkInvest dl.faq { width:1000px; margin:48px auto; }
#wkInvest dl.faq dt { background:url("images/faq_dt_bk.png") no-repeat 0 0; height:64px; line-height:64px; padding:0 0 0 100px; box-sizing:border-box;  }
#wkInvest dl.faq dd{ background-color:#8b6039; color:#FFF; font-size:14px; padding:12px 100px; margin:0 0 24px 0; }
#wkInvest dl.faq dd:last-child { margin:0; }

/* ボーリング */
#wkBoring { }
#wkBoring h3 { margin:0; padding:16px 0; background-color:#c966a3; color:#FFF; text-align:center; font-size:48px; line-height:48px; }
#wkBoring h4 { text-align:center; color:#c966a3; font-size:24px; }
#wkBoring .flexBox { width:1000px; margin:0 auto 24px; }
#wkBoring dl { margin:0; padding:0; font-size:14px; width:48%; }
#wkBoring dt { margin:0; padding:0; font-size:18px; }
#wkBoring dd { margin:0; padding:0; }

#comparison {
	background: linear-gradient(220deg, rgba(129,61,104,1.0) 0%, rgba(201,102,163,1.0) 100%); /* background:rgba(232,186,65,0.6); */ 
	width:1000px; margin:48px auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; color:#FFF;
	flex-wrap:wrap;
}
#comparison div { width:430px; font-size:14px; }
#comparison div img { width:100%; height:auto; }
#comparison h4 { width:100%; color:#FFF; margin:0; padding:0; }
#comparison h5 { background-color:#FFF; color:#c966a3; font-size:24px; border-radius: 24px; text-align:center; }
#comparison h6 { font-size:18px; margin:0; padding:24px 0; border-top:3px solid #FFF; }

.imgbox { margin-bottom:24px; }
.imgbox img { margin-bottom:8px; }

#comparison div#wkBchart { width:100%; margin-top:48px; }

#comparison a { display:block; width:80%; max-width:430px; margin:24px auto; padding:6px; background-color:#FFF; color:#c966a3; text-decoration:none; text-align:center; border-radius: 24px;}

#wkConstruction { padding: 0 0 48px 0;}

#wkConstruction h3 { margin:0; padding:16px 0; background-color:#2e90c3; color:#FFF; text-align:center; font-size:48px; line-height:48px; }
#wkConstruction h4 { text-align:center; color:#573700; font-size:24px; }

#wkConstruction .flexBox { width:1000px; margin:0 auto 24px; }
#wkConstruction dl { margin:0; padding:0; font-size:14px; width:48%; }
#wkConstruction dt { margin:0; padding:0; font-size:18px; }
#wkConstruction dd { margin:0; padding:0; }
#wkConstruction dd ul { margin:14px 0 0 0; padding:0;  }
#wkConstruction dd ul li { list-style-type:none; margin:0; padding:0; }

#wkConstruction ul.flexBox { margin:0 auto; padding:0; }
#wkConstruction ul.flexBox li { margin:0; padding:0; list-style-type:none; }


#flowchart2 { 
	background: linear-gradient(20deg, rgba(0,140,194,1.0) 0%, rgba(0,88,125,1.0) 100%); /* background:rgba(232,186,65,0.6); */ 
	width:1000px; margin:48px auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; color:#FFF;
	
}

#flowchart2 h5 { font-size:18px; text-align:center; margin:0 0 24px 0; padding:0; }
#flowchart2 h6 { font-size:14px; margin:0; padding:0; }
#chartbox2 { display:flex; justify-content: space-between; font-size:12px; }


#chartbox2 dl { width:48%; }
#chartbox2 dt { background-color:#FFF; color:#2e90c3; box-sizing:border-box; padding:4px; border-radius: 12px; }
#chartbox2 dd { padding:6px 0 12px 0; color:#FFF; }

#wkConstruction dl.faq { width:1000px; margin:48px auto; }
#wkConstruction dl.faq dt { background:url("images/faq_dt_bk2.png") no-repeat 0 0; height:64px; line-height:64px; padding:0 0 0 100px; box-sizing:border-box;  }
#wkConstruction dl.faq dd{ background-color:#2e90c3; color:#FFF; font-size:14px; padding:12px 100px; margin:0 0 24px 0; }
#wkConstruction dl.faq dd:last-child { margin:0; }





#wkYusetsu { padding: 0 0 48px 0;}

#wkYusetsu h3 { margin:0; padding:16px 0; background-color:#389d38; color:#FFF; text-align:center; font-size:48px; line-height:48px; }
#wkYusetsu h4 { text-align:center; color:#389d38; font-size:24px; }

#wkYusetsu .flexBox { width:1000px; margin:0 auto 24px; }
#wkYusetsu dl { margin:0; padding:0; font-size:14px; width:48%; }
#wkYusetsu dt { margin:0; padding:0; font-size:18px; }
#wkYusetsu dd { margin:0; padding:0; }
#wkYusetsu dd ul { margin:14px 0 0 0; padding:0;  }
#wkYusetsu dd ul li { list-style-type:none; margin:0; padding:0; }

#wkYusetsu ul.flexBox { margin:0 auto; padding:0; }
#wkYusetsu ul.flexBox li { margin:0; padding:0; list-style-type:none; }


#flowchart3 { 
	background: linear-gradient(20deg, rgba(56,157,56,1.0) 0%, rgba(25,100,29,1.0) 100%); /* background:rgba(232,186,65,0.6); */ 
	width:1000px; margin:48px auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; color:#FFF;
	
}

#flowchart3 h5 { font-size:18px; text-align:center; margin:0 0 24px 0; padding:0; }
#flowchart3 h6 { font-size:14px; margin:0; padding:0; }
#chartbox3 { display:flex; justify-content: space-between; font-size:12px; }

#chartbox3 dl { width:48%; }
#chartbox3 dt { background-color:#FFF; color:#389d38; box-sizing:border-box; padding:4px; border-radius: 12px; }
#chartbox3 dt.pay { background-color:#fff100; margin:24px 0; }
#chartbox3 dd { padding:6px 0 12px 68px; margin:8px 0;  color:#FFF; background:url("images/chartbox3_dd_bk.png") no-repeat left 12px bottom; }
#chartbox3 dd:last-child { background-image:none; }

#chartbox3 ul  { margin:0; padding:0; }
#chartbox3 li  { margin:0 0 16px 0; padding:0; list-style-type:none; }
#chartbox3 li:last-child { margin:0 0 0 0; }

/* wkCompany */
#wkCompany { background-color:rgba(0,0,0,0.6); padding:48px 0; color:#FFF; }
#wkCompany .flexBox { width:1000px; margin:0 auto; }
div#cmp { font-size;14px; padding:12px 1em 0; border-bottom:1px solid #FFF; }
#wkCompany dl { font-size:14px; }
#wkCompany dt { font-size:18px; }
#wkCompany dd { margin:0; padding:0 0 0 1em; }

/* recruit */
#recImg { text-align:center; }
#recImg img { width:1200px; height:auto; }

#recTop { text-align:center; padding:32px 0; }
#recTop h2 { font-size:32px; }
#recTop h3 { font-size:18px; }

#recTop ul.flexBox { width:1000px; margin:0 auto; padding:0; }
#recTop ul.flexBox li { list-style-type:none; margin:0; padding:0; }

#recTop p { width:1000px; margin:24px auto; text-align:left; }
#recTop p img { width:100%; height:auto; }

#aboutus { 
	color:#FFF;
	background: linear-gradient(20deg, rgba(0,140,194,0.6) 0%, rgba(0,88,125,1.0) 100%); /* background:rgba(232,186,65,0.6); */ 
	width:1000px; margin:48px auto; padding:24px 48px; box-sizing: border-box; border-radius: 24px; color:#FFF;
}
#aboutus dl { }
#aboutus dt { background-color:#fffbc7; text-align:center; color:#2e90c3; padding:4px; border-radius: 12px; font-size:20px;  }
#aboutus dd { display:flex; justify-content: space-between; padding:24px 0; margin:0; font-size:14px; }
#aboutus dd img { margin-right:24px; }
#aboutus dd div { text-align:left; }
#aboutus a { display:block; width:240px; margin:24px auto; border:2px solid #FFF; border-radius: 12px; text-decoration:none; color:#FFF; font-size:18px; } 
#aboutus a:hover { background-color:#FFF; color:#2e90c3; }

#staff_msg { width:1000px; margin:0 auto;}
#staff_msg h2 { width:233px; height:233px; background:url("images/rec_stfmsg_h2_bk.png") no-repeat 0 0; display:flex; justify-content:center; align-items:center; color:#FFF; margin:0; padding:0; }
#stf_title { display:flex; justify-content: space-between; }
#stf_title div { font-size:28px; align-items:center; display:flex; align-items:center; }

#stf_msg    { margin-top:32px; }
#stf_msg ul { margin:0 32px 0 0; padding:0; }
#stf_msg li { list-style-type:none; margin:0 0 24px 0; padding:0; }

#stf_msg dl {  margin:0; padding:0; }
#stf_msg dt { margin:0 0 14px 0; padding:0 0 0 14px; border-left:4px solid #2e90c3; font-size:24px; }
  #stf_msg dt div { font-size:14px; }
#stf_msg dd { margin:0; padding:0; font-size:14px; }


#president_msg { text-align:center; background-color:rgba(0,0,0,0.6); padding:24px; color:#FFF; }
#president_msg h2 { background:url("images/aboutus_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }
#president_msg p { width:1000px; margin:32px auto; text-align:left; }

#preName { font-size:14px; }
#preName div{ font-size:28px; }
#preName div span { font-size:14px; }

#mng_phil { border:1px solid #FFF; text-align:center; width:1000px; margin:24px auto; padding:120px 0; }

#cmpInfo { width:1000px; margin:0 auto; }
.whalf { width:48%; }
#cmpInfo dl { width:100%; text-align:left; display:flex; justify-content: space-between; flex-wrap:wrap; align-items: start; font-size:14px; color:#FFF; }
#cmpInfo dt { margin:0; padding:0; width:20%; }
  #cmpInfo dt.full { width:100%; }
#cmpInfo dd { margin:0; padding:0 0 8px 0; width:80%; box-sizing:border-box;  }
  #cmpInfo dd.full { width:100%; padding-left:0.5em;  }

/* form */
#recuit { text-align:center; padding:48px 0;  }
#recuit h2 { color:#573700; background:url("images/tpics_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }
#recuit .subT { color:#573700; }

#yoko { padding:120px; }

#entry { text-align:center; width:1000px; margin:0 auto; }
#entry h2 { text-align:center; padding:48px 0; color:#573700; background:url("images/tpics_h2_bk.png") no-repeat center bottom; margin:0; padding:0 0 6px 0; }
#entry .subT { color:#573700; }

#entry dl { display:flex; justify-content: space-between; flex-wrap:wrap; width:80%; margin:0 auto; }
#entry dt { width:30%; margin:0 0 8px 0; padding:6px; text-align:left; background-color:#573700; color:#FFF; box-sizing:border-box;  }
#entry dd { width:65%; margin:0 0 8px 0; padding:6px; text-align:left; }
#entry dd input,#entry dd textarea { padding:4px; border:1px solid #573700; width:100%; box-sizing:border-box; }
#entry dd textarea { height:6em; }

#entry p { width:80%; margin:6px auto 14px; text-align:left; }

#entry ul { width:80%; margin:32px auto; }
#entry li { margin:0; padding:0; list-style-type:none; text-align:left; }

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

/* ************* */
	#worksImg { width:100%; }
	#worksImg h2 { margin-left:0; text-align:center;} 

	#wkInvest { padding: 0 0 24px 0;}
	#wkInvest h3 { font-size:4.8vw; line-height:24px; }
	#wkInvest h4 { font-size:3.4vw; }
	#wkInvest img { width:100%; height:auto; }
	#wkInvest .flexBox { width:90%; margin:0 auto 24px; display:block; }
	#wkInvest dl { margin:0; padding:0; font-size:14px; width:100%; }

	#wkInvest ul.flexBox { margin:0 auto; padding:0; display:block; }
	#wkInvest ul.flexBox li { margin:0 0 12px; padding:0; list-style-type:none; }


	#flowchart { width:90%; margin:24px auto; padding:24px; }
	#flowchart h5 { font-size:3.8vw; }
	#flowchart h6 { font-size:3.4vw; margin:0; padding:0; }
	#chartbox { display:block; font-size:3.0vw; }

	#chartbox ul { font-size:3.2vw; }

	#chartbox dl { width:100%; margin-top:24px;}


	#wkInvest dl.faq { width:90%; margin:24px auto; }
	#wkInvest dl.faq dt { background:url("images/faq_dt_bk.png") no-repeat -25px 0; height:auto; min-height:64px; line-height:32px; font-size:3.2vw; padding:0 0 0 56px; display:flex; align-items:center;}
	#wkInvest dl.faq dd{  font-size:3.0vw; padding:12px; }
	#wkInvest dl.faq dd:last-child { margin:0; }


	/* ボーリング */
	#wkBoring { padding: 0 0 24px 0; }
	#wkBoring h3 { font-size:4.8vw; line-height:24px; }
	#wkBoring h4 { font-size:3.4vw; }
	#wkBoring img { width:100%; height:auto; }
	#wkBoring .flexBox { width:90%; margin:0 auto 24px; display:block; }
	#wkBoring dl { margin:0; padding:0; font-size:14px; width:100%;}


	#comparison { width:90%; margin:48px auto; padding:24px; }
	#comparison div { width:100%; font-size:14px; }
	#comparison div img { width:100%; height:auto; }
	#comparison h4 { width:100%; color:#FFF; margin:0; padding:0; }
	#comparison h5 { background-color:#FFF; color:#c966a3; font-size:24px; border-radius: 24px; text-align:center; }
	#comparison h6 { font-size:18px; margin:0; padding:24px 0; border-top:3px solid #FFF; }

	.imgbox { margin-bottom:24px; }
	.imgbox img { margin-bottom:8px; }




	#wkConstruction { padding: 0 0 24px 0;}

	#wkConstruction h3 { font-size:4.8vw; line-height:24px; }
	#wkConstruction h4 { font-size:3.2vw; width:98%; margin:0 auto; }

	#wkConstruction .flexBox { width:90%; margin:0 auto 24px; display:block; }

	#wkConstruction img { width:100%; height:auto; }

	#wkConstruction dl { margin:0; padding:0; font-size:3.4vw; width:100%; }
	#wkConstruction dt { margin:0; padding:0; font-size:3.8vw; }

	#wkConstruction ul.flexBox { margin:0 auto; padding:0; display:block; }
	#wkConstruction ul.flexBox li { margin:0 0 12px 0; padding:0; list-style-type:none; }


	#flowchart2 { width:90%; margin:24px auto; padding:24px; }

	#flowchart2 h5 { font-size:3.8vw; text-align:center; margin:0 0 24px 0; padding:0; }
	#flowchart2 h6 { font-size:3.4vwpx; margin:0; padding:0; }
	#chartbox2 { display:block; font-size:3.0vw; }


	#chartbox2 dl { width:100%; }

	#wkConstruction dl.faq { width:90%; margin:24px auto; }
	#wkConstruction dl.faq dt { background:url("images/faq_dt_bk2.png") no-repeat -25px 0; height:auto; min-height:64px; line-height:32px; font-size:3.2vw; padding:0 0 0 56px; display:flex; align-items:center; }
	#wkConstruction dl.faq dd { font-size:3.0vw; padding:12px; }


	#wkYusetsu { padding: 0 0 24px 0;}

	#wkYusetsu h3 { font-size:4.8vw; line-height:24px; }
	#wkYusetsu h4 { font-size:3.2vw; width:98%; margin:0 auto; }

	#wkYusetsu .flexBox { width:90%; margin:0 auto 24px; display:block; }

	#wkYusetsu img { width:100%; height:auto; }

	#wkYusetsu ul.flexBox { margin:0 auto; padding:0; display:block; }
	#wkYusetsu ul.flexBox li { margin:0 0 12px 0; padding:0; list-style-type:none; }

	#wkYusetsu dl { margin:0; padding:0; font-size:3.4vw; width:100%; }
	#wkYusetsu dt { margin:0; padding:0; font-size:3.8vw; }


	#flowchart3 { width:90%; margin:24px auto; padding:24px;  }

	#flowchart3 h5 { font-size:3.8vw; text-align:center; margin:0 0 24px 0; padding:0; }
	#flowchart3 h6 { font-size:3.4vwpx; margin:0; padding:0; }
	#chartbox3 { display:block; font-size:3.0vw; }

	#chartbox3 dl { width:100%; }


/* wkCompany */
	#wkCompany { padding:24px 0; color:#FFF; }
	#wkCompany .flexBox { width:90%; margin:0 auto; display:block; }
	div#cmp { font-size:3.4vw; padding:12px 1em 0; }
	#wkCompany iframe { width:100%; }
	#wkCompany dl { font-size:3.4vw; }
	#wkCompany dt { font-size:3.8vw; }


/* recruit */
	#recImg { text-align:center; }
	#recImg img { width:100%; height:auto; }

	#recTop { text-align:center; padding:24px 0; }
	#recTop h2 { font-size:5.2vw; }
	#recTop h3 { font-size:3.2vw; }

	#recTop ul.flexBox { width:90%; display:block; }
	#recTop ul.flexBox li { list-style-type:none; margin:0 0 12px; padding:0; }

	#recTop p { width:90%; margin:24px auto; text-align:left; font-size:3.2vw; }
	#recTop p img { width:100%; height:auto; }
	#aboutus { width:90%; margin:24px auto; padding:24px 24px; }

	#aboutus dt { font-size:4.0vw;  }
	#aboutus dd { display:block; padding:12px 0; margin:0; font-size:3.2vw; }
	#aboutus dd img { margin-right:0; margin-bottom:12px; width:100%;  }
	#aboutus dd div { text-align:left; }
	#aboutus a { display:block; width:240px; margin:24px auto; border:2px solid #FFF; border-radius: 12px; text-decoration:none; color:#FFF; font-size:18px; } 
	#aboutus a:hover { background-color:#FFF; color:#2e90c3; }

	#staff_msg { width:90%; margin:0 auto;}
	#staff_msg h2 { margin:0 auto 12px; padding:0; }
	#stf_title { display:block; }
	#stf_title div { font-size:4.2vw; }

	#staff_msg .flexBox { display:block; }
	#stf_msg    { margin-top:24px; }
	#stf_msg ul { margin:0; padding:0; }
	#stf_msg li { list-style-type:none; margin:0 0 24px 0; text-align:center; }


	#stf_msg dl { margin:0; padding:0; }
	#stf_msg dt { margin:0 0 14px 0; padding:0 0 0 14px; border-left:4px solid #2e90c3; font-size:24px; }
	  #stf_msg dt div { font-size:14px; }
	#stf_msg dd { margin:0; padding:0; font-size:14px; }


	#president_msg { text-align:center; background-color:rgba(0,0,0,0.6); padding:24px; color:#FFF; }
	#president_msg h2 { font-size:3.8vw; }
	#president_msg p { width:100%; font-size:3.2vw; }
	#president_msg img { width:100%; height:auto; }

	#preName { font-size:3.2vw; }
	#preName div{ font-size:3.8vw; }
	#preName div span { font-size:3.2vw; }

	#mng_phil { border:1px solid #FFF; text-align:center; width:100%; margin:24px auto; padding:120px 0; }

	#president_msg .flexBox { display:block; }
	#cmpInfo { width:100%; margin:0 auto; }
	.whalf { width:100%; }

	#cmpInfo dl { width:100%; font-size:3.2vw; }
	#gmap iframe { width:100%; }

/* form */
#yoko { padding:120px; }

	#entry { text-align:center; width:100%; margin:0 auto; }

#entry dl { display:flex; justify-content: space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
#entry dt { width:30%; margin:0 0 8px 0; padding:6px; text-align:left; background-color:#573700; color:#FFF; box-sizing:border-box;  }
#entry dd { width:65%; margin:0 0 8px 0; padding:6px; text-align:left; }
#entry dd input,#entry dd textarea { padding:4px; border:1px solid #573700; width:100%; box-sizing:border-box; }
#entry dd textarea { height:6em; }

#entry p { width:80%; margin:6px auto 14px; text-align:left; }

#entry ul { width:80%; margin:32px auto; }
#entry li { margin:0; padding:0; list-style-type:none; text-align:left; }
}