@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 650px){
	
		
section.movie{
width: 95%;
margin: 30px auto;
}


section.movie div{

width: 90%!important;

}


section.movie div video{

max-width: 100%;

}


section.movie div p{


letter-spacing: 1px;
	font-size: 1.8rem;

}

section.movie div span{
	margin-top: 20px;
	
	padding: 5px 30px;

	font-size: 1.6rem;

}
	
	section.movie div h3{


	font-size: 1.4rem;

	
}

		
.logo{
	top: 10px;
	left: 1%;

	
}

.logo img{
	width:100%;
}


.logo h1{
	font-size: 1.0rem;

	font-weight: 600;
	
}
	.logo small{
	font-size: 1.0rem;
	color:#fff;
	font-weight: 500;
		
	
}

/* 当社について*/	
section.cd-bg-2 div span h3 {
	width: 80%;
	
font-size: 1.2rem;

	font-weight: 600;
	padding: 1px 0px;
	
 }
	

section.cd-bg-2 div div.company_info ul {
	width:80%;
	margin:20px auto 50px auto;
	font-size:1.2rem;

 }
	
	
	
	h2 {
    font-size: 2.2rem;


	
}
	
	.cd-fixed-bg {
    position: relative;
    min-height: 100%;
	
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
}
	
	
.cd-fixed-bg.cd-bg-2  {
  background-image: url("../images/company_back.jpg");
}

.cd-fixed-bg.cd-bg-3  {
 background-image: url("../images/gap_back.jpg");
}


.cd-fixed-bg.cd-bg-4  {
 background-image: url("../images/form_back.jpg");
	position: relative;
}

.cd-fixed-bg.cd-bg-5  {
 background-image: url("../images/item_back.jpg");
	
}
.cd-fixed-bg.cd-bg-5a{
 background-image: url("../images/item_back.jpg");

}


.cd-fixed-bg.cd-bg-6{
 background-image: url("../images/access_back.jpg");
}

	.cd-fixed-bg.cd-bg-7{
 background-image: url("../images/company_list.jpg");
}
	
/* サラノバレタス*/	
	.brand_topics01 div p{
 font-size: 1.1rem;
	font-weight: 500;
line-height: 28px;
	text-align: left;


}

/* 商品一覧*/
section.cd-bg-5 div div ol{
text-align: left;	
	font-size: 1.3rem;

	
	
}	
	
.map{
	
	width: 100%;
	height: 700px;
}

.form{
	margin-bottom:30%;
	height: 700px;
	width: 90%;
}
	
	


footer{

	width: 100%;
;
	height: 110px;
}

footer h3{
	font-size: 1.0rem;
	font-weight:700!important;

}

footer div{
display: inline-block;
	width: 40%;
	text-align: left;
	
}

footer div:last-of-type{
	width: 50%;
}
address{
		font-size: 0.9rem;

	
}

footer ul{


	margin-top: 20px;
}

footer ul li{
margin-right: 10px;

	font-size: 0.7rem;
}


footer small{
font-size: 0.4rem;
	text-align: left;
}
	
	

	
}


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





.form{
	margin-bottom: 10%;
	height: 650px;
	width: 90%;
}
	
	

}

