@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

 メディアクエリによる切り替え：PCデスクトップ

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

@media only screen and (min-width:769px){
/* ===============================

 TOP

===============================*/
/*-------- ファーストビューカーテン -------*/
#curtain{	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	z-index: 10000;

}

#curtain .logo{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 321px;
	height: 51px;
	margin: auto;
	display: none;

}

#curtain .line{
	width: 0;
	height: 5px;
	background-color: #4CBA7B;

}


#top .block{
	padding: 70px 0 70px;

}
/*-------- main -------*/

#top .main{
	background-image: url(../img/top/main_bg-pc.jpg);
	background-position: center bottom;
	/* height: 620px;
	height: 56.4vw; */
	min-height: 0;
	height: 47.7vw;

}
	/* #top .main_txt{
	    padding-top: 245px;
	} */
	#top .main_txt .txt1{
	    max-width: 425px;
	}
	#top .main_txt .txt1 img{
	    width: 38.6vw;
	    max-width: 425px;
	}
	#top .main_txt .txt2{
	    font-size: 20px;
	    margin-top: 20px;
	    line-height: 1.6;
	}

#top .movie_block{
	padding: 50px 0;
}

/*-------- block1 works -------*/

#top .works_ttl{
	font-size: 46px;
	margin-bottom: 32px;

}
#top .works_txt{
	font-size: 15px;
	width: 500px;
	margin-bottom: 32px;

}
	#top .works_list li.imgbox.img1{
	    width: 21.4%;
	    width: 177px;
	}
	#top .works_list li.imgbox.img2{
	    width: 34.1%;
	    width: 283px;
	}
	#top .works_list li.imgbox.img3{
	    width: 22.8%;
	    width: 191px;
	}
	#top .works_list .deco{
	    width: 3%;
	    width: 24px;
	}

#top .works_list{
	max-width: 770px;
	width: 83vw;

}
/*-------- block2 business -------*/

#top .business_ttl{
	font-size: 40px;
	margin-bottom: 32px;

}

#top .business_txt{
	font-size: 15px;
	margin-bottom: 32px;

}

#top .business_list{
	display: table;
	max-width:1100px;
	width: 92vw;

}

#top .business_list .type{
	display:table-cell;
	width: 50%;
	height: 260px;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;


}

#top .business_list a{
	display: table;
	height: 100%;

}
	#top .business_list .type a:before{
	    transition: .5s;
	}
	#top .business_list .type a:hover:before{
	    transform:scale(1.06, 1.06);
	}
	#top .business_list .type a:hover .btn_more{

		background-color: #fff;

		color: #000000;

		text-shadow:none;
	}


	#top .business_list .btnbox{
	    display: table-cell;
	    vertical-align: middle;
	}
	#top .business_list .btnbox .ttl{
	    font-size: 28px;
	    line-height: 1.2;
	}

/* @media screen and (max-width:1100px){
	#top .business_list .btnbox .ttl{
	    font-size: 24px;
	}

} */
/*-------- block3 message -------*/

#top .msg_block{
	padding: 120px 0;
	overflow: hidden;

}
	#top .msg_block .cmn-width{
	    margin: 0 auto;
	}

#top .msg_ttl{
	font-size: 38px;
	margin-bottom: 32px;
	text-align: left;

}

#top .msg_txt1{
	font-size: 15px;
	margin-bottom: 48px;
	text-align: left;

}

#top .msg_txt2{
	font-size: 14px;
	text-align: left;
	margin-bottom: 0;

}
#top .msg_deco{
	width: 100%;
	position: absolute;
	bottom:0;

}

#top .msg_deco .inner{
	max-width: 1100px;
	margin: 0 auto;
	width: 92vw;
	text-align: right;

}

#top .msg_deco .inner img{
	display: inline-block;
	width: 528px;
	margin-right: -20px;

}
#top .block.block5{
	padding:0 0 60px;
}
#top .block .flex{
	display: flex;
	margin:0;
	flex-wrap:wrap;
	justify-content: space-between;
}
#top .sns_box{
	width:31%;
	height:300px;
	float:left;
}


/* ===============================

 metal 特殊金属事業

===============================*/

#metal .block{
	padding: 60px 0 70px;

}

#metal .cmn-main .txtbox .txt1{
	width: 650px;

}

/*-------- block1 materials -------*/

#metal .block1{
	padding-bottom: 35px;

}

#metal .block1 .cmn-ttl1_sub{
	margin-bottom: 32px;

}
	#metal .material_list li{
	    width: 245px;
	}

/* @media screen and (max-width:1150px){
	#metal .material_list li{
	    width: 30%;
	}

} */
/* ===============================

 eco エコロジー事業

===============================*/

#eco .cmn-main .txtbox .txt1{
	width: 580px;

}

#eco .cmn-list1 li:first-child .txt1{
	max-width: 500px;

}
/* ===============================

 eco-detail1 健康飼料事業

===============================*/

#eco_d1 .cmn-txt1{
	margin-bottom: 36px;

}
/* @media screen and (min-width:1150px){

#eco_d1 .cmn-list1 .ttl1{
	margin-top: 90px;

}

} */
/*-------- block2 -------*/

#eco_d1 .advantage_list li{
	width: 16%;

}

#eco_d1 .advantage_list .txtbox{
	font-size: 15px;

}

#eco_d1 .block2 .txt_contact{
	font-size: 15px;
	margin: 36px 0 18px;

}
#eco_d1 .block2 .inner:first-child{
	margin-bottom: 50px;
	padding-bottom: 50px;

}
#eco_d1 .graph{
	margin-top: 0;

}
/*-------- block3 -------*/

#eco_d1 .feed_list{
	display: flex;
	justify-content: space-between;

}
	#eco_d1 .feed_list li{
	    max-width: 340px;
	    width: 28vw;
	}
	#eco_d1 .feed_list .txtbox{
	    font-size: 18px;
	}
/* ===============================

  eco_d2 環境機器事業

===============================*/

#eco_d2 .break{
	display: inline-block;

}

