@charset "UTF-8";
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img{backface-visibility: hidden;}
#pankuzu {
  background: #f0f0f0;
  padding: 9px 0;
}
#pankuzu ul {
	max-width: 960px;
	margin: 0 auto;
	font-size: 0;
}
#pankuzu ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
#pankuzu ul li a {
	padding-right: 10px;
	color: #0075c1;
}
#pankuzu ul li a:after {
	content: ">";
	display: inline-block;
	padding-left: 10px;
	color: #000;
}
#mainVis {width: 100%;}
#mainVis .bgWrap {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
#mainVis .bgIn {
	width: 100%;
	background: url(../img/common/bg_mesh.png) 0 0 repeat;
	text-align: center;
	font-size: 0;
	line-height: 0; 
}
#mainVis .bgIn.noBg{
	background-image: none;
	background-color:rgba(255,255,255,0.17);
}
#mainVis .bgIn:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
#mainVis .bgIn h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 0; 
}
#mainVis.sub .bgIn {
	background: none;
	height: 257px;
}
#mainVis.sub h1:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
#mainVis.sub h1 img {
	display: inline-block;
	vertical-align: middle;
}
#mainVis h2 {
	text-align: center;
	padding: 25px 0;
}
#mainVis h2 img {
	border-bottom: 4px solid #FFF;
	padding-bottom: 10px; 
}
#mainVis.mobile.sub .bgIn,#mainVis.office.sub .bgIn{
	background: url(../img/common/bg_mesh.png) 0 0 repeat;
}

#cont{
	max-width: 966px;
	margin:0 auto;
}
#cont .wrap {
  max-width: 966px;
  margin: 0 auto;
}
#cont .wrap2 {
  margin: 0 auto;
  text-align: center; 
}
#cont .wrap2 h2 {
	margin-bottom: 40px; 
}
#cont .wrap2 .column2 {
	width: 100%;
	margin-bottom: 10px;
}
#cont .wrap2 .column3 {
	width: 100%;
}
#cont .wrap2 .column2 li ,#cont .wrap2 .column3 li{
	max-width: 460px;
	text-align: left;
}
#cont .wrap2 .column3 li:nth-child(2n) {
	text-align: right;
}
#cont .wrap2 .indust p {
	text-align: left;
}
#cont .wrap2 .indust .block {
	display: table; 
}
#cont .wrap2 .indust .block:last-child .block_left {
	border-bottom: none; 
}
#cont .wrap2 .indust .block2 {
	display: table;
	border-bottom: 1px solid #aaa;
	padding-bottom: 2%;
}
#cont .wrap2 .indust .block2:last-child .block_left {
	border-bottom: none; 
}
#cont .wrap2 .indust .block_left {
	/*float: left;*/
	/*width: calc(100% - 420px);*/
	display: table-cell;
	vertical-align: top;
	width: 59%;
	border-bottom: 1px solid #aaa; }
#cont .wrap2 .indust .block_right {
	/*float: right;*/
	/*max-width: 400px;*/
	display: table-cell;
	vertical-align: top;
	max-width: 465px;
	width: 38%;
	padding-left: 3%;
}
#cont .wrap2 .indust .block_left_s {
	/*width: calc(100% - 326px);*/
	/*float: left;*/
	display: table-cell;
	vertical-align: top;
	width: 62%;
	/*border-bottom: 1px solid #aaa;*/ }
#cont .wrap2 .indust .block_right_s {
	/*float: right;*/
	/*max-width: 296px;*/
	display: table-cell;
	vertical-align: top;
	max-width: 296px;
	width: 30%;
	padding-left: 3%; 
}
#cont .wrap2 .indust .block_left_l {
	/*width: calc(100% - 550px);*/
	/*float: left;*/
	display: table-cell;
	vertical-align: top;
	width: 40%;
	/*border-bottom: 1px solid #aaa;*/ 
}
#cont .wrap2 .indust .block_right_l {
	/*float: right;*/
	/*max-width: 535px;*/
	display: table-cell;
	vertical-align: top;
	width: 60%;
	text-align: left;
	padding-left: 3%; 
}
#cont .wrap2 .indust .block_right_l div {
	width: 48%;
	vertical-align: top;
	display: inline-block; 
}
#cont .wrap2 .indust .block_right_l .left {
	width: 216px;
}
#cont .wrap2 .indust .block_right_l .right {
	width: 296px;
	margin-left: 18px;
}
#cont .wrap2 .indust .Imgbox {
	max-width: 960px;
	width: 100%;
	background-color: #f0f0f0;
	padding: 3%;
	margin-bottom: 0.5em;
}
#cont .wrap2 .indust .Imgcap2_area_pc {
	/*				width: 960px;*/
	display: table;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 960px;
	width:100%;
}
#cont .wrap2 .indust .Imgcap2_area_pc .Imgcap2 {
	display:inline-block;
	vertical-align: top;
	padding-top: 0.5em;
	padding-bottom: 1em;
	width:20.5%;
}
#cont .wrap2 .indust .Imgcap2_area_pc .Imgcap2:last-child{width:18%;}
#cont .wrap2 .indust .Imgcap2_area_pc .Imgcap2 p {
	font-size: 13px;
	line-height: 1.4; 
}
#cont .wrap2 .indust .Imgcap2_area_pc .Imgcap2 p.last {
	margin-right: 0px;
}
#cont .wrap2 .indust .Imgcap2_area_pc .Imgcap2 .last2 {
	max-width: 200px; 
}
#cont .wrap2 .indust .Imgcap3_area_pc {
	width: 100%;
	display: block;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0; 
}
#cont .wrap2 .indust .Imgcap3_area_pc .Imgcap3 {
	display: inline-block;
	vertical-align: top;
	padding-top: 0.5em;
	padding-bottom: 1em;
	width: 45.5%;
	margin-right: 8%; 
}
#cont .wrap2 .indust .Imgcap3_area_pc .Imgcap3 p {
	width: 100%;
	font-size: 13px;
	line-height: 1.4;
}
#cont .wrap2 .indust .Imgcap3_area_pc .Imgcap3.last {
	margin-right: 0px; 
}
#cont .wrap2 .indust .Imgcap3_area_sp {
	width: 100%;
	display: block;
	text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}
#cont .wrap2 .indust .Imgcap3_area_sp .Imgcap3 {
	display: inline-block;
	vertical-align: top;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
