@charset "UTF-8";
/*共通*/
body {
	margin: 0 auto;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #222;
	min-width: 980px;
	background-color: #fff;
}
.mt20{
	margin-top:20px;
}
.header_wrap {
	position: relative;
	width: 980px;
	margin: 0 auto;
}
#header {
	width: 980px;
	margin: 0 auto;
	z-index: 1000;
}
.logo_area {
	display: inline-block;
}
.logo_area a {
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.logo_area a:hover {
	opacity: 0.6;
}
.top_inner {
	padding: 30px 0 0;
	width: 980px;
	margin: 0 auto;
}
.topix_inner {
    margin-top: 30px;
}
.topix_inner a{
    line-height: 1.5;
	text-decoration: underline;
}
.top_inner h2, .top_inner h3 {
	margin-bottom: 17px;
	color: #0a3a88;
}
.btn_green {
	border: #3aab9e 1px solid;
	display: inline-block;
}
.btn_green a {
	color: #3aab9e;
	padding: 4px 12px 3px;
}
.btn_green a:hover {
	color: #fff;
	background-color: #3aab9e;
}
.btn_white {
	border: #fff 1px solid;
	display: inline-block;
}
.btn_white a {
	position: relative;
	z-index: 100;
	color: #fff;
	padding: 4px 12px 3px;
}
.btn_white a:hover {
	color: #222;
	background-color: #fff;
}
.btn_green a, .btn_white a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.btn_green a::before, .btn_white a::before, .btn_green a::after, .btn_white a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn_green a, .btn_white a, .btn_green a::before, .btn_white a::before, .btn_green a::after, .btn_white a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	transition: all .5s;
}
#footer_area {
	margin-top: 25px;
}
#footer {
	width: 100%;
	display: block;
	background-color: #5079af;
}
.totop {
	float: right;
	margin-top: -25px;
}
.s_totop {
	margin-top: 6px;
}
#copy {
	padding: 10px 0;
	font-size: 10px;
	width: 980px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}