#eco_d2 .cmn-main .txtbox .txt1{
	width: 590px;

}

#eco_d2 .cmn-txt1{
	margin-bottom: 36px;

}

/*-------- block1 materials -------*/

#eco_d2 .block1{
	padding-bottom: 50px;

}

#eco_d2 .block1 .cmn-ttl1_sub{
	margin-bottom: 36px;

}

#eco_d2 .domain_list li{
	width: 245px;
	float: none;

}

#eco_d2 .domain_list li:nth-child(even){
	float: none;

}

/* @media screen and (max-width:1150px){
	#eco_d2 .domain_list li{
	    width: 47%;
	}

} */

#eco_d2 .domain_list .txtbox{
	margin-top: 12px;

}
/*-------- block3 -------*/

#eco_d2 .block3 .cmn-txt1{
	margin: 18px 0 48px;

}

#eco_d2 .pentair_list .ptxt1{
	font-size: 22px;
	margin: 20px 0 12px;

}

#eco_d2 .pentair_list .ptxt2{
	font-size: 15px;
	margin-bottom: 38px;

}
/*-------- block4 -------*/

#eco_d2 .block4 .container{
	padding:56px 7% 5%;

}

#eco_d2 .block4 .container:not(:last-child){
	margin-bottom: 30px;

}

#eco_d2 .block4 .ttl1{
	margin-bottom: 52px;

}

#eco_d2 .block4 .ttl1 .txt{
	font-size: 32px;
	padding: 0 35px;

}

#eco_d2 .block4 .ttl1_sub{
	font-size: 22px;
	margin-bottom: 20px;

}

#eco_d2 .block4 .icon_deco{
	padding-left: 10px;
	line-height: 1.2;

}

#eco_d2 .block4 .txt1{
	font-size: 15px;
	margin-bottom: 28px;

}

#eco_d2 .block4 .list1 li{
	font-size: 20px;

}

#eco_d2 .block4 .list1 li:not(:last-child){
	margin-bottom: 18px;

}

#eco_d2 .block4 .list1 li span{
	font-size: 15px;

}

#eco_d2 .block4 .txt2{
	font-size: 22px;
	margin-bottom: 30px;

}

/* @media screen and (min-width:900px){
	#eco_d2 .block4 .container2 .txt1{
	    text-align: center;
	}

}

@media screen and (min-width:1150px){
	#eco_d2 .block4 .inner{
	    position: relative;
	}
	#eco_d2 .block4 .imgbox1,
	#eco_d2 .block4 .imgbox2,
	#eco_d2 .block4 .imgbox3,
	#eco_d2 .block4 .imgbox4{
	    margin: 0;
	}
	#eco_d2 .block4 .imgbox1 img,
	#eco_d2 .block4 .imgbox2 img,
	#eco_d2 .block4 .imgbox3 img,
	#eco_d2 .block4 .imgbox4 img{
	    width: 100%;
	}
	#eco_d2 .block4 .imgbox1{
	    width: 266px;
	    position: absolute;
	    right: 20px;
	    top: 0;
	}
	#eco_d2 .block4 .imgbox4{
	    width: 230px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	#eco_d2 .block4 .graybox{
	    padding: 40px;
	    margin-top: 40px;
	}
	#eco_d2 .block4 .graybox .inner{
	    zoom:1;
	}
	    #eco_d2 .block4 .graybox .inner:after{
	        display: block;
	        content:"";
	        clear: both;
	    }
	    #eco_d2 .block4 .imgbox2{
	        float:left;
	    }
	    #eco_d2 .block4 .imgbox3{
	        float:right;
	    }
} */
/* ===============================

 support 支援活動

===============================*/

#support .cmn-main .txtbox .txt1{
	width: 500px;

}
/*-------- block1 -------*/

#support .block1 .ttl1{
	font-size: 36px;
	line-height: 1.6;
	margin-bottom: 30px;

}
#support .block1 .txt1{
	font-size: 15px;
	line-height: 2.0;
	max-width: 777px;
	margin: 0 auto 40px;
	text-align: center;

}

#support .block1 .link1{
	font-size: 18px;
	margin-bottom: 16px;

}

#support .block1 .info1{
	font-size: 13px;

}
/*-------- block2 -------*/

#support .block2 .cmn-ttl1_sub{
	margin-bottom: 40px;

}

#support .contribution_list{
	max-width: none;
	margin: 0;
	display: flex;
	justify-content: space-between;

}

#support .contribution_list li{
	width: 340px;

}
	#support .contribution_list li:not(:last-child){
	    margin: 0;
	    padding: 0 2% 0 0;
	    border: none;
	}

#support .contribution_list .imgbox{
	margin-bottom: 18px;
	text-align: center;

}
	#support .contribution_list .imgbox img{
	    max-width: 340px;
	}

#support .contribution_list .subttl{
	font-size: 21px;
	margin-bottom: 12px;
	text-align: left;

}
	#support .contribution_list .subttl .icon_deco{
	    display: block;
	}
	#support .contribution_list .subttl span{
	    margin-right: 0.5em;
	}

#support .contribution_list .txtbox{
	font-size: 15px;
	line-height: 1.6;

}
/* ===============================

 recruit 採用情報

===============================*/
/*-------- block1 -------*/

#recruit .block1{
	padding: 80px 0;

}

#recruit .block1 .ttl1{
	font-size: 38px;
	margin-bottom: 32px;

}

#recruit .block1 .txt1{
	font-size: 18x;
	line-height: 1.6;

}
/*-------- block2 -------*/

#recruit .block2{
	padding: 70px 0;

}

#recruit .message_list li{
	zoom:1;

}
	#recruit .message_list li:after{
	    clear: both;
	    display: block;
	    content:"";
	}

#recruit .message_list li:not(:last-child){
	margin-bottom: 60px;
	padding-bottom: 60px;

}

#recruit .message_list .subttl{
	font-size: 21px;
	margin-bottom: 18px;
	text-align: left;

}
	#recruit .message_list .subttl .icon_deco{
	    display: block;
	}