#cont .wrap2 .taiyoukou p {
	text-align: left; 
}
#cont .wrap2 .taiyoukou .block {
	display: table;
}
#cont .wrap2 .taiyoukou .block:last-child .block_left {
	border-bottom: none;
}
#cont .wrap2 .taiyoukou .block_left {
	/*float: left;*/
	/*width: calc(100% - 420px);*/
	display: table-cell;
	vertical-align: top;
	width: 59%;
	/*border-bottom: 1px solid #aaa;*/
}
#cont .wrap2 .taiyoukou .block_right {
	/*float: right;*/
	/*max-width: 400px;*/
	display: table-cell;
	vertical-align: top;
	max-width: 465px;
	width: 38%;
	padding-left: 3%; 
}
#cont .wrap2 h3 {
	border-left: 5px solid #01446f;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #000; 
}
#cont .wrap2 h3.posr {position: relative; }
#cont .wrap2 h3.retail {
	border-left: none;
	font-size: 24px;
	margin-bottom: 15px;
	margin-top: 2em; 
}
#cont .wrap2 h3 span {
	display: inline-block;
	border-left: 5px solid #0076bd;
	padding-left: 11px; 
}
#cont .wrap2 h3.txt01 {
	border-left: none;
	margin-bottom: 16px;
}
#cont .wrap2 h3.txt01 sup {
	font-size: 12px;
}
#cont .wrap2 h3.noBord {
	border: none !important;
	padding-bottom: 0.75em;
}
#cont .wrap2 hr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #dcdcdc;
	margin: 40px 0;
}
#cont .wrap2 .wood hr {
	width: 100%;
	height: 1px;
	border-top: 1px solid #dcdcdc;
	margin: 20px 0;
}
#cont .wrap2 .inqBox {text-align: center; }
#cont .wrap2 .inqBox a {display: inline-block; }
#cont .wrap2 .inqBox img {
	margin: 0 auto; 
}
#cont .wrap2 .txt02 {
	margin: 70px 0 30px;
	text-align: left;
}
#cont .tbl01 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-bottom: 6px solid #000; 
}
#cont .tbl01 td.bb{
  border-bottom: 6px solid #000; 
}
#cont .tbl01 th,
#cont .tbl01 td {
	background: #000;
	padding: 0;
	border-right: 6px solid #000;
	border-left: 6px solid #000;
	width: 50%;
	vertical-align: middle; 
}
#cont .tbl01 th {
	color: #FFF; 
}
#cont .tbl01 th a {
	color: #FFF;
}
#cont .tbl01 .bgWH td {
	text-align: center;
	background: #FFF;
	padding: 30px 0px;
	color: #005a9c;
	font-size: 18px;
	font-weight: bold;
}
#cont .tbl01 h1 {
	padding: 25px 0;
	font-size: 24px;
	font-weight: bold; 
}
#cont .operationList {
  margin-top: 38px;
  overflow: hidden;
  text-align: left; 
}
#cont .operationList li {
	float: left;
	width: 480px;
	margin-bottom: 35px;
}
#cont .operationList li figure {
	float: left;
}
#cont .operationList li dl {
	padding-left: 200px;
}
#cont .operationList li dt {
	color: #33b1f1;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 20px;
}
#cont .operationList li dd {
	font-size: 15px;
	text-indent: -1em;
	margin-left: 1em;
}
#cont .infoIot01,
#cont .infoIot02,
#cont .infoIot03 {
  font-size: 15px;
}
#cont .infoIot01 {
  margin: 10px auto;
  color: #e60012;
  text-align: left;
}
#cont .infoIot03 {
  color: #33b1f1;
  font-weight: bold; 
}
#cont .infoIot04 {
  font-size: 1.6rem;
}
#cont .infoIot04 a {
	color: #1d2088;
	text-decoration: underline;
}
#cont .indentList {
  text-align: left;
  font-size:1em;
}
#cont .indentList > * {
	text-indent: -.5em;
	margin-left: .75em; 
}
#cont .indentList dd:not(:first-child) {
	margin-top: .75em;
}
#cont h4 {
  color: #33b1f1;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  text-align: left;
  margin-bottom: 0.75em; 
}
#cont .wrap3 {
	margin: 0 auto 60px;
	text-align: left;
	font-size: 1rem; 
}
#cont .wrap3.indust_cap {
	padding: 0.5em 0;
		margin-bottom: 3%;
}
#cont .Imgcap {
  font-size: 15px;
  text-align: left;
  text-indent: -1em;
  margin-left: 1em;
  margin-top: 0.75em; 
}
#cont .parenthesis{
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
#cont .parenthesis:before,#cont .parenthesis:after{
	content: "";
	display: inline-block;
	height:2em;
	width:.633333em;
	border-color: #000;
	border-width: .1333333em;
	border-top-style: solid;
	border-bottom-style: solid;
}
#cont .parenthesis:before{
	border-left-style: solid;
	margin-right:.633333em;
}
#cont .parenthesis:after{
	border-right-style: solid;
	margin-left:.633333em;
}
#cont .panel.parenthesis,#cont .panel.simpletitle{
	font-size: 1.875em;
	font-weight: 800;
	font-family:"Helvetica Neue","Segoe UI","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"BIZ UDPGothic","メイリオ", sans-serif;
}
#cont .wrap2 .rows{text-align: left;}
#cont .wrap2 .rows img{
	display: block;
	margin: 0 auto;
	max-width: 670px;
	max-height: 670px;
}
#cont .wrap2 .rows img.fll-size{
 max-width: 100%;
 max-height: inherit;
 height:auto;
}
#cont .tblfx{
	display: flex;
	flex-wrap: wrap;
}
#cont a.tblfx.links{align-items: center;word-wrap: break-word;word-break: break-all}
#cont .tblfx.links .icon{width:100px;height:3em;margin-right: .25em;}#cont .tblfx.links .icon img{max-width: 100%;height:auto;}
#cont .tblfx.col2 article{
	box-sizing: border-box;
	border:6px solid #000;
	border-top:none;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background-color: #000;
}
#cont .tblfx article h1{
	font-size: 1.5em;
	text-align: center;
	background-color: #000;
	color:#fff;
	margin: 0 -2px;
}
#cont .tblfx article h1 a{
	display: block;
	color:#fff;
	padding: 1em 0;
}
#cont .tblfx article .img{
	text-align: center;
	background-color: #fff;}
#cont .tblfx article .img img{max-width:100%;}
#cont .tblfx article p{
	background-color: #fff;
	text-align: center;
	font-size: 1.125em;
	font-weight: 700;
	color:#005a9c;
	padding: 1.666667em 0.5em;
}
#cont .tblfx.column2{
 gap:10px;
 justify-content: space-between;
}
#cont .tblfx.column3-hid{
 gap:10px;
 flex-wrap: nowrap;
 overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#cont .tblfx.column3-hid::-webkit-scrollbar {
  display: none;
}
#cont .wrap2 .rows .tblfx img{max-width: 100%;}
#cont .full-width.tblfx{
 margin: 0 auto;
 max-width: 960px;
 width:100%;
 gap:10px;
}
#cont .full-width.tblfx .btn-dl a{
 padding: 1em 1.5em;
}
@media screen  and (min-width: 641px) {
 #cont .tblfx.column2 .item{max-width:calc(50% - 5px);}
 #cont .full-width.tblfx{
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
 }
 #cont .full-width.tblfx .contact_bnr2{max-width: 75%;margin: 0;}
 #cont .full-width.tblfx .contact_bnr2 .box .txt{width:7em;max-width: inherit;}
 #cont .full-width.tblfx .contact_bnr2 .box .tel{width:auto;max-width: inherit;}
 #cont .full-width.tblfx .btn-dl{
  flex-shrink: 0;
 }
}
@media screen  and (max-width: 640px) {
 #cont .tblfx.column2 .item{max-width:100%;}
 #cont .full-width.tblfx{justify-content: center;}
}
.environment .bgWrap {
  background-image: url(../img/environment/index_main_vis.jpg);
}
.environment.operation .bgWrap {
  background-image: url(../img/environment/main_vis01.jpg);
}
.environment h2 {
  background-color: #00b6f1;
}
.environment.operation h1 {
  background-color: rgba(127, 216, 80, 0.6);
}
.environment.agriculture .bgWrap {
  background-image: url(../img/environment/main_vis02.jpg);
}
.environment.agriculture h1 {
  background-color: rgba(0, 182, 241, 0.6);
}
.environment.iot .bgWrap {
  background-image: url(../img/environment/main_vis03.jpg);
}
.environment.iot h1 {
  background-color:rgba(0, 182, 241, 0.6);
}
.environment.taiyoukou .bgWrap {
  background-image: url(../img/environment/main_vis04.jpg);
}
.environment.taiyoukou h1 {
  background-color: rgba(0, 182, 241, 0.6);
}
.environment.taiyoukou h2 {
  padding: 5% 2% !important;
}
.environment.retail .bgWrap {
  background-image: url(../img/environment/main_vis05.jpg);
}
.environment.retail h1 {
  background-color: rgba(0, 182, 241, 0.6);
}
.environment.retail h2 {
  padding: 5% 2% !important;
}
.construction .bgWrap {
  background-image: url(../img/construction/index_main_vis.jpg);
}
.construction h2 {
  background-color: #7fd850;
}
.construction.renovation .bgWrap {
  background-image: url(../img/construction/main_vis01.jpg);
}
.construction.renovation h1 {
  background: rgba(127, 216, 80, 0.6);
}
.material .bgWrap {
  background-image: url(../img/material/index_main_vis.jpg);
}
.material h2 {
  background-color: #f6ab00;
}
.material.sub h1 {
  background-color: rgba(246, 171, 0, 0.6);
}
.material.furniture .bgWrap {
  background-image: url(../img/material/main_vis01.jpg);
}
.material.exterior .bgWrap {
  background-image: url(../img/material/main_vis02.jpg);
}
.material.stairs .bgWrap {
  background-image: url(../img/material/main_vis03.jpg);
}

