@charset "UTF-8";

/*--- ▼common、baseファイル読み込み ------*/
@import url("./common/common.css");
@import url("./common/base.css");





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

	▼h2、アンカーリンクボタン設定

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

div#contentWrap>h2{ width:100%; min-width:1200px; float:left; }

div.contentBtn{ width:100%; padding:45px 0 50px; float:left; }
div.contentBtn nav{ width:1200px; margin:0 auto; }
div.contentBtn ul{ width:100%; float:left; }
div.contentBtn li{ padding:0 15px; float:left; }
div.contentBtn li a{ color:#474747; text-decoration:none; }
div.contentBtn li a::before {
    content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #bfbfbf;  /* 背景色指定 */
	border:1px solid #979797;
    border-radius:  50%;        /* 要素を丸くする */
	margin-right:5px;
}
div.contentBtn li a:hover{ text-decoration:underline; }
div.contentBtn li a:hover::before{ background-color: #26a1a1; border:1px solid #26a1a1; }



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

	▼ class section_wrap wrap_gray　などの設定

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

.section_wrap{ width:100%; float:left; }
.wrap_gray{ background-color:#eeeeee; }

.section_wrap h3{ width:34%; margin:0 33%; padding-bottom:20px; border-bottom:1px solid #000; font-size:1.4em; letter-spacing:0.4em; color:#009999; font-weight:bold; text-align:center; float:left; }


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

	▼ 代表挨拶設定

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


div#greetingArea{ width:1200px; margin:20px auto 30px; }

div#greetingArea p{ width:60%; padding:30px 0 0; font-size:1.3em; line-height:2em; float:left; }
img.greetingPhoto{ width:29%; padding:30px 0; float:right; }
p.greetingPhotobottom{ width:100%!important; padding:0 0 30px!important; text-align:right; float:left; }


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

	▼ 会社概要設定

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

div#outlineArea{ width:1200px; margin:20px auto 30px; }

div.outline_left{ width:46%; padding:30px 0; float:left; }
div.outline_right{ width:50%; padding:30px 0; float:right; }

div.outline_left table{ width:100%; font-size:1.2em; float:left; }
div.outline_left table th{ width:15%; font-weight:normal; vertical-align: top; }
div.outline_left table td{ width:80%; margin-left:5%; }

div.outline_left table th span{ display:block; width:100%; padding:5px 0; margin-top:7px; background-color:#009999; color:#fff; float:left; }
div.outline_left table th span.span2{ background-color:#fff; color:#009999; box-sizing:border-box; border:1px solid #009999;}
div.outline_left table td span{ display:block; width:84%; padding:5px 1% 4px; margin-top:7px; margin-left:5%; border-bottom:1px solid #009999; float:left; }
div.outline_left table td span a.outline_btn{ display:block; padding:0 5px; border-radius:5px; background-color:#009999; color:#fff; text-decoration:none; float:right; }
div.outline_left table td span a.tel-link{ color:#535353; text-decoration:none; }

div.outline_imgArea{ width:100%; float:left; }
div.mainImg{ width:100%; height:400px; float:left; }

ul.changeImg{ width:100%; padding:20px 0; float:left; }
ul.changeImg li{ width:19%; margin-right:1%; float:left; }
ul.changeImg li:last-child{ margin-right:0%; }
ul.changeImg li img:hover{ cursor: pointer; }

div.outline_right table{ width:100%; font-size:1.2em; float:left; }
div.outline_right table th{ width:15%; font-weight:normal; vertical-align: top; }
div.outline_right table td{ width:80%; margin-left:5%; }

div.outline_right table th span{ display:block; width:100%; padding:5px 0; margin-top:7px; background-color:#009999; color:#fff; float:left; }
div.outline_right table td span{ display:block; width:84%; padding:5px 1% 4px; margin-top:7px; margin-left:5%; border-bottom:1px solid #009999; float:left; }



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

	▼ 営業品目設定

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

div#bizitemArea{ width:1200px; margin:20px auto 30px; }


div#bizitemArea table{ width:100%; padding:30px 0 40px; font-size:1.2em; float:left; }
div#bizitemArea table th{ width:10%; font-weight:normal; vertical-align: top; }
div#bizitemArea table td{ width:80%; margin-left:5%; }

div#bizitemArea table th span{ display:block; width:100%; padding:5px 0; margin-top:7px; background-color:#009999; color:#fff; float:left; }
div#bizitemArea table td span{ display:block; width:85%; padding:5px 1% 4px; margin-top:7px; margin-left:3%; border-bottom:1px solid #009999; float:left; }


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

	▼ 各部門からの声設定

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

div#department_voiceArea{ width:1200px; margin:20px auto 30px; }

div.department_voiceBox{ width:98%; padding:7px 1%; margin-bottom:10px; background-color:#fff; float:left; }
div.department_voiceBox:nth-child(1){ margin-top:10px!important; }
div.department_voiceBox:last-child{ margin-bottom:20px; }
div.department_voiceImg{ width:20%; float:left; }
div.department_voice_detail{ width:78%; padding-left:2%; float:left; }
div.department_voice_detail h4{ width:100%; padding-bottom:3px; border-bottom:1px #000 solid; font-weight:bold; float:left; }
div.department_voice_detail h4 strong{ font-size:1.4em; }
div.department_voice_detail h4 small{ font-size:1.2em; padding-left:20px; }
div.department_voice_detail p{ width:100%; font-size:1.2em; padding-top:7px; float:left; }

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

	▼ 保有機械・安全協議会設定

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

div#section2content{ width:96%; padding:0 2%; margin:20px 0 30px; float:left; }
div#section2Area{ width:1200px; margin:0 auto; }

.section_wrap2{ width:48%; }
.section_wrap2 h3{ width:70%; margin:0 15%; padding-bottom:20px; border-bottom:1px solid #000; font-size:1.4em; letter-spacing:0.4em; color:#009999; font-weight:bold; text-align:center; float:left; }

#machine{ float:left; }
#discussion{ float:right; }

div.machineArea{ width:100%; float:left; }
div.machineArea p{ width:70%; padding:20px 15%; font-size:1.2em; text-align:center; float:left; }

div.machineBox{ width:46%; margin:20px 2%; float:left; }
.machineImg{ width:100%; float:left; }
div.machineBox>p{ width:100%!important; padding:5px 0 0 0!important; text-align:left; float:left; }


div.discussionArea{ width:100%; float:left; }
div.discussionArea>p{ width:70%; padding:20px 15%; text-align:left; font-size:1.2em; float:left; }
div.discussion_img{ width:70%; margin:0 15%; float:left; }
div.discussion_img>p{ width:100%; text-indent:1em; padding:5px 0 10px; font-size:1em; float:left; }

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

	▼ map設定

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

div#googlemapArea{ width:1200px; margin:20px auto 30px; }

div.gmapBox{ width:100%; padding:20px 0; float:left; }
div.gmapBox h4{ width:100%; float:left; }
div.gmapBox h4 span{ display:inline-block; padding:3px 7px; font-size:1.3em; border-radius:5px; background-color:#009999; color:#fff; }
div.gmapBox p{ width:100%; padding-bottom:5px; margin:10px 0; border-bottom:1px solid #009999; text-align:left; font-size:1.2em; float:left; }

div.gtag{ width:100%; height:0; overflow: hidden; padding-bottom: 56.25%; position: relative; }
div.gtag iframe{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }