@charset "UTF-8";


.container {
    max-width: 100%;
    width: 100%;
	}
	
/* -------------------------------
	トップページ
-------------------------------- */

#index .product_box {
/*margin:100px auto 100px auto;*/
margin:50px auto 100px auto;
max-width: 100%;
    width: 100%;
    padding: 0;
	text-align:center;
}
#index .product_box .box01 {
margin:0 auto;
	/*margin:0 20px 0 0;
	display: -webkit-flex;
display: flex;
flex-wrap:nowrap;
justify-content: space-between;
align-items: flex-start;
align-content:flex-start;*/
}
#index .product_box .box01 h3 {
margin:0 0 10px 0;
    padding: 0;
	text-align:center;
	font-size:34px;
	line-height: 1.7;
	}
#index .product_box .box01a {
	/*width: 100%;
	margin:2vw 0 0 8vw;*/
	width: 100%;
	margin:2vw 0 0 0;
}
#index .product_box .box01b {
	/*width: 70%;*/
}
#index .product_box .box01a p {
/*margin:100px 0 40px 0;*/
margin:30px 0 40px 0;
line-height:2.5em;
text-align:center;
	}
@media only screen and (max-width: 1460px) {
#index .product_box .box01a {
	width: 100%;
	/*margin:0 0 0 5vw;*/
	margin:0;
}
}
@media only screen and (max-width: 1380px) {
#index .product_box .box01a p {
margin:50px 0 40px 0;
	}
}

@media only screen and (max-width: 768px) {
#index .product_box {
margin:20px auto 60px auto;
max-width: 100%;
    width: 100%;
    padding: 0;
	background: none;
}
#index .product_box .box01 {
margin:0;
flex-wrap:wrap;
}
#index .product_box .box01 h3 {
    padding: 0;
	/*text-align:left;*/
	text-align:center;
	font-size:22px;
	line-height: 1.7;
	font-weight:400;
	}
#index .product_box .box01a {
	width: 90%;
	margin:20px auto 0 auto;
}
#index .product_box .box01a p {
margin:20px 0 20px 0;
	}
#index .product_box .box01a img {
width:60%;
	}
#index .product_box .box01b img {
width:80%;
margin:0 auto 0 0;
	}
}

/*リンク*/
#index .case_box {
margin:0 auto 120px auto;
max-width: 90%;
    width: 1560px;
    padding: 0;
}


@media only screen and (max-width: 768px) {
#index .case_box {
margin:0 auto 50px auto;
}
#index .case_box img {
width: 100%;
margin:0 auto 20px auto;
}
}



/* -------------------------------
	コンセプト
-------------------------------- */
.main_ttl_concept {
position: relative;
  padding: 0;
  background-color: #fff;
  margin-bottom: 150px;
 height:787px;
 background: url(../images/concept/kv.jpg) no-repeat top center #fff;
}
.main_ttl {
display:none;
}
.concept_box {
margin:0 auto 120px auto;
max-width: 90%;
    width: 1200px;
    padding: 0;
	display: -webkit-flex;
display: flex;
flex-wrap:nowrap;
justify-content: center;
align-items: center;
align-content:flex-start;
}
.concept_box .box01 {
margin:0 5vw 0 0;
}
.concept_box .box02 {
margin:0 0 0 5vw;
}

@media only screen and (max-width: 768px) {
.main_ttl_concept {
display:none;
}
.main_ttl {
display:block;
width:100%;
  padding: 0;
  background-color: #fff;
  margin-bottom: 60px;
}
.concept_box {
margin:0 auto 60px auto;
max-width: 90%;
    width: 90%;
    padding: 0;
	display: block;
}
.concept_box .box01 {
display:none;
}
.concept_box .box02 {
margin:0 0 0 0;
}
.concept_box .box02 img {
margin:30px 0 0 0;
}
}

/* -------------------------------
	会社概要
-------------------------------- */
.main_ttl_about {
position: relative;
  padding: 0;
  background-color: #fff;
  margin-bottom: 110px;
 height:453px;
 background: url(../images/about/kv.jpg) no-repeat top left #fff;
}
.main_ttl {
display:none;
}
.about_box {
margin:0 auto 120px auto;
max-width: 90%;
    width: 1560px;
    padding: 0;
	}
.about_box .box01 {
margin:0 0 100px 0;
}

.about_box .box02 {
margin:0 0 80px 0;
}

.about_box .box02 h3 {
font-family: "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-weight:bold;
font-size:16px;
border-bottom:1px solid #b2b2b2;
margin:0 0 20px 0;
}
.about_box .box02 .info {
margin:0 0 80px 0;
}
.about_box .box02 .info2 {
margin:0 ;
}

.about_box .box03 {
margin:0 auto 0 auto;
text-align:center;
}

