@charset "UTF-8";


.faq_content { max-width:960px; margin:0 auto; }

ul.local_nav { display:flex; list-style:none; border:1px #aaa solid; padding:0; margin:40px 0; }
ul.local_nav li { flex:1 1 25%; text-align:center; box-sizing:border-box; border-left:1px #aaa solid; padding:0; margin:0; line-height:1.3; }
ul.local_nav li:first-child { border-left:none; }
ul.local_nav li a { display:block; padding:12px 0; text-decoration:none; color:var(--wa-black); font-weight:500; }
ul.local_nav li a:hover { background-color:#f4f4f4; }
ul.local_nav li a .fas { color:var(--wa-orange); }

h3.faqtit { margin:40px 0 20px 0; padding:12px; background-color:var(--wa-black); color:#fff; text-align:center; font-size:140%; font-weight:700; }
h4.faqtit { padding:12px; background-color:var(--wa-lightgray); text-align:left; font-size:110%; font-weight:500; }

dl.faqlist { line-height:2.0;  }
dl.faqlist dt {
	position:relative;
	padding:12px 28px 12px 48px; margin-bottom:12px;
	border:1px var(--wa-gray) solid; 
	font-weight:500; color:#F2501E;
	cursor:pointer;
	background-image:url('images/faq_q.png');
	background-position:left 4px top 10px;
	background-size:36px;
	background-repeat:no-repeat;
}
dl.faqlist dt:hover { background-color:#f4f4f4; }
dl.faqlist dd {
	display:none;
	padding:0px 8px 12px 48px; margin:6px 0 32px 0;
	background-image:url('images/faq_a.png');
	background-position:left top;
	background-size:36px;
	background-repeat:no-repeat;
	border-bottom:3px #ccc double;
}
dl.faqlist dt span:after {
	font-family: "Font Awesome 5 Free"; font-weight: 400;
	content: '\f0fe';
	font-size: 18px;
	color: #4d4d4d;
	line-height: 35px;
	position: absolute;
	top: 8px;
	right: 10px;
}
dl.faqlist dt span.viewdd:after { font-family: "Font Awesome 5 Free"; font-weight: 400; content: '\f146'; }


.pelletcycle { position:relative; background-color:#f0f0f0; border-radius:8px; }
.pelletcycle_img { padding:15% 0; }
.pelletcycle_img img { border-radius:50%; }
.pelletcycle_txt {
	position:absolute; width:30%; padding:10px; box-sizing:border-box;
	background-color:rgba(255,255,255,0.6);border-radius:8px;
}
.pelletcycle_txt p { margin:0; }
.pelletcycle_txt.cycle1 { top:10px; left:10px; }
.pelletcycle_txt.cycle2 { top:10px; right:10px; }
.pelletcycle_txt.cycle3 { bottom:10px; left:10px; }
.pelletcycle_txt.cycle4 { bottom:10px; right:10px; }
.pelletcycle_txt h3 { margin:0 0 0.5em 0; font-size:1.1rem; }
.pelletcycle_txt img { display:none; }
@media only screen and (max-width: 960px) {
	.pelletcycle_img { padding:10px 0; max-width:600px; margin:0 auto; }
	.pelletcycle_txt { position:relative; width:100%; margin-bottom:10px; }
	.pelletcycle_txt.cycle1, .pelletcycle_txt.cycle2, .pelletcycle_txt.cycle3, .pelletcycle_txt.cycle4 {
		top:auto; left:auto; right:auto; bottom:auto;
	}
	.pelletcycle_txt img { float:left; max-height:100px; padding:0 10px 10px 0; display:block; border-radius:8px; }
}

@media only screen and (max-width: 767px) {
	.spctr { text-align:center; }
}


.pellet_process { }
.pellet_process div { display:flex; flex-wrap:wrap; justify-content:space-between; max-width:960px; margin:30px auto; }
.pellet_process div h3 { flex:0 0 5em; font-size:1.2rem; text-align:center; box-sizing:border-box; margin:0; padding:10px; background-color:#fff; }
.pellet_process div p { flex:1 1 calc(100% - 10em); margin:0; padding:10px; }
.pellet_process div img { flex:0 0 100%; }


.story_bn img { opacity:1.0; }
.story_bn:hover img { opacity:0.8; }

.illfix { display:flex; height:180px; align-items:center; background-color:#fff; border-radius:8px; }
.illfix img { object-fit:contain !important; }
@media only screen and (max-width: 767px) {
	.illfix { display:block; height:auto; }
}

/*ow*/
.row_hr_dev div.dev_txt.nolayer { flex:0 0 52%; }

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 767px) {

	/*ow*/
	.row_hr_dev div.dev_txt.nolayer { flex:0 0 100%; top:0; }
	.pellet_process div { flex:0 0 32%; margin-bottom:10px; }

	.col_row2.illfit { flex-wrap:wrap; }
	.col_row2.illfit .col_row2img { flex:0 0 100%; height:auto; }
	.col_row2.illfit .col_row2txt { flex:0 0 100%; }
	.col_row2.illfit .col_row2img img { max-height:200px; }

}