#recruit .message_list .txt1{
	font-size: 15px;
	line-height: 2;
	max-width:none;
	margin: 0;
}
#recruit .message_list .txtbox{
	margin-bottom: 0;
	float:left;
	max-width: 585px;
	width: 53.3%;
}
#recruit .message_list .name{
	margin-top: 30px;
}
#recruit .message_list .name img{
	height: 17px;
}
#recruit .message_list .name_en img{
	height: 15px;
}

#recruit .message_list .imgbox{
	float:right;
	max-width: 476px;
	width: 43.3%;

}
/*-------- block3 -------*/

#recruit .block3 .cmn-ttl1_sub{
	margin-bottom: 40px;
}
#recruit .support_list li{
	padding: 40px;
}
#recruit .block3 .subttl{
	font-size: 22px;
	margin-bottom: 18px;
	text-align: left;
}
	#recruit .block3 .subttl .icon_deco{
		display: block;
	}

	#recruit .block3 .txt1{
		font-size: 15px;
		max-width:none;
	}

#recruit .block3 .imgbox,
#recruit .block3 .txtbox{
	box-sizing: border-box;
}
#recruit .block3 .inner_tbl{
	display: table;
	width: 100%;
}
#recruit .block3 .inner_tbl .txtbox,
#recruit .block3 .inner_tbl .imgbox{
	display: table-cell;
	vertical-align: top;
}
#recruit .block3 .txtbox{
	width: 55%;
	padding-right: 1.6%;
	/* float:left; */
	font-size: 14px;
}
#recruit .block3 .imgbox{
	/* width: 436px; */
	/* float:right; */
	background-size: cover;
	background-position: right center;
}
	#recruit .block3 .imgbox.hide-pc{ display: none !important; }
	#recruit .block3 .imgbox.img1{ background-image: url(../img/recruit/block3_img1-pc.jpg); }
	#recruit .block3 .imgbox.img2{ background-image: url(../img/recruit/block3_img2-pc.jpg); }
	#recruit .block3 .imgbox.img3{ background-image: url(../img/recruit/block3_img3-pc.jpg); }
#recruit .block3 .check_list{
	padding: 25px 25px 30px;
}
#recruit .block3 .check_list dt{
	font-size: 19px;
	line-height: 1.6;
}
#recruit .block3 .check_list .note_box{
	font-size: 12px;
}
#recruit .block3 .check_list dd:not(:last-child){
	margin-bottom: 24px;
	padding-bottom: 22px;
}

/* #recruit .block3 .cmn-ttl1_sub{
	margin-bottom: 40px;

}

#recruit .block3 .inner{
	zoom: 1;

}

#recruit .block3 .inner:after{
	display: block;
	content: "";
	clear: both;

}


#recruit .block3 .subttl{
	font-size: 21px;
	margin-bottom: 18px;
	text-align: left;

}
	#recruit .block3 .subttl .icon_deco{
	    display: block;
	    letter-spacing: 0;
	}

#recruit .block3 .txt1{
	font-size: 15px;
	line-height: 2.0;
	max-width:none;
	margin: 0;

}

#recruit .block3 .txt1:not(:last-child){
	margin-bottom: 32px;

}

#recruit .block3 .txtbox{
	margin-bottom: 0;
	float:left;
	width: 54%;
	max-width: 600px;

}

#recruit .block3 .imgbox{
	float:right;
	max-width:476px;
	width: 43.3%;

} */
/*-------- block4 flow -------*/

#recruit .block4{
	padding: 60px 70px;

}

#recruit .block4 .cmn-ttl1_sub{
	margin-bottom: 54px;

}

#recruit .flow_list{
	max-width: none;
	margin: 0;
	display: flex;

}

#recruit .flow_list li{
	padding: 40px 30px 20px 50px;
	box-sizing: border-box;
	width: 25%;

}
	#recruit .flow_list li:before{
	    position: absolute;
	    width: 18px;
	    height: 100%;
	    background: url(../img/recruit/arrow-white.png) no-repeat;
	    background-size: 100% 100%;
	}
	#recruit .flow_list .row1{
	    padding: 40px 40px 20px 35px;
	}
	#recruit .flow_list .row1:before{
	    background: none;
	}
	#recruit .flow_list .row2:before,
	#recruit .flow_list .row4:before{
	    background-image: url(../img/recruit/arrow-blue.png);
	}
	#recruit .flow_list .row4:after{
	    width: 18px;
	    height: 100%;
	    bottom: 0;
	    left: auto;
	    right: -18px;
	    left: auto;
	    background: url(../img/recruit/arrow-white.png) no-repeat;
	    background-size: 100% 100%;
	}
	#recruit .flow_list .num{
	    position: absolute;
	    top: -21px;
	    margin-left: -18px;
	    font-size: 20px;
	    padding: 12px 16px;
	    border-radius: 24px;
	}
	#recruit .flow_list .subttl{
	    font-size: 22px;
	    margin-bottom: 12px;
	    text-align: left;
	}
	#recruit .flow_list .subttl .note{
	    font-size: 15px;
	}
	#recruit .flow_list .txt1{
	    font-size: 15px;
	    line-height: 1.6;
	    text-align: left;
	}
/*-------- block5 info -------*/

#recruit .block5 .cmn-ttl1_sub{
	margin-bottom: 40px;

}

#recruit .block5 .inner{
	max-width: 860px;
	margin: 0 auto;

}

#recruit .tab_btns{
	border-bottom: 5px solid #0CB0BE;

}
	#recruit .tab_btns li{
	    font-size: 24px;
	    padding: 25px 0 20px;
	}
#recruit .tab_area{
	padding: 40px 35px;

}
	#recruit .info_tbl th{
	    padding: 20px;
	    font-size: 16px;
	    width: 25%;
	    max-width:210px;
	    letter-spacing: 0.1em;
	}
	#recruit .info_tbl td{
	    font-size: 15px;
	    line-height: 1.4;
	    padding: 20px 0 20px 20px;
	    letter-spacing: 0.1em;
	}

