@charset "utf-8";
/* CSS Document */

#fcbc{}


/*フォントとキーカラーを変更*/
body#fcbc{
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight:500;
	}
:root {
  --fcbc:#50871f;
	}
.bgFcbc { background-color: var(--fcbc);}
.fcFcbc	{ color: var(--fcbc);}


/*
style・drawer調整
************************************************************************/


#fcbc h1{ font-size:0.66em;}
#fcbc h3:before { background-color: var(--fcbc);}
#fcbc h4{ border-top-color: var(--fcbc);}
#fcbc h5{ border-color: var(--fcbc);}

#fcbc .drawer-hamburger {
	background-color: var(--fcbc);
}
#fcbc .drawer-menu-item:before{
	display:inline-block;
	content:"\f32b";
	font: var(--fa-font-solid),"FontAwesome","Font Awesome 7 Pro","Font Awesome 6 Pro";
	color: var(--fcbc);
	margin-right:5px;
	}
#fcbc .subMenu2 a i {
	color: var(--fcbc);
	}

@media only screen and (min-width: 768px) {
	#fcbc h1{ font-size:0.7em;}
  #fcbc .drawer-hamburger {
    margin-left: auto;
  }
}

@media only screen and (min-width : 1025px){
	#fcbc h1{
		position:absolute;
		top:10px;
		left:0;
		}
	#fcbc #header .logo{
		margin-top:10px;
		}

	#fcbc .column1-2{}
	#fcbc .column1-2 > *{
		width:49%;
		margin-right:2%;
		}
	#fcbc .column1-2 > *:nth-child(2n){margin-right:0 !important;}

}

@media only screen and (min-width: 1400px) {
  #fcbc .logo {
    width:250px;
  }
	#fcbc .dispDW{
		display:none;
		}
  #fcbc .drawer-dropdown{ position:relative;}
  #fcbc .drawer-dropdown.open .drawer-dropdown-menu,
	#fcbc .drawer-dropdown:hover .drawer-dropdown-menu {
    position: absolute;
		left:0;
    width:100%;
    border-top: none;
		border-bottom: none;
		font-size:0.9em;
    background: rgba(255,255,255,0.9);
    z-index: 1;
    padding: 0;
    display:block;
    box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);
    -o-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,0.3);
  }
}




/*
フレコン粗砕
************************************************************************/

/*メインイメージ********************************************************/
.fcbcMainBg{
	background:url(../images/fcbc/fcbc_mainImgBg.jpg) center center no-repeat;
	background-size:cover;
	padding-top:50%;
	}
.fcbcMainImg{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	z-index:1;
	width:96%;
	max-width:1400px;
	max-height:100%;
	}
.fcbcMainImg img{
	margin-left:auto;
	margin-right:0;
	width:40%;
	max-width:500px;
	}
h2.fcbcMainTxt{
	position:absolute;
	bottom: 50%;
	right:50%;
	-webkit-transform: translate(50%,50%);
	-ms-transform: translate(50%,50%);
	transform: translate(50%,50%);
	width:96%;
	max-width:1400px;
	z-index:2;
	color:#fff;
	padding:0;
	/*横・下・ぼかし・色*/
	text-shadow: 2px 2px 2px #000;
	}
h2.fcbcMainTxt:before {
	background:none;
	}
/*2nd***********************************************/
.fcbcMainBg.secondPage{
	padding:3em 0;
	}
.fcbcMainBg.secondPage h2.fcbcMainTxt{
	position:relative;
	bottom:auto;
	right:auto;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
	margin-left:auto;
	margin-right:auto;
	}
@media only screen and (min-width: 1025px) {
	.fcbcMainBg{
		padding:0;
		height:630px;
		}
}


/*
index
********************************************************/
.fcbcIndexContWrap{}

.fcbcIndexContWrap a{
	display:block;
	position:relative;
	color:#222;
	text-decoration:none;
	background-color:#fff;
	box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
	-o-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
	overflow:hidden;
	padding:20px;
	margin-bottom:20px;
	}
.fcbcIndexContWrap a:hover,
.fcbcIndexContWrap a:active{
	color:#c00;
	background-color:#f4fbff;
	}

.fcbcIndexContWrap h5{
	position:relative;
	z-index:1;
	margin-bottom:0;
	}
.fcbcIndexContWrap h5 span{
	font-weight:400;
	font-size:0.65em;
	line-height:1.5em;
	color:#222;
	margin-top:5px;
	}
.fcbcNo{
	position:absolute !important;
	/*bottom: 55%;フォントNoto*/
	bottom: 50%;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	right:20px;
	color: var(--fcbc);
	font-weight:bold;
	font-size:80px;
	line-height:1em;
	z-index:0 !important;
	opacity:0.5;
	}
.fcbcNo img{
	padding-top:15px;
	max-height:150px;
	max-width:120px;
	}
.method{
	display:inline-block;
	background-color:var(--fcbc);
	color:#fff !important;
	padding:4px 8px;
	text-align:center;
	font-size:0.5em !important;
	line-height:1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:-10px 5px 0 0;
	}



@media only screen and (min-width: 1025px) {
	.fcbcIndexContWrap a{
		padding:40px;
		height:100%;
		}
	.fcbcIndexContWrap.column1-2 a{
		padding:30px 30px 10px;
		}
	.fcbcNo{ font-size:130px; line-height:1em;} 
}



/*
共通
**************************************************************/
.fcbcWrap{}
.fcbcTxt{
	margin-bottom:10px;
	}
.fcbcImg img{
	margin:auto;
	}
.fcbcDtl img{
	width:100%;
	}

@media only screen and (min-width : 1025px){
.fcbcWrap{
	display:flex;
	/*justify-content: space-between;*/
	gap: 3%;
	}
.fcbcImg{
	flex-shrink: 0;
	width:50%;
	}

.fcbcTxt{
	margin-bottom:0;
	flex-shrink: 0;
	width:47%;
	}

}