.material.panel .bgWrap {
  background-image: url(../img/material/main_vis04.jpg);
}
.material.wrapping .bgWrap {
  background-image: url(../img/material/main_vis05.jpg);
}
.material.mgeo .bgWrap {
  background-image: url(../img/material/main_vis06.jpg);
}
.industrialize .bgWrap {
  background-image: url(../img/industrialize/main_vis.jpg);
}
.industrialize h2 {
  background: #eda351;
}
.industrialize.wood .bgWrap {
  background-image: url(../img/industrialize/main_vis01.jpg);
}
.industrialize.wood h1 {
  background: rgba(237, 163, 81, 0.6);
}
.industrialize.wood h2 {
  padding: 5% 4% !important; 
}
.industrialize.ceramic .bgWrap {
  background-image: url(../img/industrialize/main_vis02.jpg);
}
.industrialize.ceramic h1 {
  background: rgba(237, 163, 81, 0.6);
}
.industrialize.ceramic h2 {
  padding: 5% 2% !important; 
}
.industrialize.panel .bgWrap {
  background-image: url(../img/industrialize/main_vis03.jpg);
}
.industrialize.panel h1 {
  background: rgba(237, 163, 81, 0.6);
}
.industrialize.panel h2 {
  padding: 5% 4% !important;
}
.industrialize.wrapping .bgWrap {
  background-image: url(../img/industrialize/main_vis05.jpg);
}
.industrialize.wrapping h1 {
  background: rgba(237, 163, 81, 0.6);
}
.industrialize.wrapping h2 {
  padding: 5% 4% !important;
}
.industrialize.product .bgWrap {
  background-image: url(../img/industrialize/main_vis04.jpg);
}
.industrialize.product h1 {
  background: rgba(237, 163, 81, 0.6);
}
.industrialize.product h2 {
  padding: 5% 7% !important;
}
.group.sub h1 {
  background: rgba(25, 118, 210, 0.6);
}
.group.advanced .bgWrap {
  background-image: url(../img/group/main_vis01.jpg);
}
.mgA {margin: 0 auto; }
.retail_notis {
  color: #E8611D;
  text-align: left;
  margin-top: 1em;
}
.retail_text1 {
  text-align: left;
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-top: 1.5em;
}
.retail_text1 b {
	color: #E8611D;
}
.retailBtn {
  display: table;
  margin: 3em auto 5em;
}
.retailBtn li {
	display: table-cell;
	padding: 1em; 
}
.retailBtn li a {
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	padding: .6em 4em;
	font-size: 24px;
	text-decoration: none;
	background: url(../img/environment/ico_arw02.png) no-repeat 5% 50% #07456D;
	border: 4px solid #07456D;
	-webkit-transition: background .8s ease-in-out, color .8s ease-in-out;
	-o-transition: background .8s ease-in-out, color .8s ease-in-out;
	transition: background .8s ease-in-out, color .8s ease-in-out;
}
.retailBtn li a:hover {
	background: url(../img/environment/ico_arw02_on.png) no-repeat 5% 50% #FFF;
	color: #07456D;
}
.retailBtn2 {
  width: 50%;
  margin: 3em auto 5em;
}
.retailBtn2:last-child {
	margin-bottom: 0; 
}
.retailBtn2 li {
	padding: 1em;
}
.retailBtn2 li a {
	display: block;
	color: #FFF;
	font-weight: bold;
	padding: .6em 1em;
	font-size: 24px;
	text-decoration: none;
	background: url(../img/environment/ico_arw02.png) no-repeat 5% 50% #5C4038;
	border: 4px solid #5C4038;
	-webkit-transition: background .8s ease-in-out, color .8s ease-in-out;
	-o-transition: background .8s ease-in-out, color .8s ease-in-out;
	transition: background .8s ease-in-out, color .8s ease-in-out;
}
.retailBtn2 li a:hover {
	background: url(../img/environment/ico_arw02_on2.png) no-repeat 5% 50% #FFF;
	color: #5C4038;
}
.retail_mypageLink {
  position: absolute;
  top: -10px;
  right: 0;
  width: 250px;
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: .6em 1em;
  text-align: center;
  background: url(../img/environment/ico_arw03.png) no-repeat 5% 50%;
  color: #000;
  border: 4px solid #010101;
  text-decoration: none;
  text-indent: .8em;
  -webkit-transition: background .8s ease-in-out, color .8s ease-in-out;
  -o-transition: background .8s ease-in-out, color .8s ease-in-out;
  transition: background .8s ease-in-out, color .8s ease-in-out; 
}
.retail_mypageLink:hover {
	text-decoration: none;
	background: url(../img/environment/ico_arw03_on.png) no-repeat 5% 50% #000;
	color: #FFF;
}
.retail_mypageLinkSp {display: none;}

#company {}
#company .bgWrap {
	background-image: url(../img/company/main_vis01.jpg);
	background-size: cover;
}
#company .bgIn {
	background: none;
	height: 257px;
	width: 100%;
	text-align: center;
}
#company .bgIn h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background: rgba(160, 160, 160, 0.7);
	width: 350px;
	height: 188px; 
}
#company .bgIn h1 img {
	display: inline-block;
	vertical-align: middle; 
}
#company .bgIn h1:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
#company .bgIn:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
#company .bgIn h1.vis{
 font-size: 2em;
 color: #fff;
 font-feature-settings: "palt" 1;
 letter-spacing: .05em;
 text-shadow: 0 .125em .6em rgba(0,0,0,0.17);
}
#company .wrap2 {
	padding-top: 0;
}
#company h3 {
	border-left: none !important;
}
#company #cont .wrap2 {
	padding-bottom: 20px;
}
#company .headInner {
	position: relative;
	width: 100%;
	padding-bottom: 9px;
}
#company .headInner h1 {
	float: none;
	display: block;
}
#company .headInner nav {
	float: none;
	display: block;
}
#company .headInner .Siryou a {
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 0;
	width: 200px;
	height: 40px;
	padding: 4px 10px 5px 43px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	border: 5px solid #461f02;
	background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
	text-decoration: none;
	background-color: #461f02;
}
#company .headInner .Siryou a:hover {
	color: #000;
	background: url(../img/common/ico_arw02.png) no-repeat 15px center;
	background-color: #fff;
	border: 5px solid #fff;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s; 
}
#company table.list {
	width: 100%;
	max-width: 960px;
	border: 1px solid #b5b5b5;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}
#company table.list th {
	font-size: 14px;
	font-weight: bold;
	background-color: #ebe9ea;
	width: 165px;
	text-align: left;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	padding: 10px; 
}
#company table.list.pub th{
 width:8em;
}
#company table.list td {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	padding: 10px;
}
#company .Area {
	width: 100%;
	text-align: center;
}
#company .BaseList {
	width: 100%;
	display: table;
}
#company .BaseList div.list {
	display: table-cell;
	width: 34.33%;
	vertical-align: top;
	padding-right: 3%;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
}
#company .BaseList div.list:last-child {
	padding-right: 0;
}
#company .BaseList div.list .name {
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
#company .BaseList div.list .detail {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	display: block;
	margin-top: 10px;
}
#company .BaseList div.list .gMap {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #0075c1;
	padding: 5px 8px;
	color: #fff;
	font-size: 13px;
}
span.no-wraps{display: inline-block;white-space: nowrap;}
#recruit #gNav {
  border-bottom: 1px solid #aaa;
  text-align: center;
  padding: 0; 
}
#recruit #gNav ul {
	height: 64px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#recruit #gNav ul li {
	border-left: 1px solid #aaa;
	height: 100%;
	width: 193px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#recruit #gNav ul li a {
	padding-left: 0;
}
#recruit #gNav ul li a:before, #recruit #gNav ul li a:after {
	display: none; 
}
#recruit #gNav ul li:last-child {
	border-right: 1px solid #aaa;
}