#recruit .infobox{
	padding: 40px;
	margin-top: 10px;

}

#recruit .info_subttl{
	font-size: 22px;
	margin-bottom: 8px;

}

#recruit .info_list{
	font-size: 15px;
	line-height: 2.0;

}


#recruit .contact_bnr a{
	max-width: 420px;
	width: 50%;
	font-size: 21px;
	padding: 20px 0 15px;

}



/*-------- block6 happy -------*/

#recruit .block6 h2{
	margin-bottom:50px;
}


#recruit .block6 .flex{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#recruit .block6 .white_box{
	max-width:514px;
	width:47%;
	padding:10px;
	float:left;
	background:#fff;
	box-shadow: 0 0 5px #ccc;
	margin-bottom:30px;
}

#recruit .block6 .subttl {
	font-size: 22px;
	margin:17px 5px 8px;
	text-align: left;
	text-indent:-1.7em;
	padding-left:2.1em;
}

#recruit .block6 .txt1{
	font-size: 15px;
	line-height: 1.6;
	padding:5px;
	max-width:none;
	margin: 0;
}

#recruit .block7 .sns_blc{
	width: 650px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
#recruit .block7 .sns_blc .instagram_ttl{
	width: 224px;
	margin-right: 30px;
}
#recruit .block7 .sns_blc .instagram_content{
	flex: 1;
}


/* ===============================

 privacy プライバシーポリシー

===============================*/

#privacy .inner{
	max-width: 860px;

}

#privacy .txt1{
	font-size: 15px;
	margin-bottom: 40px;
	text-align: center;

}

#privacy .policy_list dt{
	font-size: 16px;
	padding: 14px 20px;
	text-indent: 0;
	margin-bottom: 16px;

}

#privacy .policy_list dd{
	font-size: 15px;
	margin-bottom: 32px;

}
/* ===============================

 contact 問い合わせ

===============================*/
#contact .inner{
	max-width: 860px;
	margin: 0 auto;
}
#contact .ctxt{
	font-size: 15px;
	margin-bottom: 32px;
	text-align: center;
}

#contact .faq_box{
	margin-top: 50px;
	margin-bottom: 50px;
}
#contact .faq_box .box_ttl{
	margin-bottom: -24px;
	font-size: 36px;
}
#contact .faq_box .innerbox{
	padding: 55px 30px 20px;
}
#contact .faq_box .lead_txt{
	font-size: 15px;
}
#contact .faq_box .faq_list{
	padding-top: 60px;
}
#contact .faq_box .faq_item:not(:last-child){
	margin-bottom: 30px;
}
#contact .faq_box .faq_item .item_ttl{
	font-size: 16px;
	margin-bottom: 15px;
}
#contact .faq_box .faq_item .item_txt{
	font-size: 15px;
}
#contact .faq_box .open_btn{
	cursor: pointer;
	margin-top: 40px;
	width: 80px;
	height: 59px;
}
#contact .contact_box .innerbox{
	padding-bottom: 55px;
}

#contact.thankyou .cmn-block{
	padding-top: 150px;
	padding-bottom: 250px;
}
}
@media screen and (min-width:769px) and (max-width:1100px){
	#top .business_list .btnbox .ttl{
	    font-size: 24px;
	}

}

@media screen and (min-width:769px) and (max-width:1150px){
	#scrap .material_list li{
	    width: 30%;
	}

}

@media screen and (min-width:1000px){

	#scrap .service_list{

		flex-wrap: nowrap;

	}

	#scrap .service_list li{

		width: 20%;

	}

}

@media screen and (min-width:1100px){

	#scrap .block3{

		height: 427px;

		box-sizing: border-box;

	}

	#scrap .block3 .cmn-width{

		position: relative;

	}

	#scrap .block3 .cmn-txt1{

		text-align: left;

		width: 430px;

		position: absolute;

		top: 88px;

		left: 0;

	}

	#scrap .block3 .imgbox{

		max-width: 583px;

		position: absolute;

		right: 0;

		top: 0;

	}

}


@media screen and (min-width:1150px){

	#eco_d1 .cmn-list1 .ttl1{

		margin-top: 90px;

	}

}

@media screen and (min-width:769px) and (max-width:1150px){
	#eco_d2 .domain_list li{
	    width: 47%;
	}

}

@media screen and (min-width:900px){
	#eco_d2 .block4 .container2 .txt1{
	    text-align: center;
	}

}

@media screen and (min-width:1150px){
	#eco_d2 .block4 .inner{
	    position: relative;
	}
	#eco_d2 .block4 .imgbox1,
	#eco_d2 .block4 .imgbox2,
	#eco_d2 .block4 .imgbox3,
	#eco_d2 .block4 .imgbox4{
	    margin: 0;
	}
	#eco_d2 .block4 .imgbox1 img,
	#eco_d2 .block4 .imgbox2 img,
	#eco_d2 .block4 .imgbox3 img,
	#eco_d2 .block4 .imgbox4 img{
	    width: 100%;
	}
	#eco_d2 .block4 .imgbox1{
	    width: 266px;
	    position: absolute;
	    right: 20px;
	    top: 0;
	}
	#eco_d2 .block4 .imgbox4{
	    width: 230px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	#eco_d2 .block4 .graybox{
	    padding: 40px;
	    margin-top: 40px;
	}
	#eco_d2 .block4 .graybox .inner{
	    zoom:1;
	}
	    #eco_d2 .block4 .graybox .inner:after{
	        display: block;
	        content:"";
	        clear: both;
	    }
	    /* #eco_d2 .block4 .imgbox2{
	        float:left;
	    }
	    #eco_d2 .block4 .imgbox3{
	        float:right;
	    }     */
}
@media screen and (min-width:769px) and (max-width:1100px){
	#company .info_list .btnbox .ttl{
	    font-size: 24px;
	}

}
@media screen and (min-width:769px) and (max-width:930px){

	#company .overview_list .txt{

		font-size: 12px;

	}

}