@media screen and (min-width: 1024px){
	
	.sp_br{display: none;}
	

	
section.movie{
width: 95%;

}

	

section.movie div{

width: 90%!important;

}


section.movie div video{

max-width: 100%;

}


section.movie div p{


letter-spacing: 1px;
	font-size: 1.6rem;

}

section.movie div span{
	margin-top: 20px;
	
	padding: 5px 30px;

	font-size: 1.6rem;

}

	
section.cd-bg-2 div div.company_info span{
		width: 90%;
	display: block;

}

section.cd-bg-2 div div.company_info:first-of-type  span{
 
	width: 40%;


}
	

section.cd-bg-2 div div.company_info{
 display:inline-block;

	width:45%;
margin: 2% auto 0% auto ;
	font-size: 1.2rem;
}

section.cd-bg-2 div div.company_info:first-of-type{
 display:block;

	width:100%;
	
}


section.cd-bg-2 div span h3 {
	width: 80%;
	
font-size: 1.2rem;

	font-weight: 600;
	padding: 1px 0px;
	
 }

	


section.cd-bg-2 div div.company_info ul {
	width:80%;
	margin:20px auto;
	font-size:1.2rem;

 }


section.cd-bg-2 ul li{
	margin-bottom: 5px;
	text-align: left;
 }

section.cd-bg-2 div div.company_info:first-of-type ul {
	display: inline-block;
	width: 23%;

 }



h2 {
    font-size: 2.2rem;


	
}

h2::after {
	content: ' ';
	display: block;
   	width: 10%;
	background-color: aliceblue;
	height: 3px;
	margin: 7px auto 0px auto;
	
}


.cd-fixed-bg {
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
}
	
	
	

/* グローバルGAP*/

.cd-fixed-bg.cd-bg-3 div div{
	display: inline-block;
	width: 35%;
	margin-top: 100px;
}

.cd-fixed-bg.cd-bg-3 div div:last-of-type{
	display: inline-block;
	width: 50%;
	margin-left: 50px;
}




.cd-fixed-bg.cd-bg-3 div div p{

	text-align: left;
	background-color: hsla(0,0%,5%,0.80);
	padding: 10px;
}

	
/* サラノバレタス*/	
		
.brand_topics01{
width: 90%;
margin: 0px auto;
height:auto;
	padding: 3% 0;
text-align: center;
  display: block;
}

.brand_topics01 div{
width: 48%;
display: inline-block;
	vertical-align: top;
	padding: 5% 0  0 0;


}
.brand_topics01 div:nth-of-type(even){
margin-left: 10px;

}

	
.brand_topics01 div img{
width: 47%;

}

	.brand_topics01 div:nth-of-type(2){

		margin-bottom: 0px;

}

.brand_topics01 div:nth-of-type(3){

			margin-bottom: 0px;

}




.brand_topics01 div:nth-of-type(5) img{
width: 100%;
		

}


.brand_topics01 div h3{
 font-size: 1.8rem;
	font-weight: 600;
	margin: auto;
	text-align: left;
 padding-top: 1.6%;
	

}
	.brand_topics01 div h4{
 font-size: 1.4rem;
	font-weight: 600;
text-align: left;
}

	.brand_topics01 div p{
 font-size: 1.1rem;
	font-weight: 500;
line-height: 35px;
	text-align: left;


}
	
	.brand_topics01 div p b{
 font-size: 1.2rem;
	font-weight: 600;

}

	.brand_topics01 h5{
text-align: left;
	margin:2% 0px 0% 0px;
 font-size: 5.0rem;
	font-weight: 700;
	line-height: 90%;


}

	
	
/* 商品一覧*/
section.cd-bg-5 div div{
	display: inline-block;
	width: 40%;
	margin:50px auto 20px auto;
	}

section.cd-bg-5 div div:nth-of-type(2n){
margin-left: 20px;
}
	


	
section.cd-bg-5 div div h3{
	font-size: 1.5rem;
	margin:20px auto 10px auto;
	
}


section.cd-bg-5 div div ol{
text-align: left;	
	font-size: 1.0rem;
	width:auto;
	display: inline-block;
	margin: auto;
	list-style: disc;
	font-weight: 500;



	
}


footer{
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #FFFFFF;
		color:#313131;
text-align: center;
	vertical-align: top;
	height: 110px;
}

footer h3{
	font-size: 1.0rem;
	font-weight:700!important;
	vertical-align: top;
}

footer div{
	display: inline-block;
	width: 30%!important;
	text-align: center;
	vertical-align: top;
}

	footer div:last-of-type{
	width: 58%!important;
	
}

address{
		font-size: 0.9rem;
	font-style: normal;
	
}

footer ul{
	width: 100%;
margin:0;
  padding:0;
  list-style:none;
	
	margin-top: 30px;
		display: inline-block;
}

footer ul li{
	vertical-align: top;
margin-right: 20px;
	display: inline-block;
	font-size: 0.9rem;
}

footer ul li:last-child{
margin-right: 0px;
}

footer small{
display: block;
font-size: 0.6rem;
color:#717171;
width: 100%;
text-align: center;
	width: 100%;
	padding-top: 20px;
}



.map{
	
	width: 70%;
	height: 700px;
	margin-bottom: 10%;
}
	
	
/* プライバシーポリシー*/

	
.privacy{
	
		margin:0px auto 200px auto;

	
	
	}	

.privacy b{

			font-size: 1.2rem;
	
	text-align: center;
	}

	
	.privacy p{
	
		text-align: center;
		font-size: 1.0rem;
		
	}
	
	.privacy h4{

			font-size: 1.1rem;
	
	}
	.privacy ul{
		
		font-size: 1.0rem;
		
	}







/* トップページ 会社一覧 */
div.companylist{
width: 90%!important;	
	margin: 40px auto;
}


div.companylist span{
display:inline-block;
background-color: #f7f7f7;
	width: 30%!important;
	height: 440px;

	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	
}
	
	div.companylist a span{
-webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
div.companylist a span:hover{
opacity: 0.90;
}

div.companylist span h3, div.companylist span h4, div.companylist span small{
position: absolute;
	top: 250px;
	width: 100%;
	font-size: 1.2rem!important;
	line-height: 22px;
	 }



div.companylist  span h4{

	top: 320px;
	width: 100%;
	font-size: 0.9rem!important;
	line-height: 22px;
	font-weight: 600;
	
color: #484747;}

div.companylist span small{

	top: 380px;
	width: 100%;
	font-size: 0.8rem!important;
	line-height: 20px;
	font-weight: 500;
	
color: #484747;}





	
}


@media screen and (min-width: 1200px){
	
	.cd-fixed-bg.movie  {
    min-height:70%;
}

	
section.movie{
width: 95%;
flex-direction: row;
}


section.movie div{

width: 44%!important;

}


section.movie div video{

max-width: 100%;

}


section.movie div p{


letter-spacing: 1px;
	font-size: 1.4rem;

}

section.movie div span{
	margin-top: 20px;
	
	padding: 5px 30px;
	font-weight: 600;
	border-radius: 10px;
	font-size: 1.2rem;

}
}