#recruit .bgWrap {
  background: url(../img/recruit/main_vis01.jpg);
  background-size: cover;
}

#recruit .bgIn {
  background: none;
  height: 257px;
  width: 100%;
  text-align: center;
}
#recruit .bgIn h1 {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	background: rgba(160, 160, 160, 0.7);
	width: 300px;
	height: 188px;
}
#recruit .bgIn h1 img {
	display: inline-block;
	vertical-align: middle;
}
#recruit .bgIn h1:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
#recruit .bgIn:after {
	content: "";
	width: 0%;
	height: 100%;
	font-size: 0;
	display: inline-block;
	vertical-align: middle; 
}
#recruit .wrap2 {
  padding-top: 0; 
}
#recruit h3 {
  border-left: none !important;
}
#recruit #cont .wrap2 {
  padding-bottom: 20px; 
}
#recruit .headInner {
  position: relative;
  width: 966px;
  padding-bottom: 9px;
}
#recruit .headInner h1, #recruit .headInner nav {
	float: none;
	display: block;
}
#recruit .headInner .Siryou a {
	position: absolute;
	top: 15px;
	bottom: 0;
	right: 0;
	width: 200px;
	height: 40px;
	padding: 4px 10px 5px 43px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	overflow: hidden;
	border: 5px solid #461f02;
	background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
	text-decoration: none;
	background-color: #461f02;
}
#recruit .headInner .Siryou a:hover {
	color: #000;
	background: url(../img/common/ico_arw02.png) no-repeat 15px center;
	background-color: #fff;
	border: 5px solid #fff;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
#recruit table.list {
  width: 100%;
  max-width: 960px;
  border: 1px solid #b5b5b5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}
#recruit table.list th {
	font-size: 14px;
	font-weight: bold;
	background-color: #ebe9ea;
	width: 165px;
	text-align: left;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
	padding: 10px;
}
#recruit table.list td {
	font-size: 14px;
	font-weight: normal;
	background-color: #fff;
	text-align: left;
	border-bottom: 1px solid #b5b5b5;
	padding: 10px; 
}
#recruit .Area {
  width: 100%;
  text-align: center; 
}
.Area table.Base{
 width:auto;
 margin: 0 auto 1em;
}
.Area table.Base caption{margin-bottom:.5em;width: 100%;}
.Area table.Base tbody th,.Area table.Base tbody td{
 padding: .25em 1.25em;
 border:1px solid #333;
 vertical-align: middle;
 color:#222;
}
.Area table.Base tbody th[rowspan]{padding: .25em .75em;}
.Area table.Base .ftCap{font-size: .875em;text-align: right;padding-top: .25em;}
#recruit .BaseList {
  width: 100%;
  display: table;
}
#recruit .BaseList div.list {
	display: table-cell;
	width: 34.33%;
	vertical-align: top;
	padding-right: 3%;
	text-align: left;
	font-size: 14px;
	line-height: 1.4; 
}
#recruit .BaseList div.list:last-child {
	padding-right: 0;
}
#recruit .BaseList div.list .name {
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
#recruit .BaseList div.list .detail {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
	display: block;
	margin-top: 10px;
}
#recruit .BaseList div.list .gMap {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #0075c1;
	padding: 5px 8px;
	color: #fff;
	font-size: 13px; 
}
.sitemap {
  text-align: left;
  margin-top: 15px;
}
.sitemap a {
	padding-left: 1.2em;
	background: url(../img/common/ico_sp_menu.png) no-repeat 0 center;
}
.sitemap .linkList {
	margin-top: 10px;
}
.sitemap .linkList li {
	padding-left: 1em;
	margin-bottom: 1em;
}
.sitemap .linkList dl.l3 {
	padding-left: 1em;
}
.sitemap .linkList dl.l3 dd {
	padding-left: 1em; 
}
.sitemap .linkList dl.l2 dd {
	padding-left: 1em;
}
/*.sitemap .linkList dl + dl {
	margin-top: 1em; }*/
.sitemap .linkList dl dt, .sitemap .linkList dl dd {
	margin-bottom: .3em;
}
.sitemap .linkList .bg, .sitemap .linkList .l2 dt {
	border-bottom: 1px solid #b4b4b4;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
.sitemap .linkList .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
}
.sitemap .linkList .flex dl {
	width: 50%;
}