/*グローバルナビ*/
#gnav {
	width: 690px;
	margin: 0 auto;
	float: right;
}
#gnav .head_subnav {
	float: right;
	width: 690px;
	background-color: #0a3a88;
	height: 30px;
}
#gnav .head_subnav li {
	float: left;
	width: 92px;
	height: 30px;
}
#gnav .head_subnav li a {
	width: 92px;
	height: 30px;
	display: block;
}
#gnav .head_subnav .subnav_first {
	margin-left: 180px;
	margin-right: 10px;
	width: 314px;
	color: #fff;
}
#gnav .head_subnav .subnav_first img {
	margin-top: 2px;
}
#gnav .head_subnav .subnav_first p {
	display: inline-block;
	margin-left: 5px;
	margin-right: 10px;
	position: relative;
	bottom: 6px;
	font-size: 12px;
}
#gnav .acc_nav {
	width: 690px;
	background-color: #2d579a;
	float: right;
}
#gnav .acc_nav li {
	width: 115px;
	height: 40px;
	float: left;
}
#gnav .acc_nav li a {
	width: 115px;
	height: 40px;
	display: block;
}
.acc_child {
	display: none;
	position: relative;
	z-index: 300;
	height: 80px;
}
#gnav .btn_home {
	background: url(../images/btn_nav_hover_home.jpg) no-repeat 0 0;
}
#gnav .btn_company {
	background: url(../images/btn_nav_hover_company.jpg) no-repeat 0 0;
}
#gnav .btn_business {
	background: url(../images/btn_nav_hover_business.jpg) no-repeat 0 0;
}
#gnav .btn_service {
	background: url(../images/btn_nav_hover_service.jpg) no-repeat 0 0;
}
#gnav .btn_news {
	background: url(../images/btn_nav_hover_news.jpg) no-repeat 0 0;
}
#gnav .btn_recruit {
	background: url(../images/btn_nav_hover_recruit.jpg) no-repeat 0 0;
}
#gnav .btn_konnakaisha {
	background: url(../images/btn_nav_hover_konnakaisha.png) no-repeat 0 0;
}
#gnav .btn_saiyou {
	background: url(../images/btn_nav_hover_saiyou.png) no-repeat 0 0;
}
#gnav .btn_contact {
	background: url(../images/btn_subnav_hover_contact.jpg) no-repeat 0 0;
}
#gnav .btn_access {
	background: url(../images/btn_subnav_hover_access.jpg) no-repeat 0 0;
}
#gnav .btn_link {
	background: url(../images/btn_subnav_hover_link.jpg) no-repeat 0 0;
}
#header_home .acc_nav .btn_home img {
	display: none;
}
/*メインビジュアル*/
#img_wrap {
	background-color: #148a97;
	width: 100%;
}
.bg_top-img {
	height: 550px;
}
#img_contents {
	margin: 0 auto;
	width: 980px;
	height: auto;
}
#topimg {
	margin: 0 auto;
	position: relative;
}
#topimg h1 {
	position: relative;
	z-index: 250;
}
#topimg .main_img li {
	display: none;
	float: left;
	position: absolute;
}
#topimg .main_img .img01 {
	top: 0px;
}
#topimg .main_img .img02 {
	top: 0px;
	left: 328px;
}
#topimg .main_img .img03 {
	top: 0px;
	left: 652px;
}
/*トップページコンテンツ共通*/
#top_greeting, #top_recycle, #top_business, #top_konna, #top_service, #top_news, #top_topics {
	text-align: center;
}
/*block1-会社案内*/
#top_greeting, #top_news, #top_topics {
	width: 750px;
	margin: 0 auto;
}
#area1 {
	padding-bottom: 20px;
}
/*block2-リサイクル・事業内容・こんな会社で〜*/
#area2 {
	background-color: #dbe4f2;
	padding-bottom: 30px;
}
#area2 h2, #area2 p {
	color: #fff;
}
#area2 li {
	float: left;
	padding: 0px 0px 20px;
	width: 310px;
	height: 140px;
}
#top_recycle, #top_business, #top_konna {
	padding: 20px 10px 0;
	height: 140px;
}
#top_recycle {
	background: url(../images/bg_top_recycle.jpg) no-repeat 0 0;
}
#top_business {
	background: url(../images/bg_top_works.jpg) no-repeat 0 0;
}
#top_konna {
	background: url(../images/bg_top_konnakasha.jpg) no-repeat 0 0;
}
#area1 .top_txt, #area4 li p {
	margin-bottom: 15px;
}
#area2 #top_recycle h2 {
	margin-bottom: 16px;
}
#area2 #top_recycle p {
	margin-bottom: 19px;
}
#area2 #top_business h2 {
	margin-bottom: 6px;
}
#area2 #top_business p {
	margin-bottom: 8px;
}
#area2 #top_konna h2 {
	margin-bottom: 28px;
}
#area2 #top_konna .top_konna_txt {
	margin-bottom: 27px;
}
#area2 li+li {
	margin-left: 25px;
}
/*block-お知らせ*/
#area3 {
	padding-bottom: 30px;
}
#top_news .btn_green,
#top_topics .btn_green {
	margin-top: 20px;
}
#top_news li,
#top_topics li {
	text-align: left;
	display: inline-block;
	width: 750px;
}
#top_news li+li,
#top_topics li+li {
	margin-top: 30px;
}
#top_news .news_l,
#top_topics .news_l {
	width: 210px;
	float: left;
}
#top_news .news_r,
#top_topics .news_r {
	width: 540px;
	float: right;
}
#top_news .date,
#top_topics .date {
	width: 155px;
	display: inline-block;
	float: left;
	padding-top: 3px;
}
#top_news .news_new,
#top_topics .news_new {
	display: inline-block;
	background: url(../images/icon_news_new.gif) no-repeat 0 0;
	color: #fff;
	float: left;
	padding: 3px 11px 3px;
}
/*block4-ヨドセイで解決*/
#area4 {
	background-color: #dbe4f2;
	padding-bottom: 30px;
}
#area4 ul li {
	float: left;
	width: 480px;
	height: 216px;
	background-color: #CCCCCC;
	padding: 22px 33px;
	border: 2px solid #999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#area4 li+li {
	margin-left: 20px;
}
#area4 .low2 {
	margin-top: 20px;
}
#area4 ul li p {
	text-align: left;
}
#area4 ul li .btn_point {
	text-align: center;
	margin: 0;
}
#area4 ul .point1 {
	background: url(../images/bg_point1.jpg) no-repeat 0 50%;
}
#area4 ul .point1 .btn_point, #area4 ul .point2 .btn_point, #area4 ul .point3 .btn_point, #area4 ul .point4 .btn_point, #area4 ul .point5 .btn_point, #area4 ul .point6 .btn_point {
	position: absolute;
	bottom: 20px;
	left: 187px;
}
#area4 ul .point2 {
	background: url(../images/bg_point2.jpg) no-repeat 0 50%;
}
#area4 ul .point3 {
	background: url(../images/bg_point3.jpg) no-repeat 0 50%;
}
#area4 ul .point4 {
	background: url(../images/bg_point4.jpg) no-repeat 0 50%;
}
#area4 ul .point5 {
	background: url(../images/bg_point5.jpg) no-repeat 0 50%;
}
#area4 ul .point6 {
	background: url(../images/bg_point6.jpg) no-repeat 0 50%;
}
/*下層ページ共通*/
#wrap {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.pankuzu {
	margin: 20px 0;
	font-size: 10px;
}
.pankuzu a {
	display: inline-block;
	color: #1f4a91;
}
#contents_wrap {
	width: 780px;
	float: left;
}
#wrap .bg_h2 {
	background: url(../images/bg_h2.gif) no-repeat 0 0;
	height: 40px;
	margin-bottom: 20px;
}
#wrap h2 {
	color: #fff;
	padding-top: 11px;
	padding-left: 11px;
}
#wrap h3 {
	border-left: 6px solid #1f4a91;
	padding-left: 5px;
	padding-top: 4px;
	margin-bottom: 20px;
}
.con_area {
	margin-bottom: 25px;
}
.con_inner {
	margin-left: 10px;
}
/*サイドナビ共通*/
#side_wrap {
	width: 170px;
	float: right;
}
#side_nav {
	width: 160px;
	float: right;
	background-color: #E7EFF1;
	margin: 50px 0 0 0;
	padding: 12px 5px;
}
.s_nav_tit {
	color: #009b87;
	text-align: center;
	padding: 0 3px 8px;
	border-bottom: 2px solid #999999;
	margin-bottom: 8px;
}
.btn_page_link {
	margin-bottom: 14px;
}
.btn_page_link li {
	background-color: #fff;
}
.btn_page_link li+li, .btn_submenu li+li {
	margin-top: 6px;
}
.btn_page_link a {
	padding: 6px 0;
	font-size: 12px;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.btn_page_link a:hover {
	opacity: 0.4;
}
.btn_page_link img {
	margin: 0 5px;
}
.btn_submenu li {
	width: 160px;
	height: 24px;
}
.btn_submenu li a {
	width: 160px;
	height: 24px;
	display: block;
}
.s_nav_access {
	background: url(../images/btn_hover_s-nav_access.gif) no-repeat 0 0;
}
.s_nav_contact {
	background: url(../images/btn_hover_s-nav_contact.gif) no-repeat 0 0;
}
.s_nav_link {
	background: url(../images/btn_hover_s-nav_link.gif) no-repeat 0 0;
}
.fixed {
	position: fixed;
	top: -40px;
}




/*20200519 追加*/
#topimg p{
    position: absolute;
    bottom: 10px;
    z-index: 300;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    background-color: rgba(255,255,255,0.85);
    padding: 6px 6px;
    text-align: center;
    font-weight: bold;
    width: 600px;
    font-size: 16px;
}
#topimg p span{
    display: block;
    text-align: right;
}

#topics_area1 .con_area p{
	margin: 1.5rem 0;
}