@media screen and (min-width:1445px){
	#company .map_wrap .btn_japan{
		top: 249px;
		left: 550px;
	}
	#company #map_popup{
		top: 120px;
		left: 777px;
	}
	#company .map_wrap .btn_japan .btn_beacon{
		width: 57px;
		height: 57px;
		top: -19px;
		left: -55px;
	}
	#company #map_popup:before{
		top: 150px;
	}
}

@media screen and (min-width:1445px){
	#company .map_wrap_en .btn_japan_en{
		top: 249px;
		left: 550px;
	}
	#company #map_popup{
		top: 120px;
		left: 777px;
	}
	#company .map_wrap_en .btn_japan_en .btn_beacon_en{
		width: 57px;
		height: 57px;
		top: -19px;
		left: -55px;
	}
	#company #map_popup:before{
		top: 150px;
	}
}


/* ===============================
 eco_d3 グローバル人材交流課
===============================*/

@media screen and (min-width:769px){
	#eco_d3 .block1 .cmn-width:after{
		bottom: -94px;
	}
	#eco_d3 .block1 .cmn-ttl1_sub{
		margin-bottom: 22px;
	}
	#eco_d3 .block1 .service_list{
		display:flex;
		justify-content:space-between;
	}
	#eco_d3 .block1 .service_list li{
		width: 31%;
		display: block;
		margin-bottom: 0;
	}
	#eco_d3 .block1 .service_list li .txtbox{
		margin-top: 20px;
		text-align: center;
		font-size: 20px;
	}
	#eco_d3 .block1 .service_list li .imgbox{
		width: 100%;
		display: block;
	}
	#eco_d3 .block1 .service_list li .imgbox_sp{
		display: none;
	}
}
@media screen and (min-width:1100px){
	#eco_d3 .block1 .service_list li{
		width: 340px;
		display: block;
	}
	#eco_d3 .block1 .service_list li .txtbox{
		font-size: 22px;
		margin-top: 15px;
	}
	#eco_d3 .block1 .service_list li .txtbox img{
		padding-right: 10px;
	}
}
@media screen and (min-width:769px){
	#eco_d3 .block2 .cmn_teate_list li{
		padding: 10px 10px 15px 10px;
	}
	#eco_d3 .block2 .cmn_teate_list .txt_box{
		letter-spacing: 0;
	}
	#eco_d3 .block2 .container{
		padding:50px 40px;
	}
	#eco_d3 .block2 .detail_list{
		margin-bottom: 50px;
	}
	#eco_d3 .block2 .detail_list li{
		width: 48%;
	}
	#eco_d3 .block2 .detail_list li:not(:nth-last-child(-n+2)){
		margin-bottom: 50px;
	}
	#eco_d3 .block2 .detail_list li .txtbox{
		font-size: 22px;
		margin-top: 20px;
	}
	#eco_d3 .block2 .license_box{
		padding:30px 50px;
	}
	#eco_d3 .block2 .license_box .box_ttl{
		font-size: 22px;
	}
	#eco_d3 .block2 .license_box{
		text-align: center;
	}
	#eco_d3 .block2 .license_box li{
		display: inline-block;
		font-size: 14px;
	}
	#eco_d3 .block2 .license_box li:not(:last-child){
		margin-right: 10px;
	}
}
@media screen and (min-width:1100px){
	#eco_d3 .block2{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	#eco_d3 .block2 .license_box li{
		display: inline-block;
		font-size: 16px;
	}
	#eco_d3 .block2 .license_box li:not(:last-child){
		margin-right: 40px;
	}
}
@media screen and (min-width:769px){
	#eco_d3 .block3 .cmn-ttl1_sub{
		margin-bottom: 40px;
	}
	#eco_d3 .block3 .head_txt{
		margin-bottom: 50px;
	}
	#eco_d3 .block3 .head_txt .l_txt{
		margin-bottom: 25px;
		font-size: 24px;
	}
	#eco_d3 .block3 .head_txt .s_txt{
		font-size: 15px;
	}
	#eco_d3 .block3 .jump_box{
		margin-bottom: 50px;
		display:flex;
		justify-content:space-between;
	}
	#eco_d3 .block3 .jump_box .btn{
		width: 48.5%;
		padding:17px 22px;
		font-size: 20px;
		margin-bottom: 0;
	}
	#eco_d3 .block3 .jump_box .btn .label{
		padding:8px 10px 8px 40px;
		margin-right: 10px;
		width: 130px;
		font-size: 18px;
	}
	#eco_d3 .block3 .jump_box .btn1{
		background: url(../img/eco/detail3/individual_arrow.png) no-repeat 95% center, #14919A;
	}
	#eco_d3 .block3 .jump_box .btn1 .label,
	#eco_d3 .block3 .jump_box .btn2 .label{
		background-size:22px auto;
	}
	#eco_d3 .block3 .form_box{
		padding:50px 80px;
	}
	#eco_d3 .block3 .form1_box{
		margin-bottom: 50px;
	}
	#eco_d3 .block3 .form_box th br{
		display: block;
	}
	#eco_d3 .block3 .form_box .ttl_box{
		margin-bottom: 30px;
	}
	#eco_d3 .block3 .form_box .ttl_box .ttl{
		font-size: 34px;
		margin-bottom: 10px;
	}
	#eco_d3 .block3 .form_box .ttl_box .txt{
		font-size: 21px;
	}
}
@media screen and (min-width:769px) and (max-width:930px){
	#eco_d3 .block3 .jump_box .btn br{
		display: block;
	}
}
@media screen and (min-width:1100px){
	#eco_d3 .block3 .cmn-width{
		width: 1020px;
	}
	#eco_d3 .block3 .jump_box .btn{
		width: 495px;
		font-size: 22px;
	}
	#eco_d3 .block3 .jump_box .btn .label{
		padding:8px 10px 8px 50px;
		margin-right: 15px;
		width: 150px;
	}
}