/* 200117 */
#cont .wrap .kenzai {
	display: flex;
	justify-content: space-between;
}
/*2021.3*/
.list-wrap-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mainVis.document .bgWrap {background-color: #e0e0e0;background-image: url("../img/document/main_vis.jpg");
background-position: bottom center;}
.document article{
	background-color: #f0f0f0;border:1px solid #b1b1b1;box-sizing: border-box;
	font-family:Roboto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', "BIZ UDPGothic","メイリオ", sans-serif;
	padding: 10px;
}
.document article header,.document article .txt{
	box-sizing: border-box;
}
.document article header p.date{
	font-size:.75em;
	text-align: right;
	margin-bottom: .25em;
}
.document article header h3{
	padding: .25em .5em;
	background-color: #fff;
	border:1px solid #d1d1d1;
	margin-bottom: .25em;
	font-size: .875em;
}
.document article .btns a,#cont .btn-dl a{
	text-decoration: none;
	padding: .25em .5em;
	text-align: center;
	color:#fff;
	font-weight: 500;transition: all .3s linear;
	margin: .5em auto;
	box-shadow: 1px 1px 2px opx rgba(0,0,0,0.17);
	display: block;
}
.btns button{
	padding: .25em .5em;
	margin: .5em auto;
	box-shadow: 1px 1px 2px opx rgba(0,0,0,0.17);
	display: block;
	border: none;
	text-align: center;
	color:#fff;
	font-weight: 500;transition: all .3s linear;
	background-color: #9B0000;
	font-size: 16px;
	width: 100%;
}
.document article .btns a.dsp{
	background-color: #0075c2;
}
.document article .btns a.dwn,#cont .btn-dl a{
	background-color: #E46F2A;
}
#CHART{padding-bottom: 40px;}
#recruit #cont .contact_bnrbox .contact_bnr1 a {font-size:1.1rem;}
#mainVis.mobile.sub .bgIn  h1,#mainVis.office.sub .bgIn  h1{
	max-width: 345px;
	max-height: 188px;
	width:94%;
	height:94%;
	box-sizing: border-box;
	padding: 10px;
}
#mainVis.mobile.sub .bgIn  h1 { background-color: rgba(8,172, 0, 0.6);}
#mainVis.office.sub .bgIn  h1 { background-color: rgba(182,116, 249, 0.6);}
#mainVis.office.sub .bgIn  h1.index { background-color:transparent;max-width:510px;}
#cont.office img{max-width: 100%;height: auto;}
#cont.office .rows.col1{max-width:670px;margin-left:auto;margin-right: auto;}
#cont.office .rows dl.spec.dt-h{display: flex;flex-wrap: wrap;}
#cont.office .rows dl.spec dt{
	font-weight: bold;
	margin-top: 1em;
	display:flex;align-items: center;
	font-feature-settings:"palt" 1;
}
#cont.office .rows dl.spec.dt-h dt{min-width: 8.75em;}
#cont.office .rows dl.spec.dt-h dd{width:calc(100% - 8.75em);margin-top: 1em;}
#cont.office .rows dl.spec dt:before{
	font-family: "Material Icons";
	content: "\e313";
	font-size:1em;
	color:#fff;
	background-color: #000;
	line-height: 1;
	text-align: center;
	width:1.25em;
	height:1.25em;
	box-sizing: border-box;
	display:inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: .25em;
}
#cont.office .rows dl.spec.dt-h dt:before{
	content: "\e315";
}
#cont.office .rows dl.spec dd ul li,ul.disc li{list-style: disc outside;margin-left: 1.3em;}
#cont .img-h-list{display: flex;}#cont .img-h-list .img{margin-top: .75em;}
#cont.office .rows dl.spec dd.img-h-list .img:not(:last-child){margin-right: .75em;}
/*media-queries 再定義 2021.03*/
/*----------------------------------------------------
media-queries style PC or Large Device
----------------------------------------------------*/
@media only screen and (min-width: 961px) {
	#cont .wrap {width: 966px;}
	#cont .wrap2 {width: 960px;}
	#company .headInner {
		width: 966px;
	}
	#cont .infoIot01 {width: 860px;}
	#cont .w773 {width: 773px;}
}
@media only screen and (max-width: 960px) {
	#cont .wrap2 .column3 li {width: 47.916667%;}
	#cont .infoIot01 {width: 89.583333%;}
	#cont .w773 {width:calc(77.5% - 10px);}
}
@media only screen and (min-width: 641px) {
	.pc_s {display: block;}
	#cont .wrap,#cont .wrap2{padding-top: 40px;padding-bottom: 80px;}
	#cont .wrap {max-width: 966px;}
	#cont .wrap2 {max-width: 960px;}
	/**/
	img.pcImg {display: block;margin: 0 auto;}
	.spImg {display: none; }
	.spMenuIco {display: none; }
	#mainVis .bgIn {
		height: 409px;
	}
	#cont .wrap3 {
		width: 672px;
	}
	#cont .wrap2 .column2,#cont .wrap2 .column3{
		display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#cont .wrap2 .column3{
		flex-direction: row-reverse;
	}
	#cont .wrap2 .column2.indust{display:block;}
	#cont .wrap2 .column2 li ,#cont .wrap2 .column3 li{
		width:calc(50% - 10px);
		margin-bottom: 30px;
	}
	#cont .wrap2 .column2 .txtr480{max-width: 490px;min-width: calc(50% - 1em);}#cont .wrap2 .column2 .txtr480 img{max-width:490px; }
	.environment.operation h1,.environment.agriculture h1 {
		width: 464px;
		height: 188px; 
	}
	.environment.retail h1,.material.sub h1 {
		width: 300px;
		height: 188px;
	}
	.construction.renovation h1,.material.mgeo h1 {
		width: 444px;
		height: 188px;
	}
	.material.panel h1,.material.wrapping h1 {
		width: 390px;
	}
	.environment.taiyoukou h1,.environment.iot h1,.industrialize.ceramic h1,.industrialize.wood h1{
		width: 344px;
		height: 188px; 
	}
	.industrialize.panel h1,.industrialize.wrapping h1,.industrialize.product h1 {
		width: 424px;
		height: 188px;
	}
	.group.sub h1 {
		width: 280px;
		height: 188px;
	}
	/**/
	.pc-col3 article{
		width:calc(33.333333% - 1em);
	}
	.pc-col3 article:nth-child(n + 4){margin-top: 1.25em;}
	.pc-col4 article{
		width:calc(25% - 1em);
	}
	.pc-col4 article:nth-child(n + 5){margin-top: 1.25em;}
	/**/
	.document article:after{
		content: '';
		clear: both;
		display: table;
	}
	.document article .thumbs{float:left;width: 50%;}
	.document article header,.document article .txt{display:block;float: right;width:calc(50% - .75em);margin-left: .75em;}
  #cont .tblfx.col2 article{
   width:calc(50% + 1.5px);
   margin: 0;
  }
 #cont .tblfx.col2 article img{max-width: 100%;}
  #cont .tblfx.col2 article:nth-child(even){
   margin-left: -3px;
  }
  #cont .tblfx.col2 article:nth-child(odd){
   margin-right: -3px;
  }
	#recruit #cont .contact_bnrbox .box{
		display: flex;
		align-items: center;
	}
	#recruit #cont .contact_bnrbox .box div:first-child{text-align: left;}
}
/*----------------------------------------------------
media-queries style TABLET
----------------------------------------------------*/
@media only screen and (min-device-width: 641px) and (max-device-width: 1024px) {
	#cont .wrap,#cont .wrap2 {max-width:94vw;margin-left: auto;margin-right:auto;padding-top: 4vw;padding-bottom: 8vw;}
	#pankuzu {padding: 2vw 3vw;}
	#mainVis.sub .bgIn h1{max-width: 300px;}
}
@media screen  and (max-width: 640px) {
	#cont .wrap,#cont .wrap2 {max-width:94vw;padding-top: 4vw;padding-bottom: 8vw;}
	.cf .flR,.cf .flL{float: none;}.cf .flR +  .flL{margin-top: 1em;}
	#cont .w773 {width:100%;}
	.pc_s {display: none; }
	.spMenuIco {
		display: block;
		position: absolute;
		z-index: 200;
		top: 15%;
		right: 2%;
		width: 45px;
		cursor: pointer;
	 } 
	#pankuzu {padding: 2vw;}
	/**/
	#mainVis .bgIn {
		height: auto;
		padding: 5% 15%;
	}
	#mainVis h2 {
		padding: 3%; 
	}
	#mainVis.sub .bgIn {
		padding: 3% 12%;
		height: auto; 
	}
	/**/
	#cont .wrap2 .indust .block {
		border-bottom: 1px solid #aaa;
		padding-bottom: 3%; 
	}
	#cont .wrap2 .indust .block:last-child {
		border-bottom: none;
	} 
	#cont .wrap2 .indust .block2 {
		border-bottom: 1px solid #aaa;
		padding-bottom: 3%; 
	}
	#cont .wrap2 .indust .block2:last-child {
		border-bottom: none; 
	}
	#cont .wrap2 .indust .block_left {
		display: block;
		width: 100%;
		border-bottom: none;
		margin-bottom: 1%;
	} 
	#cont .wrap2 .indust .block_right {
		display: block;
		width: 100%;
		max-width: 450px;
		text-align: center;
		padding-top: 1em;
		margin: 0 auto;
		padding-left: 0;
		/*					border-bottom: 1px solid #aaa;
			margin-bottom: 1%;
			padding-bottom: 1%;*/ 
	} 
	#cont .wrap2 .indust .block_left_s {
		display: block;
		width: 100%;
		border-bottom: none;
		margin-bottom: 1%; 
	} 
	#cont .wrap2 .indust .block_right_s {
		display: block;
		width: 100%;
		max-width: none;
		text-align: left;
		padding-top: 1em;
		margin: 0 auto;
		padding-left: 0;
	}
	#cont .wrap2 .indust .block_right_s div {
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}
	#cont .wrap2 .indust .block_right_s div:nth-child(1) {
		padding-right: 1%;
	}
	#cont .wrap2 .indust .block_right_s div:nth-child(2n) {
		padding-left: 1%;
	}
	#cont .wrap2 .indust .block_left_l {
		display: block;
		width: 100%;
		border-bottom: none;
		margin-bottom: 1%; 
	} 
	#cont .wrap2 .indust .block_right_l {
		display: block;
		width: 100%;
		max-width: none;
		text-align: center;
		padding-top: 0.75em;
		padding-left: 0; }
		#cont .wrap2 .indust .block_right_l img {
			width: 100%; 
	}
	#cont .wrap2 .indust .block_right_l .left {
		width: 38.5%;
	}
	#cont .wrap2 .indust .block_right_l .right {
		width: 52.3%; }
	#cont .wrap2 .indust .Imgbox {
		padding: 2%; 
	}
	#cont .wrap2 .taiyoukou .block {
		border-bottom: none;
		padding-bottom: 3%; 
	}
	#cont .wrap2 .taiyoukou .block:last-child {
		border-bottom: none;
	} 
	#cont .wrap2 .taiyoukou .block_left {
		display: block;
		width: 100%;
		border-bottom: none;
		margin-bottom: 1%; 
	}
	#cont .wrap2 .taiyoukou .block_right {
		display: block;
		width: 100%;
		max-width: 450px;
		text-align: center;
		padding-top: 1em;
		margin: 0 auto;
		padding-left: 0;
		/*					border-bottom: 1px solid #aaa;
			margin-bottom: 1%;
			padding-bottom: 1%;*/
	}
	#cont .wrap2 .column2 {
		margin-bottom: 3%;
	}
	#cont .wrap2 .column2 li {
		float: none;
		width: 100%;
		margin-bottom: 3%;
		text-align: center;
	}
	#cont .wrap2 .column2 li:nth-child(2n) {
		margin-left: 0;
		text-align: center;
	}
	#cont .wrap2 .column3 {
		padding: 0 3%; 
	}
	#cont .wrap2 .column3 li {
		float: none;
		width: 100%;
		margin-bottom: 4%; 
	}
	#cont .wrap2 .column3 li:nth-child(2n) {
		margin-right: 0;
		text-align: center;
	}
	#cont .wrap2 h2 {
		padding: 5% 3%;
		margin-bottom: 0; 
	}
	#cont .wrap2 h2.agriculture {
		padding: 5% 12%; 
	}
	#cont .wrap2 h2.iot {
		padding: 5% 9%; 
	}
	#cont .wrap2 h2.operation {
		padding: 5% 10%;
	}
	#cont .wrap2 h2.furniture {
		padding: 5% 6%;
	}
	#cont .wrap2 h2.panel {
		padding: 5% 12%;
	}
	#cont .wrap2 h2.stairs {
		padding: 5% 10%; 
	}
	#cont .wrap2 h2.wood {
		padding: 5% 8%; 
	}
	#cont .wrap2 h2.ceramic {
		padding: 5% 4%;
	}
	#cont .wrap2 h2.panel {
		padding: 5% 6%; 
	}
	#cont .wrap2 h2.product {
		padding: 5% 10%;
	}
	#cont .wrap2 h3 {
		border-left: 2px solid #01446f;
		font-size: 15px;
		line-height: 1.4; 
	}
	#cont .wrap2 h3 span {
		border-left: 2px solid #0076bd;
		padding-left: 5px; 
	}
	#cont .wrap2 h3.txt01 {
		padding: 0 3%;
		margin-bottom: 3%;
	}
	#cont .wrap2 h3.txt01 sup {
		font-size: 11px;
	}
	#cont .wrap2 hr {
		margin: 3% 0;
	}
	#cont .wrap2 figure {
		text-align: center;
	}
	#cont .wrap2 p {
		font-size: 13px;
	}
	#cont .wrap2 .inqBox {
		padding: 0 3%;
	}
	#cont .wrap2 .txt02 {
		margin: 0;
		padding: 3%;
		line-height: 1.4;
	}
	#cont .wrap2 .groupBox01 .flR,
	#cont .wrap2 .groupBox01 .flL {
		float: none; 
	} 
	#cont .wrap3 {
		width: 100%;
		padding: 3%;
		margin-bottom: 5%;
	} 
	#cont .wrap3.indust_cap {
		width: 100%;
		padding: 1.5% 0;
		margin-bottom: 2%;
		font-size: 13px;
	} 
	#cont .tbl01 {
		border-bottom: 3px solid #000;
	}
	#cont .tbl01 th,
	#cont .tbl01 td {
		border-right: 3px solid #000;
		border-left: 3px solid #000;
	}
	#cont .tbl01 .bgWH td {
		padding: 2% 1%;
		font-size: 12px;
		line-height: 1.3;
	}
	#cont .tbl01 h1 {
		padding: 2% 1%;
		font-size: 12px;
	}
	#cont .operationList {
		margin-top: 4%; 
	}
	#cont .operationList li {
		float: none;
		width: 100%;
		margin-bottom: 5%;
		overflow: hidden;
	}
	#cont .operationList li figure {
		width: 35%;
	}
	#cont .operationList li dl {
		padding-left: 36%;
	}
	#cont .operationList li dt {
		font-size: 14px;
		margin-bottom: 2%;
		line-height: 15px; 
	}
	#cont .operationList li dd {
		font-size: 12px;
	} 
	#cont .infoIot01,
	#cont .infoIot02,
	#cont .infoIot03 {
		font-size: 12px;
		padding: 0 3%; 
	} 
	#cont .infoIot01 {
		width: 100%;
	} 
	#cont .infoIot04,#cont .indentList {
		font-size: 14px; 
	}
  #cont h4 {
    font-size: 15px;
    line-height: 1.3;
	} 
	#cont .indentList > * {
		text-indent: -.75em;
	}
	#cont .wrap2 .indust .Imgcap2_area_sp {
		max-width: 767px;
		width: 100%;
		display: table;
		text-align: left;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#cont .wrap2 .indust .Imgcap2_area_sp .Imgcap2 {
		display: table-cell;
		vertical-align: top;
		padding-top: 0.5em;
		padding-bottom: 1em;
		width: 35%; 
	}
	#cont .wrap2 .indust .Imgcap2_area_sp .Imgcap2 p {
		margin-right: 20px;
		max-width: 176px;
		font-size: 13px;
		line-height: 1.4; 
	}
	#cont .wrap2 .indust .Imgcap2_area_sp .Imgcap2 p.last {
		margin-right: 0px; 
	}
	#cont .wrap2 .indust .Imgcap2_area_sp .Imgcap2 .last2 {
		max-width: 200px;
	}
	#cont .wrap2 .indust .Imgcap3_area_sp .Imgcap3 p {
		width: 100%;
		font-size: 13px;
		line-height: 1.4; 
	}
	#cont .wrap2 .indust .Imgcap3_area_sp .Imgcap3.ptn1 {
		width: 37%;
		margin-right: 13%; 
	}
	#cont .wrap2 .indust .Imgcap3_area_sp .Imgcap3.ptn2 {
		width: 45%; 
	}
	#cont .wrap2 .indust .Imgcap3_area_sp .Imgcap3.last {
		margin-right: 0px;
	}
	#cont .panel.parenthesis{font-size: 1.25em;}
	#cont .wrap2 .rows img{max-width: 94vw;max-height: 140vw;}
	#cont .tblfx article h1,#cont .tblfx article p{font-size: .875em;}
	#cont.office .img-h-list{flex-wrap: wrap;}
	.environment h2 {
		padding: 3% 22% !important; 
	}
	.environment.operation h1 {
		width: 100%;
		height: auto;
		padding: 6% 8%; 
	}
	.environment.iot h1 {
		width: 100%;
		height: auto;
		padding: 6% 20%;
	}
	.environment.agriculture h1 {
		width: 100%;
		height: auto;
		padding: 6% 8%; 
	}
	.environment.taiyoukou h1 {
		width: 100%;
		height: auto;
		padding: 6% 20%; 
	}
	.environment.retail h1 {
		width: 100%;
		height: auto;
		padding: 6% 20%; 
	}
	.construction.renovation h1 {
		width: 100%;
		height: auto;
		padding: 3% 8% 5%;
	}
	.material h2 {
		padding: 3% 24% !important;
	}
	.material.sub h1 {
		width: 100%;
		height: auto;
		padding: 3% 27% 7%;
	}
  .material.exterior.sub h1 {
    padding: 3% 27% 7%; 
	} 
	.material.panel h1 {
		width: 100%;
		padding: 3% 18% 7%;
	}
	#mainVis .bgIn {
		height:42.339544vw;
	}
	.material.mgeo h1 {
		width: 100%;
		padding: 3% 8% 5%; 
	}
	.material.wrapping h1 {
		width: 100%;
		padding: 3% 18% 7%;
	} 
	.industrialize h2 {
		padding: 3% 25% !important;
	}
	.industrialize.wood h1 {
		width: 100%;
		height: auto;
		padding: 6% 12%;
	}
	.industrialize.ceramic h1 {
		width: 100%;
		height: auto;
		padding: 6% 12%;
	} 
	.industrialize.panel h1 {
		width: 100%;
		height: auto;
		padding: 6% 8%;
	}
	.industrialize.wrapping h1 {
		width: 100%;
		height: auto;
		padding: 6% 8%; 
	}
	.industrialize.product h1 {
		width: 100%;
		height: auto;
		padding: 6% 8%;
	}
	.group.sub h1 {
		width: 100%;
		height: auto;
		padding: 6% 26%;
	} 
  #topMain {position: relative;}
  .copyright {margin-top: 1vh;text-align: center; }
  .mgB10 {margin-bottom: 1.5%;}
  .mgB20 {margin-bottom: 3%;}
  .mgB30 {margin-bottom: 4%;}
  .mgB50 {margin-bottom: 5%;}
  .mgT40 {margin-top: 4%;}
  .mgT100 {margin-top: 8%;}
  .spWrap {padding: 3%;}
  .spWrap02 {padding: 0 3%;}
  .pcImg { display: none; }
  .spImg {display: block;width: 100%; } 
	/**/
	.contact_bnr1 .box{margin-top: 1em;}
	.contact_bnr1 .box a {font-size: 7.25vw;}
	/**/
	.retailBtn {display: block;width: 95%;}
	.retailBtn li {
		display: block;
		margin-bottom: 1em; 
	}
	.retailBtn li a {
		padding: .6em 2em;
		display: block;
		font-size: 1.6rem; 
	}
	.retailBtn2 {width: 95%;}
	.retailBtn2 li a {
		padding: .6em 0;
		font-size: 1.6rem;
	}
	.retail_mypageLink {display: none;}
	.retail_mypageLinkSp {
		width: 65%;
		margin: 2em auto 0;
		text-align: center;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		padding: .6em 1em;
		background: url(../img/environment/ico_arw03.png) no-repeat 5% 50%;
		border: 4px solid #010101;
		text-decoration: none;
	}
	.retail_mypageLinkSp:hover {
		text-decoration: none;
	}
	/**/
	#company {}
	#company .bgIn h1 {
		width: 100%;
		height: auto;
		padding: 8% 10%;
	} 
	#company .bgIn {
		height: auto;
		padding: 4% 12% 0 12%;
	}
	#company table.list th,#company table.list.pub th{
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: none;
	}
	#company table.list td {
		width: 100%;
		display: block;
	}
	#company .BaseList div.list {
		display: inline-block;
		width: 100%;
		padding-right: 0;
	}
	#company .BaseList div.list img {
		width: 100%; 
	} 
	#company .btn a + a {
		margin-left: 0px;
		margin: 0 auto;
		display: block;
	}
	#company .btn a {
		display: block;
		margin: 0 auto;
		font-size: 1.6rem;
		max-width: 370px;
		min-width: initial;
	}
	#company .btn a:last-child {
		margin-top: 20px;
	}
	#company .btnSiryo a {
		padding: 20px 20px;
		max-width: 370px !important;
		width: auto !important;
		min-width: initial; 
	}
	#company #cont .wrap2 {
		padding: 0 !important;
	}
	#company #cont .contact_bnrbox {
		margin-bottom: 50px;
	}
	#company #cont .wrap2 .title {
		width: 88%;
	}
	#company #gNav {
		border-bottom: none;
		text-align: initial;
	}
	#company #gNav ul {
		height: auto;
		text-align: initial;
		display: block; 
	}
	#company #gNav ul li {
		border-left: none;
		height: auto;
		width: auto;
		display: block; 
	}
	#company #gNav ul li a {
		padding: 4% 5% !important; }
	#company .headInner {
		width: auto; 
	}
	#company .headInner .Siryou {
		padding-top: 10px;
	}
	#company .headInner .Siryou a {
		width: 200px;
		position: initial;
		display: inline-block;
		padding: 4px 10px 5px 43px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		border: 5px solid #461f02;
		background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
		text-decoration: none;
		background-color: #461f02;
		margin-top: 5px;
	}
	#company .headInner .Siryou a:hover {
		color: #000;
		background: url(../img/common/ico_arw02.png) no-repeat 15px center;
		background-color: #fff;
		border: 5px solid #fff;
		-webkit-transition: 0.8s;
		-o-transition: 0.8s;
		transition: 0.8s;
	}
	#company #globalheader {
		height: auto;
	}
	/**/
	#cont .wrap .kenzai {
		display: block;
		margin: 0 4px;
		text-align: center;
	} 
	#cont .wrap .kenzai li {
		margin: 0 0 20px;
	} 
	#cont .wrap .kenzai li img {
		max-width: 94vw;
	} 
  #recruit .bgIn h1 {
    width: 100%;
    height: auto;
    padding: 8% 10%;
	}
  #recruit .bgIn {
    height: auto;
    padding: 4% 12% 0 12%;
	}
  #recruit table.list th {
    width: 100%;
    display: block;
    border-right: none;
    border-bottom: none;
	}
  #recruit table.list td {
    width: 100%;
    display: block;
	}
  #recruit .BaseList div.list {
    display: inline-block;
    width: 100%;
    padding-right: 0;
	}
	#recruit .BaseList div.list img {
		width: 100%;
	}
  #recruit .btn a {
    display: block;
    margin: 0 auto;
    font-size: 1.6rem;
    max-width: 370px;
    min-width: initial;
	}
	#recruit .btn a + a {
		margin-left: 0px;
		margin: 0 auto;
		display: block;
	}
	#recruit .btn a:last-child {
		margin-top: 20px; 
	}
  #recruit .btnSiryo a {
    padding: 20px 20px;
    max-width: 370px !important;
    width: auto !important;
    min-width: initial; 
	}
  #recruit #cont .wrap2 {
    padding: 0 !important;
	}
  #recruit #cont .contact_bnrbox {
    margin-bottom: 50px;
	}
	#recruit #cont .contact_bnrbox .box div:first-child br{
		display:none;
	}
  #recruit #cont .wrap2 .title {
    width: 88%;
	}
  #recruit #gNav {
    border-bottom: none;
    text-align: initial;
	}
	#recruit #gNav ul {
		height: auto;
		text-align: initial;
		display: block;
	}
	#recruit #gNav ul li {
		border-left: none;
		height: auto;
		width: auto;
		display: block;
	}
	#recruit #gNav ul li a {
		padding: 4% 5% !important;
	}
  #recruit .headInner {
    width: auto;
	}
	#recruit .headInner .Siryou {
		padding-top: 10px;
	}
	#recruit .headInner .Siryou a {
		width: 200px;
		position: initial;
		display: inline-block;
		padding: 4px 10px 5px 43px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		border: 5px solid #461f02;
		background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
		text-decoration: none;
		background-color: #461f02;
		margin-top: 5px;
	}
	#recruit .headInner .Siryou a:hover {
		color: #000;
		background: url(../img/common/ico_arw02.png) no-repeat 15px center;
		background-color: #fff;
		border: 5px solid #fff;
		-webkit-transition: 0.8s;
		-o-transition: 0.8s;
		transition: 0.8s;
	}
  #recruit #globalheader {
    height: auto;
	}
	/**/
	.sitemap {font-size: 3.5vw; margin-top: 2%;}
	.sitemap a {font-size: 3.5vw;}
	.sitemap .linkList .flex {
		display: block; 
	}
	.sitemap .linkList .flex dl {
		width: 100%;
	}
	/**/
	.list-wrap-flex.sp-col1{
		display: block;
	}
	.sp-col2 article{width:calc(50% - .5em);}
	.document article{margin: 2vw 4vw;}
	.document .sp-col1 article .btns{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.document .sp-col1 article .th
	.document article .thumbs{margin: 0 auto;}
	.document .sp-col1 article .thumbs{max-width:90%;margin: 0 auto;}
	.document article .btns a{width:calc(50% - 1em);}
	/**/
}
/*2021.03不使用*/