@media only screen and (max-width: 768px) {
.main_ttl_about {
display:none;
}
.main_ttl {
display:block;
width:100%;
  padding: 0;
  background-color: #fff;
  margin-bottom: 60px;
}
.about_box {
margin:0 auto 60px auto;
max-width: 90%;
    width: 90%;
    padding: 0;
	display: block;
}
.about_box .box01 {
margin:0 0 40px 0;
}
.about_box .box02 {
margin:0 0 40px 0;
}
.about_box .box02 h3 {
font-size:14px;
}
.about_box .box02 .info {
margin:0 ;
}
.about_box .box02 .info_box {
margin:0 0 30px 0 ;
}
}

/* -------------------------------
	雑穀
-------------------------------- */
.main_ttl_cereals {
position: relative;
  padding: 0;
  background-color: #fff;
  margin-bottom: 110px;
 height:453px;
 background: url(../images/cereals/kv.jpg) no-repeat top left #fff;
}
.main_ttl {
display:none;
}
.cereals_box {
margin:0 auto 120px auto;
max-width: 90%;
    width: 1560px;
    padding: 0;
	display: -webkit-flex;
display: flex;
flex-wrap:nowrap;
justify-content: center;
align-items:flex-start;
align-content:flex-start;
}
.cereals_box .box01 {
width:50%;
margin:0 40px 0 0;
}
.cereals_box .box01b {
display:none;
}
.cereals_box .box01 p {
line-height:2.5;
}
.cereals_box .box02 {
width:50%;
margin:0 0 0 0;
}
.cereals_box02 {
margin:0 auto 0 auto;
max-width: 90%;
    width: 1560px;
    padding: 0;
	display: -webkit-flex;
display: flex;
flex-wrap:nowrap;
justify-content: center;
align-items:flex-start;
align-content:flex-start;
	}
.cereals_box02 .box01 {
width:100%;
	background-color: #f4ebe2;
	margin:0 0 30px 0;
	}
.cereals_box02 .box01:nth-child(2) {
margin:0 30px;
	}	
.cereals_box02 .box01 .txt {
padding:30px;
	}
.cereals_box02 .box01 .txt h3 {
background: linear-gradient(transparent 60%, #e7d3bf 60%);
display: inline;
line-height: 2.5;
font-weight:bold;
	}
.cereals_box02 .box01 .txt p {
line-height: 2;
	}
.cereals_box02 .box01 img {
object-fit: cover;
height:100%;
	}
.cereals_box03 {
margin:0 auto 100px auto;
max-width: 90%;
    width: 1560px;
    padding: 0;
	}
.cereals_box03 h3 {
margin:0 ;
    padding: 0;
	text-align:center;
	font-size:30px;
	line-height: 1.7;
	}
.cereals_box03 p {
margin:0 0 20px 0;
	text-align:center;
	font-size:18px;
	line-height: 1.7;
	color:#c20009;
	}
.cereals_box04 {
margin:0 auto 120px auto;
}
.cereals_box05 {
margin:50px auto 0 auto;
text-align:center;
}
.cereals_box05 p {
margin:0 0 20px 0;
	text-align:center;
	font-size:18px;
	line-height: 1.7;
	color:#c20009;
	}

@media only screen and (max-width: 1200px) {
.cereals_box .box01 {
display:none;
}
.cereals_box .box01b {
width:50%;
display:block;
margin:0 30px 0 0;
}
}

@media only screen and (max-width: 768px) {
.main_ttl_cereals {
display:none;
}
.main_ttl {
display:block;
width:100%;
  padding: 0;
  background-color: #fff;
  margin-bottom: 60px;
}
.cereals_box {
margin:0 auto 60px auto;
max-width: 90%;
    width: 90%;
    padding: 0;
	display: block;
}
.cereals_box .box01 {
display:none;
}
.cereals_box .box01b {
width:100%;
display:block;
margin:0 0 40px 0;
}
.cereals_box .box02 {
width:100%;
margin:0 0 0 0;
}
.cereals_box02 {
margin:0 auto 0px auto;
max-width: 90%;
    width: 90%;
    padding: 0;
	display: block;
}
.cereals_box02 .box01 {
width:100%;
	background-color: #f4ebe2;
	}
.cereals_box02 .box01:nth-child(2) {
margin:0 0 30px 0;
	}	
.cereals_box02 .box01 .txt {
padding:10px 20px;
	}
.cereals_box02 .box01 .txt h3 {
line-height: 2.5;
font-size:20px;
	}
.cereals_box02 .box01 img {
object-fit: cover;
width:100%;
height:auto;
	}
.cereals_box03 {
margin:0 auto 40px auto;
max-width: 90%;
    width: 90%;
    padding: 0;
	}
.cereals_box03 h3 {
margin:0;
	font-size:22px;
	line-height: 1.7;
	}
.cereals_box03 p {
margin:0 0 20px 0;
		font-size:16px;
	}
.cereals_box04 {
margin:0 auto 60px auto;
}
.cereals_box05 {
max-width: 90%;
    width: 90%;
margin:40px auto 0 auto;
}
.cereals_box05 p {
margin:0 0 20px 0;
		font-size:16px;
	}
}