/* ===============================
 company 会社概要
===============================*/
/* @media screen and (max-width:1100px){
	#company .info_list .btnbox .ttl{
	    font-size: 24px;
	}

} */

/* @media screen and (max-width:930px){

	#company .overview_list .txt{

		font-size: 12px;

	}

} */

@media only screen and (min-width:769px){
	#company .cmn-main .txtbox{
		padding-top: 245px;
	
	}
	
	/*-------- block1 -------*/
	
	#company .block1{
	
		letter-spacing: 0.1em;
	
		padding: 90px 0;
	
	}
	
	#company .block1 .inner{
		display: table;
		width: 100%;
		max-width: 1100px;
		margin: 0 auto;
	
	}
	
	#company .block1 .txtbox{
	
		max-width: 642px;
		width: 55%;
		display: table-cell;
		vertical-align: middle;
		padding-right: 2%;
	
	}
	#company .block1 .break{
		display: inline-block;
	}
	
	
	#company .block1 .imgbox{
	
		max-width: 397px;
		width: 36%;
		display: table-cell;
	
		text-align: right;
	
		vertical-align: middle;
	
	}
	
	#company .block1 .ttl1{
		font-size: 22px;
		text-align: left;
		margin-bottom: 24px;
	
	}
	
	#company .block1 .txt1{
		font-size: 15px;
		line-height: 2.0;
		max-width: none;
		margin: 0;
	
	}
	
	/*-------- block2 -------*/
	
	#company .block2{
		padding: 70px 0 70px;
	
	}
	
	#company .block2 .cmn-ttl1_sub{
		margin-bottom: 30px;
	
	}
	
	#company .block2 h3.catch2{
		font-size: 26px;
	}
	
	#company .block2 .text01{
		font-size: 22px;
		line-height: 2;
	
	}
	#company .block2 .text02{
		font-size: 22px;
		line-height: 2;
		font-feature-settings : "palt";
	
	
	}
	#company .block2 .text03{
		font-size: 13px;
	
	}
	
	#company .block2 .break{
		display: inline-block;
	
	}
	
	
	/*-------- block3 -------*/
	
	#company .block3 .cmn-ttl1_sub{
		margin-bottom: 32px;
	
	}
	
	#company .block3 .inner{
		zoom:1;
	
	}
		#company .block3 .inner:after{
				display: block;
				content:"";
				clear: both;
		}
	
	#company .block3 .imgbox{
		width: 37%;
		max-width: 375px;
		float:right;
	
	}
		#company .block3 .imgbox img{
				max-width: none;
		}
	#company .block3 .txtbox{
		max-width: 670px;
		width: 61%;
		font-size: 15px;
		float: left;
	
	}
	
	#company .block3 .txtbox p{
		margin-bottom: 24px;
	
	}
	
	#company .block3 .name{
		font-size: 16px;
		text-align: right;
		margin-top: 20px;
	
	}
	
	#company .block3 .imgbox{
		margin-top: 0;
	
	}
	/*-------- block4 -------*/
	
	#company .block4{
		background: url(../img/company/block4_bg.jpg) no-repeat;
		background-size: cover;
		color:#fff;
	
	}
	
	#company .block4 .cmn-ttl1_sub{
		margin-bottom: 32px;
	
	}
	
	
	.popup_txt1 h2{
		font-size:18px;
	}
	
	
	#company .info_list{
		display: table;
		max-width:1100px;
		width: 92vw;
	
	}
	
	#company .info_list .type{
		display:table-cell;
		width: 34%;
		height: 260px;
		vertical-align: middle;
		text-align: center;
		overflow: hidden;
	
	}
	
	#company .info_list a{
		display: table;
		height: 100%;
	
	}
		#company .info_list .type a:before{
				transition: .5s;
		}
		#company .info_list .type a:hover:before{
				transform:scale(1.06, 1.06);
		}
		#company .info_list .type a:hover .btn_more{
	
			background-color: #fff;
	
			color: #000000;
	
			text-shadow:none;
		}
		#company .info_list .type a:hover .icon_link3:after{
				background-image: url(../img/common/icon_link3-black.png);
		}
	
	
		#company .info_list .btnbox{
				display: table-cell;
				vertical-align: middle;
		}
		#company .info_list .btnbox .ttl{
				font-size: 26px;
				line-height: 1.2;
		}

		#company .info_list .icon{
	    margin-bottom: 18px;
	}
	    #company .info_list .icon img{
	        max-width: 52px;
	    }
	#company .block4 .btn_more{
	    margin-top: 28px;
	}


	/*-------- block7 20230427 add -------*/
	#company .block7{
		padding: 60px 0;
	}
	#company .block7 .cmn-ttl1_sub{
		margin-bottom: 30px;
	}
	#company .block7 .iso-block{
		padding: 40px;
	}
	#company .block7 .iso-block .block-ttl{
		font-size: 22px;
		margin-bottom: 20px;
	}
	#company .block7 .iso-block .box-lead{
		font-size: 17px;
		line-height: 2;
	}
	#company .block7 .iso-list{
		margin-top: 30px;
	}
	#company .block7 .iso-list-box{
		padding: 40px;
	}
	#company .block7 .iso-list-box:not(:last-child){
		margin-bottom: 40px;
	}
	#company .block7 .iso-list-box .box-ttl{
		font-size: 19px;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
	}
	#company .block7 .iso-list-box .box-ttl .border{
		flex: 1;
		height: 1px;
		background-color: #CCC;
		margin-left: 10px;
	}
	#company .block7 .iso-list-box .box-inner{
		display: flex;
	}
	#company .block7 .iso-list-box .wrap-txt{
		flex: 1;
		padding-right: 20px;
		font-size: 17px;
		line-height: 2;
	}
	#company .block7 .iso-list-box .wrap-txt .pdf{
		margin-top: 30px;
	}
	#company .block7 .iso-list-box .wrap-txt .pdf a{
		padding-left: 23px;
	}
	#company .block7 .iso-list-box .wrap-txt .pdf a:hover{
		text-decoration: none;
	}
	#company .block7 .iso-list-box .wrap-txt .pdf a:before{
		width: 14px;
		height: 20px;
		top: 4px;
	}
	#company .block7 .iso-list-box .wrap-tbl{
		width: 45%;
	}
	#company .block7 .iso-list-box table th,
	#company .block7 .iso-list-box table td{
		font-size: 17px;
		line-height: 2;
		padding: 17px 10px 17px 20px;
	}
	#company .block7 .iso-list-box table tr:not(:last-child) th,
	#company .block7 .iso-list-box table tr:not(:last-child) td{
		border-width: 4px;
	}
	#company .block7 .iso-list-box table th:not(:last-child),
	#company .block7 .iso-list-box table td:not(:last-child){
		border-width: 2px;
	}
	#company .block7 .iso-list-box table th{
		width: 40%;
	}
	#company .block7 .iso-list-box table td{
		width: 60%;
	}

	/*-------- block5 -------*/