#cont .wrap4 {
  width: 960px;
  margin: 0 auto;
}
#cont .wrap4 .arealeft {
	width: 50%;
	text-align: left;
	float: left;
}
#cont .indexList {
  background: #000;
  overflow: hidden;
  padding: 0 6px 6px; 
}
#cont .indexList li {
	float: left;
	width: 474px;
	text-align: center;
	color: #FFF;
}
#cont .indexList li:nth-child(2n) {
	margin-left: 6px;
}
#cont .indexList li a {
	display: block;
	color: #FFF; 
}
#cont .indexList h1 {
	padding: 25px 0;
	font-size: 24px;
	font-weight: bold;
}
/*20180215 2021.03廃止*/
#cont .caselist_box {
  width: 100%;
  max-width: 960px;
  display: block;
}
#cont .caselist_box div.Img {
  float: left;
  width: 49.5%;
  max-width: 480px;
  text-align: justify;
}
#cont .caselist_box > div.Txt {
  float: left;
  text-align: left;
  padding-left: 2%;
  width: 49.5%;
}
#cont .caselist_box > div.Txt .ttl {
  background-color: #ec407a;
  color: #fff;
  font-size: 1.6rem;
  padding: 2px 10px;
}
#cont .caselist_box > div.Txt p {
  padding-top: 0.75em;
}
#cont .caselist_box > div.Txt .cap {
  color: #ec407a;
  font-weight: bold;
}
#cont .caselist_box > div.Txt .cap img {
  max-width: 32px;
  padding-right: 5px;
}
#cont .wrap2 .borders{
 padding: 1%;
 border:1px solid #aaa;
}
/*/
#jirei #pankuzu {
  background-color: #fff;
  padding: 20px 0; 
}
#jirei .wrap2 {
  padding-top: 0;
}
#jirei .btn a {
  min-width: 280px;
  width: auto;
  background: rgba(255, 255, 255, 0);
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  overflow: hidden;
  border: 5px solid #000;
  background: url(../img/common/ico_arw02.png) no-repeat 15px center;
  text-decoration: none;
}
#jirei .btn a:hover {
	color: #fff;
	background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
	background-color: #000;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
  #jirei .btn a .sTxt {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    display: block;
}
#jirei .capTxt {
  font-size: 14px;
  text-align: left;
  padding-top: 7px;
  display: block; 
}

#jirei .btnPtn1 a {
  min-width: 350px;
  width: auto;
}

#jirei .btnSiryo a {
  width: 450px;
  min-width: 450px;
  width: auto;
  display: inline-block;
  padding: 20px 0;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border: 5px solid #461f02;
  background: url(../img/common/ico_arw02_w.png) no-repeat 20px center;
  text-decoration: none;
  background-color: #461f02;
}
#jirei .btnSiryo a:hover {
	color: #fff;
	background: url(../img/common/ico_arw02_w.png) no-repeat 20px center;
	background-color: #000;
	border: 5px solid #000;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
}
#jirei .btn a + a {
  margin-left: 20px;
}
#jirei h2 {
  font-size: 22px;
  font-weight: bold;
  color: #0075c1;
  margin-top: 40px;
  margin-bottom: 0px !important;
  padding: 0 !important;
}
#jirei h3 {
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  border-left: none !important;
}
#jirei h3 span {
	border: none !important;
	padding-left: 0 !important;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
}
#jirei h3 span.Txt {
	border: none !important;
	padding-left: 0.5em !important;
	width: 85%; 
}
#jirei .h3Box {
  background-color: #0075c1;
  font-size: 15px;
  padding: 10px 18px !important;
  display: inline-block;
  color: #fff;
}
  #jirei .h3Box:nth-child(2) {
    margin-left: 5px;
}
#jirei .caption {
  text-align: left !important;
  margin-top: 10px;
  display: block;
}
#jirei .contact_bnr1 {
  max-width: 571px;
}
#jirei #cont .contact_bnrbox {
  margin-bottom: 100px; 
}
#jirei #cont .wrap2 {
  padding-bottom: 20px;
}
#jirei .headInner {
  position: relative;
  width: 966px;
  padding-bottom: 9px;
}
#jirei .headInner h1 {
  float: none;
  display: block;
}
#jirei .headInner nav {
  float: none;
  display: block; 
}
#jirei .headInner .Siryou a {
  position: absolute;
  top: 15px;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 40px;
  padding: 4px 10px 5px 43px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  border: 5px solid #461f02;
  background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
  text-decoration: none;
  background-color: #461f02;
}
#jirei .headInner .Siryou a:hover {
	color: #000;
	background: url(../img/common/ico_arw02.png) no-repeat 15px center;
	background-color: #fff;
	border: 5px solid #fff;
	-webkit-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s; 
}
/**/
@media only screen (max-width: 640px) {
	#cont .wrap4 {
		width: 100%; } 
	#cont .wrap4 .arealeft {
		width: 50%;
		padding-right: 1.25em; 
	}
  #cont .caselist_box div.Img {
    float: none;
    width: 100%;
    text-align: center;
    max-width: none; 
	}
  #cont .caselist_box > div.Txt {
    float: none;
    text-align: left;
    padding-left: 0%;
    width: 100%;
    padding-top: 0.75em;
	}
  #cont .caselist_box > div.Txt .ttl {
    font-size: 13px;
	} 
	/**/
  #jirei .btn a + a {
    margin-left: 0px;
    margin: 0 auto;
    display: block;
	}
  #jirei .btn a {
    display: block;
    margin: 0 auto;
    font-size: 1.6rem;
    max-width: 370px;
    min-width: initial;
	}
  #jirei .btn a:last-child {
    margin-top: 20px;
	}
  #jirei h2 {
    font-size: 18px; }
  #jirei .btnPtn1 a {
    max-width: 370px;
    width: auto;
    min-width: initial;
	}
  #jirei .h3Box {
    padding: 8px 20px !important;
    display: block; 
	}
  #jirei h3 span.Txt {
    width: 100%;
    margin-top: 8px;
    padding-left: 0 !important;
	}
  #jirei .btnSiryo a {
    padding: 20px 20px;
    max-width: 370px !important;
    width: auto !important;
    min-width: initial;
	}
  #jirei .btn02 a {
    background-size: auto;
    width: 280px;
    background-color: rgba(255, 255, 255, 0);
	}
  #jirei #cont .wrap2 {
    padding: 0 !important;
	}
  #jirei #cont .contact_bnrbox {
    margin-bottom: 50px;
	}
  #jirei #cont .wrap2 .title {
    width: 88%;
	}
  #jirei #gNav {
    border-bottom: none;
    text-align: initial;
	}
  #jirei #gNav ul {
    height: auto;
    text-align: initial;
    display: block;
	}
  #jirei #gNav ul li {
    border-left: none;
    height: auto;
    width: auto;
    display: block; 
	}
  #jirei #gNav ul li a {
    padding: 4% 5% !important; }
  #jirei .headInner {
    width: auto; 
	}
  #jirei .headInner .Siryou {
    padding-top: 10px;
	}
  #jirei .headInner .Siryou a {
    width: 200px;
    position: initial;
    display: inline-block;
    padding: 4px 10px 5px 43px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    border: 5px solid #461f02;
    background: url(../img/common/ico_arw02_w.png) no-repeat 15px center;
    text-decoration: none;
    background-color: #461f02;
    margin-top: 5px;
	}
	#jirei .headInner .Siryou a:hover {
		color: #000;
		background: url(../img/common/ico_arw02.png) no-repeat 15px center;
		background-color: #fff;
		border: 5px solid #fff;
		-webkit-transition: 0.8s;
		-o-transition: 0.8s;
		transition: 0.8s;
	}
  #jirei #globalheader {
    height: auto;
	}
}
.modal {
	display: none; 
	position: fixed; 
	z-index: 1; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4); 
}
.modal-content {
	margin: 0% auto; 
	padding: 20px;
	width: 80%; 
}
.close {
	color: #fff;
	float: right;
	font-size: 50px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
.modal-content iframe{
	width: 100%;
	aspect-ratio: 960 / 540;

}