@charset "utf-8";

section#other article{
	margin: 50px 0 80px;
}

/*会社概要*/
section#other article.company {
	overflow: hidden;
}

section#other article.company table {
	margin: 60px 0 0 0;
}

section#other article.company h5 {
    clear: both;
    margin: 0;
    line-height: 2.5;
    font-size: 0.95em;
    padding: 30px 0 0 0;
}


section#other article.company .rinen {
	max-width: 850px;
	margin: auto;
	overflow: hidden;
}

section#other article.company .left{
	width: 20%;
	float: left;
	margin: 0;
}


section#other article.company .right {
	float: right;
	width: 75%;
	margin: 0;
	text-align: left;
}

section#other article.company .right h2 {
	text-align: left;
	font-size: 2em;
	letter-spacing: 3px;
}

section#other article.company .right h3 {
	padding: 0 0 20px 20px;
}


section#other article.company .right dl {
	margin: 50px 20px 0 25px;
	/* text-align: right; */
	/*background: url("../img/company/eng.png") no-repeat center right 40%;
	background-size: 30%;*/
	padding: 10px 0 0;
}

section#other article.company .right dt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 0 0;
}

section#other article.company .right dd {
	display: inline-block;
	font-size: 1.4em;
	vertical-align: middle;
}


/*ふくおか畜販のこだわり*/
section#other article.feelings {
}

section#other article.feelings ul {
	overflow: hidden;
	max-width: 1400px;
	margin: auto;
}

section#other article.feelings li {
	clear: both;
	margin: 0 0 90px;
	overflow: hidden;
}
section#other article.feelings li .left {
	float: left;
	width: 55%;
}

section#other article.feelings li .right {
	float: right;
	width: 45%;
}

section#other article.feelings li:nth-child(2n) .left{
	float: right;
}

section#other article.feelings li:nth-child(2n) .right {
	float: left;
}

section#other article.feelings li .right dl{
	padding: 50px 60px;
	box-sizing: border-box;
}

section#other article.feelings li .right dt{
	margin: 0 0 20px 0;
	font-size: 2.3em;
	letter-spacing: 3px;
}

section#other article.feelings li .right dd{
	line-height: 2.8;
	font-size: 0.9em;
	font-family: "HiraKakuProN-W3","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	letter-spacing: 1px;
}



/*よくある質問*/
section#other article.faq {
	margin: 50px 0 150px;
}

section#other article.faq dl{
	font-size: 1.1em;
	margin: 0 0 40px;
}

section#other article.faq dt{
	border: none;
	background: url("../img/faq/q.png") no-repeat left 1% center rgba(255,255,255,0.5);
	padding: 30px 25px 30px 85px;
	cursor: pointer;
	background-size: 50px;
	position: relative;
}

section#other article.faq dt:after {
    content: "";
    background: url(../img/faq/plus.png) no-repeat right center;
    width: 25px;
    height: 35px;
    position: absolute;
    right: 2%;
}

section#other article.faq dt.active:after {
    content: "";
    background: url(../img/faq/minus.png) no-repeat right center;	
}

section#other article.faq dd{
	display: none;
	background: url("../img/faq/a.png") no-repeat left 1% center #f1e4e4;
	padding: 30px 25px 30px 85px;
}



@media screen and (max-width: 1399px){
/*ふくおか畜販のこだわり*/
section#other article.feelings li {
	margin: 0 0 60px;
}
section#other article.feelings li .left {
	width: 50%;
}

section#other article.feelings li .right {
	float: right;
	width: 50%;
}

section#other article.feelings li .right dl{
	padding: 0 40px;
	box-sizing: border-box;
}

section#other article.feelings li .right dt{
	font-size: 1.8em;
	margin: 0 0 10px;
}

section#other article.feelings li .right dd{
	line-height: 2.3;
	font-size: 0.8em;
}
	


	
}

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

section#other {
	max-width: 95%;
	margin: auto;
}
	
/*ふくおか畜販のこだわり*/
section#other article.feelings ul {
	max-width: 100%;
}

section#other article.feelings li .left {
	float: none;
	width: 80%;
	margin: auto;
}

section#other article.feelings li .right {
	float: none;
	width: auto;
}

section#other article.feelings li:nth-child(2n) .left{
	float: none;
}

section#other article.feelings li:nth-child(2n) .right {
	float: none;
}

section#other article.feelings li .right dl{
	padding: 20px 60px;
}


section#other article.feelings li .right dd{
	font-size: 0.9em;
}	
	
	
/*会社概要*/
section#other article.company .right dl {
	
text-align: right;
/*
	background: url("../img/company/eng.png") no-repeat bottom 5% right;
	background-size: 40%;
*/	
	padding: 0 0 50px;
	margin: 30px 20px 0 25px;
}


	
	
}

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

/*会社概要*/
section#other article.company h5 {
    margin: 0 0 50px;
    font-size: 0.8em;
    line-height: 1.8;
    padding:0;
}


section#other article.company .rinen {
	max-width: 100%;
}

section#other article.company .left{
	width: 30%;
	margin: 0 20px 20px 0;
}



section#other article.company .right {
	/* float: none; */
	width: 63%;
	margin: 0;
}

section#other article.company .right dl {
	margin: 20px 8px 0 25px;
	text-align: right;
	/*background: url("../img/company/eng.png") no-repeat bottom 5% right;
	background-size: 70%;*/
	padding: 0 0 20px;
	}

section#other article.company .right dt {font-size: 0.9em;}

section#other article.company .right dd {
	font-size: 1.2em;
}

section#other article.company .right h2 {
    font-size: 6vw;
    margin: 0 0 0 -3%;
}

section#other article.company .right h3 {
	padding: 0 0 10px;
	font-size: 3.5vw;
	letter-spacing: 0;
}	
	
/*ふくおか畜販のこだわり*/
section#other article.feelings ul {
	overflow: hidden;
	max-width: 1400px;
	margin: auto;
}

section#other article.feelings li {margin: 0 0 40px;}
section#other article.feelings li .left {
	float: none;
	width: 100%;
}


section#other article.feelings li:nth-child(2n) .left{
	float: none;
}

section#other article.feelings li:nth-child(2n) .right {
	float: none;
}

section#other article.feelings li .right dl{
	padding: 20px 0;
}

section#other article.feelings li .right dt{
	font-size: 1.4em;
	letter-spacing: 2px;
}

section#other article.feelings li .right dd{
	font-size: 0.9em;
	letter-spacing: 0;
}	

/*よくある質問*/
section#other article.faq dl{
	font-size: 0.8em;
	margin: 0 0 10px;
}

section#other article.faq dt{
	background: url("../img/faq/q.png") no-repeat left 3% center rgba(255,255,255,0.5);
	padding: 15px 10px 15px 50px;
	margin: auto;
	background-size: 25px;
	font-size: 1.1em;
}

section#other article.faq dt:after {
    height: 25px;
    background-size: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: none;
}

section#other article.faq dt.active:after {
	background-size: 15px;
}

section#other article.faq dd{
	background: url("../img/faq/a.png") no-repeat left 3% center #f1e4e4;
	padding: 15px 10px 15px 50px;
	background-size: 25px;
	font-size: 1.1em;
}
	


}