#company .block5{
	padding-bottom: 50px;
	padding-top: 60px;

}
#company .block5 .cmn-txt1{
	margin-bottom: 20px;
}
#company #map_popup{
	top: 8.5vw;
	left: 53.8vw;
	right: auto;
	max-width: 380px;
}
#company #map_popup .name{
	font-size: 24px;
}
#company #map_popup .address{
	font-size: 15px;
	margin: 5px 0 10px;
}
#company #map_popup:before{
	position: absolute;
	display: block;
	content: "";
	left: -30px;
	top: 9.7vw;
	border: 15px solid transparent;
	border-right: 15px solid rgba(0,0,0,.70);
}

/* #company .block5 .cmn-txt1{
	margin-bottom: 32px;

}

#company .overview_list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: none;

}

#company .overview_list li{
	max-width: 340px;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 40px;

}

#company .overview_list li:not(:last-child){
	margin-bottom: 40px;

}
	#company .overview_list li:nth-child(3n),
	#company .overview_list li:last-child(){
	    margin-right: 0;
	}
	#company .overview_list .name{
	    font-size: 22px;
	}
	#company .overview_list .txt.l-wide{
	    padding: 0.7em 0;
	}
	#company .overview_list .txt{
	    font-size: 14px;
	} */

	/*-------- block6 -------*/

#company .tbl_wrapper{
	display: flex;
	justify-content: space-between;

}

#company .outline_tbl{
	width: 48%;

}

#company .outline_tbl th,

#company .outline_tbl td{
	display: table-cell;

}
	#company .outline_tbl th{
	    border: 10px solid #f8f8f8;
	    border-left: none;
	    padding: 23px;
	    padding-right: 50px;
	    font-size: 16px;
	    font-weight: bold;
	    color: #fff;
	    line-height: 1.2;
	    background-color: #4D7952;
	    width: 40%;
		height: 70px;
		vertical-align: middle;
	}
	/* 2018-10-08 update fukase */
	#company .outline_tbl th.adjust_cell{
		height: calc(4em + 23px * 2);
	}

	#company .outline_tbl td{
	    font-size: 15px;
	    line-height: 1.4;
	    padding: 14px 10px;
	    vertical-align: middle;
	}
	#company .outline_tbl td a,
	#company .outline_tbl td span{
	    display: inline-block;
	}
	#company .outline_tbl tr:not(:last-child) td{
	    border-bottom:1px solid #ccc;
	}
	#company .outline_tbl .l-height th{
	    height: 90px;
	}

	#popup1 .box01{
		padding-bottom:60px;
		border-bottom:solid 1px #CCC;
		margin-bottom:50px;
	}
	#popup1 .box01.last{
		padding-bottom:60px;
		border-bottom:none;
		margin-bottom:0;
	}
	#popup1 .box01 p{
	
	
	
		width: 54%;
	}
	#popup1 .box01 .imgbox{
		width: 42%;
		max-width: 400px;
		float:right;
	
	
	}
	
	#popup1 .box01 .imgbox img{
				max-width: none;
		}
}

@media only screen and (min-width:1100px){
	#company .block7 .iso-list-box .wrap-txt{
		padding-right: 40px;
	}
	#company .block7 .iso-list-box .wrap-tbl{
		width: 402px;
	}
	#company .block7 .iso-list-box table th{
		width: 140px;
	}
	#company .block7 .iso-list-box table td{
		width: 260px;
	}
}


/* ===============================
 scrap 貴金属スクラップ
===============================*/

/* @media screen and (min-width:1000px){

#scrap .service_list{
	flex-wrap: nowrap;

}

#scrap .service_list li{
	width: 20%;

}

} */

@media only screen and (min-width:769px){
	#scrap .cmn-main{
		background-image:url(../img/scrap/main_bg-pc.jpg);
	
	}
	
	#scrap .block{
		padding: 60px 0 70px;
	
	}
	
	#scrap .cmn-txt1{
		margin-bottom: 34px;
	
	}

	/*-------- block6 lead 20230427 add -------*/
	#scrap .block6{
		padding-bottom: 80px;
	}
	#scrap .block6:after{
		border-width: 21px 28px 0 28px;
		bottom: -20px;
		left: calc((100% - 56px) / 2);
	}
	#scrap .block6 .lead-service-item{
		/* width: calc((100% - 44px) / 3); */
		width: calc((100% - 44px) / 2);
		padding: 20px;
	}
	#scrap .block6 .lead-service-item .txtbox{
		font-size: 16px;
		line-height: 1.5;
		min-height: 2.7em;
	}
	#scrap .block6 .lead-service-item .txtbox .subttl{
		font-size: 12px;
	}
	#scrap .block6 .lead-service-item .txtbox .pc-none{
		display: none;
	}
	#scrap .block6 .lead-service-item .imgbox{
		min-height: 67px;
	}
	#scrap .block6 .lead-service-item .imgbox img{
		width: 150px;
	}
	#scrap .block6 .lead-service-item.item2 .imgbox img{
		width: 116px;
	}
	#scrap .block6 .lead-service-item.item3 .imgbox img{
		width: 171px;
	}

	/*-------- block7 urban-mining 20230427 add -------*/
	#scrap .block7{
		padding-bottom: 150px;
	}
	#scrap .block7 .pc-none{
		display: none;
	}
	#scrap .block7 .wrap-catch{
		margin-bottom: 25px;
	}
	#scrap .block7 .catch{
		font-size: 20px;
		padding-left: 100px;
		padding-right: 100px;
	}
	#scrap .block7 .lead-txt{
		font-size: 17px;
		line-height: 2;
	}
	#scrap .block7 .lead-txt p:not(:last-child){
		margin-bottom: 2em;
	}
	#scrap .block7 .urban-mining-list{
		margin-top: 40px;
	}
	#scrap .block7 .urban-mining-list-item{
		padding: 40px;
	}
	#scrap .block7 .urban-mining-list-item:not(:last-child){
		margin-bottom: 60px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main{
		display: flex;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main .box-txt{
		flex: 1;
		padding-right: 40px;
	}
	#scrap .block7 .urban-mining-list-item .item-ttl{
		font-size: 22px;
		margin-bottom: 25px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main .txt{
		font-size: 17px;
		line-height: 2;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main .box-img{
		width: 49%;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail{
		margin-top: 20px;
		padding: 40px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .detail-box:not(:last-child){
		margin-bottom: 50px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .detail-ttl{
		margin-bottom: 25px;
		padding-left: 23px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .detail-ttl .icon{
		width: 18px;
		top: 7px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .detail-ttl .txt{
		font-size: 19px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .detail-ttl .border{
		flex: 1;
		margin-left: 20px;
		height: 1px;
		background-color: #ccc;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-list{
		font-size: 17px;
		line-height: 2;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .card{
		width: calc((100% - 40px) / 3);
		padding: 15px;
		display: flex;
		justify-content: center;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .txt{
		font-size: 30px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .txt:not(:last-child){
		margin-right: 10px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .small{
		font-size: 17px;
		padding-right: 4px;
	}

	/*-------- block1 materials -------*/

	#scrap .block1{
		padding-bottom: 0;

	}
		#scrap .material_list li{
				width: 245px;
		}

		@media screen and (min-width:769px) and (max-width:1150px){
			#scrap .material_list li{
					width: 30%;
			}
			#scrap .material_list li:not(:nth-child(3n)){
				margin-right: 5%;
			}
		}
		@media screen and (min-width:1151px){
			#scrap .material_list li:not(:nth-child(4n)){
				margin-right: calc((100% - 980px) / 3);
			}
		}

	/*-------- block2 service -------*/

	#scrap .block2{
		padding-bottom: calc(70px + 5vw);

	}

	#scrap .block2 .cmn-txt1{
		max-width: 970px;
		margin-bottom: 34px;

	}

	#scrap .block2 .ttl1{
		margin-bottom: -17px;

	}
		#scrap .block2 .ttl1 span.txt{
				font-size: 36px;
		}

	#scrap .block2 .txt1{
		font-size: 32px;
		margin-bottom: 36px;

	}

	#scrap .block2 .txt1 img{
		width: 21px;
		margin: 0 15px;

	}
	#scrap .block2 .innerbox{
		padding: 55px 5% 25px;

	}
	#scrap .service_list .imgbox img{
		max-width: 131px;

	}

	#scrap .service_list .txtbox{
		font-size: 15px;

	}

	/*-------- block3 -------*/
	#scrap .block3 .cmn-txt1{
		line-height: 2.0;
	
	}
	
	#scrap .block3 .imgbox{
		width: 60%;
		margin: 0 auto;
	
	}

	/*-------- block4 -------*/
	#scrap .block4 .cmn-txt1{
		line-height: 1.6;
	
	}
	
	#scrap .block4 .imgbox{
		max-width: 754px;
		margin: 0 auto;
	
	}

	#scrap .block5 .action_area .pc-none{
		display: none;
	}
	#scrap .block5 .link-to-page{
		margin-top: 50px;
	}
	#scrap .block5 .link-to-page a{
		margin: 0 auto;
		width: 280px;
		height: 60px;
		font-size: 22px;
		transition: background .3s ease, color .3s ease;
	}
	#scrap .block5 .link-to-page a:hover{
		background-color: #4D7952;
		color: #fff;
		text-decoration: none;
	}
}

@media only screen and (min-width:1100px){
	#scrap .block5 .action_area {
		margin-top: 80px;
	}
	#scrap .block5 .action_list {
		margin-top: 30px;
	}
	#scrap .block5 .action_list li {
		width: calc((100% - 2px) / 2);
		padding: 50px 10px;
		margin-bottom: 2px;
	}
	#scrap .block5 .action_list li .ttl {
		height: 55px;
		font-size: 20px;
	}
	#scrap .block5 .action_list li .ttl .sp-none{
		display: block !important;
	}
	#scrap .block5 .action_list li .ttl .pc-none{
		display: none !important;
	}
	#scrap .block5 .action_list li .img_wrap {
		width: 265px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
	}
	#scrap .block5 .action_list li .icon {
		width: 256px;
		margin:0;
	}
	#scrap .block5 .action_list li .img {
		width: 253px;
	}

	#scrap .block6 .lead-service-item{
		/* width: calc((100% - 88px) / 3); */
		width: calc((100% - 88px) / 2);
	}
	#scrap .block7 .lead-txt .pc-none{
		display: none;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main .box-txt{
		padding-right: 80px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-main .box-img{
		width: 500px;
	}
	#scrap:not(.page--en) .block7 .urban-mining-list-item .wrap-detail .box-list{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		height: 6em;
	}
	#scrap:not(.page--en) .block7 .urban-mining-list-item .wrap-detail .box-list li{
		width: 50%;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .txt:not(:last-child){
		margin-right: 20px;
	}
	#scrap .block7 .urban-mining-list-item .wrap-detail .box-card .small{
		padding-right: 7px;
	}
}