@charset "utf-8";

/*【スマートフォン横】*/
@media screen and (min-width: 481px) {
} 

/*【タブレット縦以上】*/
@media screen and (min-width: 769px) {
html{
/*	scroll-margin-top: 60.6px;*/
}
body{
}

#navi-sp,
.sp_view,
.sp_br{
	display: none;
}
.pc_view{
	display: block;
}
.pc_br{
	display: block;
}
.pc_inline-view{
	display: inline;
}
.sp_inline-view{
	display: none;
}
.pc_mt4rem{
	margin-top:4rem !important;
}
.pc_mb5rem{
	margin-bottom:5rem !important;
}
.pc_mb11rem{
	margin-bottom:11rem !important;
}
.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.btn-arrow{
	font-size:var(--font-small);
}
.btn-arrow:after {
    padding: 0.8rem;
}
#header{
    background-image: url(../img/bg_mainvisual.jpg);
}
#header.company{
    background-image: url(../img/bg_mainvisual-company.jpg);
}
#header.contact{
    background-image: url(../img/bg_mainvisual-contact.jpg);
}

#header div.wrap img.agro {
    width: 140px;
    left: 5%;
    top: 30px;
}
#header.m_fixed{
	/*margin-bottom:89px;*/
}
#header.company{
	background-position: center top -110px;
}
#header.top{
    background-position: center;
	background-size: cover;
}
#mainvisual{
	height: 390px;
	background-size: 120px;
}
#mainvisual.boo{
	background-size:228px;
	    background-position: center top 165px;
}
.landing #mainvisual.boo{
	background-position:center;
}
#mainvisual h1{
	padding-top: 167px;
}
#mainvisual img{
	/*max-width:820px;*/
	max-width:660px;
	
}
.company #mainvisual img{
	max-width:492px;
}
.nurture #mainvisual img{
	max-width:540px;
}
.hikozaemon #mainvisual img,
.landing #mainvisual img,
.buy #mainvisual img,
.eat #mainvisual img,
.recipe #mainvisual img,
.topics #mainvisual img,
.contact #mainvisual img{
	max-width:488px;
}
.privacy{
	background-size: 410px !important;
}
#header.hikozaemon{
    background-image: url(../img/bg_mainvisual-hikozaemon.jpg);
}
#header.nurture #mainvisual h1{
	font-size:var(--font-vlarge);
}
#header.nurture #mainvisual h1 span{
	font-size:var(--font-large);
}

#logo {
	height: 297px;
	/*padding-top: 7.2rem;*/
	padding-top:3.5rem;
}
#logo img{
	max-width: 432px;
}
.top #logo img,
.landing #logo img{
	max-width: 650px;
}
nav{
	height:90px;
}
#navi-pc{
	display: block;
	width: 100%;
	background-color: #ffffff;
	background-image: url(../img/bg-menu-border-bottom.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 1.1rem;
	padding-bottom: 3.2rem;
	margin-top: 0rem;
}
#navi-pc>ul{
	width: 1053px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	list-style-type: none;

}

#navi-pc ul>li>a:hover{
	opacity: .7;
}
#navi-pc ul li.topics{
	position: relative;
}
#navi-pc ul li.topics ul.sub{
	display: none;
	position:absolute;
	border: 1px solid #80808033;
	padding: 10px 16px 15px;
	text-align: center;
	box-shadow: 0px 4px 5px #00000038;
	width:140px;
	background-color: #fff;
	top: 18px;
	left: -22px;
	list-style-type: none;
}

#navi-pc ul li.topics ul.sub li:first-child{
	background-image: url(../img/bg-menu-border-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 5px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
#navi-pc ul li.topics ul.sub li a{
	font-size: var(--font-small);
	text-decoration: underline;
	font-weight: bold;
	letter-spacing: 1px;
}
#navi-pc ul li.topics:hover ul.sub{
	display: block;

}
#navi-pc.m_fixed {
	left: 0;
	position: fixed;
	top: 0;
	margin-top:0;
}
#sideNavi a {
	top: 4rem;
	width: 30px;
	font-size: 2.2rem;
	padding: 2rem 1rem 2rem 1.8rem;
}
#sideNavi a.trans {
	top: 300px;
	padding: 3rem 1rem 3rem 1.8rem;
	white-space: nowrap;
}
#sideNavi a:hover{
	padding: 2rem 4rem 2rem 1.8rem;
}
#sideNavi a.trans:hover {
	padding: 3rem 4rem 3rem 1.8rem;
}


/* __common__ */
.container{
	padding:4rem 0;
}
h1.index{
	margin:0 auto;
    padding-top: 1rem;
	margin-bottom:5.4rem;
}
h1.index div{
    padding-bottom: 1.4rem;
	font-size:3.2rem;
}

h1.index div span::after,
h1.index div span::before,
.container h2.index::before{
	height:40px;
	width:40px;
	border-radius: 40px;
	margin-top:3px;
}
h1.index div span::before,
.container h2.index::before{
	margin-right:2.5rem;
}
h1.index div span::after{
	margin-left:2.5rem;
}

.container h2.index{
	width:900px;
	margin:0 auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
	font-size:var(--font-large);
}
.container h3.mincho{
	font-size: var(--font-middle);
}
/* __purposes__ */
#purposes{
    background-image: none;
    padding-top: 0rem;
    margin-top: 0rem;
}
#purposes ul,
#purposes .container{
	width:900px;
	margin:0 auto;
	padding:6rem 0 7rem;
}
#purposes .container>a{
	margin-bottom:3.5rem;
}

/* news/media */
#news  .container ul,
#media .container ul{
	padding: 0;
}
#news  .container ul,
#media .container ul,
#news  .container div.btn-box,
#media .container div.btn-box{
	width:900px;
	margin:0 auto;
}
#news  ul li,
#media ul li{
	padding: 1.5rem 3.5rem;
	font-size: var(--font-small);
}
#news .container {
    padding: 0 0 6rem;
}
#media .container {
    padding: 0 0 6.3rem;
}
#news  .container div.btn-box,
#media .container div.btn-box{
	margin-top:2rem;
}
#news ul p.date,
#media ul p.date {
	padding-right: 10rem;
    position: relative;
	font-size: var(--font-small);
}
#news ul p.date.new::after, #media ul p.date.new::after {
    font-size: 15px;
    border-radius: 8px;
    padding: 1px 10px 3px;
    right: 23px;
    top: 0px;
}
#topics-detail  div.btn-box{
	margin-top:3rem;
	margin-bottom:6rem;
}



/* sns */
#sns ul li a::before {
    font-size:75px;
}

/* contents-lineup */
#contents-lineup .container {
	padding: 5rem 0 3.5rem 0;
}
#contents-lineup .container ul{
	width:1080px;
	margin:0 auto;
}
#contents-lineup .container ul li{
	width:23%;
	padding:0m;
}
#contents-lineup .container ul li h2{
   margin-top: 2.7rem;
}
#contents-lineup .container ul li h2 div{
    padding-bottom: 1rem;
	font-size:2rem;
	font-weight: 500;
}
#contents-lineup .container ul li h2 div span{
	letter-spacing: 0;
}
#contents-lineup .container ul li h2 div span::after,
#contents-lineup .container ul li h2 div span::before{
	background-size: 63%;;
	height:20px;
	width:20px;
	border-radius: 20px;
}
#contents-lineup .container ul li img {
    width: 218px;
    height: 218px;
	border-radius: 150px;
}
/* footer */
#footer img.footlogo{
	width:380px;
}
#footer ul.footer-menu {
	width: 474px;
}
#footer ul.footer-menu li a img{
	/*width:auto;*/
}
#footer .copyright{
	margin-top:3rem;
    font-size: 2rem;
	padding:2rem 0;
}









/* Individual Pages */
/* company */
#company-message{
	background-color:#efefef;
}
#company-message .container {
	padding: 2rem 0 4rem;
	background-position: center top 14px;
	background-size: 150px;
}
#company-message .container h1.mincho img{
	width:631px;
}
#company-message .container p.mincho,
#company-rinen   .container p.mincho,
#company-vision  .container p.mincho{
	font-size:2.3rem;
	line-height: 1.8;
}

#company-rinen   .container p.mincho{
	padding: 4rem 0 2rem;
}
#company-vision  .container div.vision{
	width:900px;
	margin:0 auto 3rem;
}
#company-vision  .container p.mincho{
	margin:0 auto;
	width:700px;
	padding: 4rem 0 2rem;
}
#company-profile .container h2{
	margin-top:5rem;
}
#company-profile .container .profile{
	width:900px;
	margin:0rem auto 4rem;
	padding-top:0rem;
}
#company-profile .container .profile h3{
	margin:3rem 0 1rem;
	font-size:var(--font-normal);
	font-weight: normal;
}
#company-profile .container .profile table tr th,
#company-profile .container .profile table tr td,
#order .container table tr th,
#order .container table tr td{
	font-size:1.8rem;
}
#company-profile .container .profile table tr th,
#order .container table tr th{
	padding:1rem 3rem 1rem 0;
	width:150px;
	font-weight: normal;
}
#company-profile .container .profile table tr td,
#order .container table tr td{
	padding:1rem 0 1rem 5rem;
}
#company-profile .container .profile table tr:last-child td,
#order .container table tr:last-child td{
	padding:1rem 0 3rem 5rem;
}
#company-profile .container .profile table tr:first-child th,
#order .container table tr:first-child th{
	padding:3rem 3rem 1rem 0;
}
#company-profile .container .profile table tr:first-child td,
#order .container table tr:first-child td{
	padding:3rem 0 1rem 5rem;
}

#shop-info .container ul{
	width: 900px;
	margin: 0 auto;
}
#shop-info .container ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:2.5rem 0;
}
#shop-info .container ul li div.info{
	width: 55%;
	margin-bottom:0;
}
#shop-info .container ul li div.info h3 {
    margin-top: 0rem;
}
#shop-info .container ul li div.info div.address p.flex.pc-noflex{
	display: block;
}
#shop-info .container ul li div.info div.address p.flex.pc-noflex span{
	width: auto;
	display: block;
}
#shop-info .container ul li div.info div.address p.flex.pc-noflex span.marginL11rem{
	margin-left:11.1rem;
}
#shop-info .container ul li div.photo{
        width: 45%;
        padding-left: 90px;
        box-sizing: border-box;
}
#shop-info .container ul li div.photo img{
	width:100%;
}




/* nurture */
#farm{
	margin-top:	7rem;
}
#farm h1{
	margin-bottom:0;
}
#farm .container{
	width: 900px;
	margin: 0 auto;
	padding-top:0;
	background-image:url(../img/nurture/nurture-image01.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size:380px;
	padding-bottom:6rem;
}
#farm .container .text{
	padding-top: 6rem;
	width: 470px;
	font-size: 1.7rem;
	line-height: 1.7;
	text-align: justify;
}
#farm .container .farm-image{
	margin-top:10rem;
}
#farm .container .farm-image ul,
#certification .container .border-box ul,
#certification .container .text ul {
	display: flex;
	justify-content: space-between;
}
#farm .container .farm-image ul li,
#certification .container .text ul li{
	width:31%;
}

#farm_new{
	margin-top:	7rem;
}
#farm_new h1{
	margin-bottom:0;
}
#farm_new .container{
	width: 900px;
	margin: 0 auto;
	padding-top:0;
	background-image:url(../img/nurture/nurture-image01.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size:420px;
	padding-bottom:6rem;
}
#farm_new .container .text{
	padding-top: 6rem;
	width: 515px;
	font-size: 1.7rem;
	line-height: 1.7;
	text-align: justify;
}
#farm_new .container .box-single,
#farm_new .container .box-double{
	font-size: 1.7rem;
	margin-top:3rem;
}
#farm_new .container .box-single,
#farm_new .container .box-double ul li{
	width:425px;
}
#farm_new .container .box-double{
	margin-top:4rem;
}
#farm_new .container .box-single img,
#farm_new .container .box-double img{
	margin-bottom:2rem;
}
#farm_new .container .box-double ul {
	display: flex;
	justify-content: space-between;
}
#farm_new .container .box-double ul li{

}
#certification,
#environment,
#sustainable,
#sixth,
#shop-info{
scroll-margin-top: 55px;
}
#buy-info{
scroll-margin-top:15px;
}
#certification .container .text ul li img{
	width:95%;
}
#certification .container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 6rem;
}
#certification .container .text{
	font-size: 1.7rem;
	line-height: 1.7;
	text-align: justify;
}
#certification .container .border-box{
	width:90%;
	margin: 5rem auto;
	padding: 3.5rem 8rem;
	box-sizing: border-box;
}
.container .border-box>img{
	width:85%;
}
#certification .container .border-box ul{
	align-items: center;
}
#certification .container .border-box ul li{
	width:46%;
	margin-bottom: 0;
}
#certification .container .text ul{
	width:80%;
	margin:4rem auto;
}

#environment .container,
#sustainable .container,
#sixth .container,
#order .container,
#buy-lead .container,
#eat-lead .container,
#eat-body .container,
#recipe-lead .container,
#recipe-body .container,
#recipe-info .container,
#contact-lead .container,
#contact-body .container,
#topics-detail .container
 {
	background-image: unset;
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 900px;
	padding:0 0 8rem;
	margin: 0 auto;
	flex-wrap: wrap;
}
#environment .container .text,
#sustainable .container .text,
#sixth .container .text,
#order .container .text,
#buy-lead .container .text,
#eat-lead .container .text,
#eat-body .container .text,
#recipe-lead .container .text,
#recipe-body .container .text,
#recipe-info .container .text,
#contact-lead .container .text,
#contact-body .container .text,
#topics-detail .container .text
 {
	width:460px;
	font-size: 1.7rem;
	line-height: 1.7;
	text-align: justify;
}
#environment .container>p,
#sustainable .container>p,
#sixth .container>p,
#order .container>p,
#buy-lead .container>p,
#eat-lead .container>p,
#eat-body .container>p,
#recipe-lead .container>p,
#recipe-body .container>p,
#recipe-info .container>p,
#contact-lead .container>p,
#contact-body .container>p
 {
	width:380px;
	text-align:right;
	margin-top:0;
	margin-bottom:0;
}
#order .container{
	padding-bottom: 3rem;
}
#order .container>p.w100p {
	font-size: 1.7rem;
	margin-bottom:1.5rem;
}
#environment .container>p img,
#sustainable .container>p img,
#sixth .container>p img,
#order .container>p img{
	width: auto;
	max-width: 380px;
}
#premium,
#order{
	margin-bottom:10rem;
}
#environment .container{
	padding-bottom:3rem;
}
#environment .container>p{
	display: flex;
}
#environment .container>p a.jcredit{
	width:270px;
}
#environment .container>p a.sdgs{
	width:108px;
}
#order .container>ul li{
	font-size:1.8rem;
}

/* ひこ左衛門 */
#hikozaemon-lead{
	margin-top: 7rem;
}
#hikozaemon-lead .container,
#hikozaemon-story .container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 6rem;
}

/* プライバシー */
#privacy-lead{
	margin-top: 7rem;
}
#privacy-lead .container,
#privacy-policy .container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 6rem;
}

/* お肉を買う */
#buy-lead{
	margin-top: 7rem;
}
#buy-lead .container,
#buy-body .container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 6rem;
}
#buy-lead .container div.banner{
	padding:3rem 0 6rem !important;
}
#buy-lead .container p a img{
	width:100%;
}
#buy-info .container ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;

}
#buy-info .container ul li{
	padding:2.5rem 0;
	width:48%;
	border-bottom:none;
	margin-bottom:6rem;
}
#buy-info .container ul li div.info{

	margin-bottom:3rem;
}
#buy-info .container ul li div.info h3 {
    margin-top: 0rem;
}
#buy-info .container ul li div.info div.address p.flex.pc-noflex{
	display: block;
}
#buy-info .container ul li div.info div.address p.flex.pc-noflex span{
	width: auto;
	display: block;
}
#buy-info .container ul li div.info div.address p.flex.pc-noflex span.marginL11rem{
	margin-left:11.1rem;
}
#buy-info .container ul li div.photo{
        width: 45%;
        padding-left: 90px;
        box-sizing: border-box;
}
#buy-info .container ul li div.map iframe{
	width:100%;
	height:300px;
}
#buy-info .container ul li div.photo-block ul{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#buy-info .container ul li div.photo-block ul li{
	width:48%;
	padding:0 0 2rem;
	margin-bottom:0;
}
#buy-info .container ul li div.photo-block ul li img{
	width:100%;
}
/* eat */
/* お肉を買う */
#eat-lead{
	margin-top: 7rem;
}
#eat-lead .container,
#eat-body .container {
	width: 900px;
	margin: 0 auto;
	padding:0 0 6rem;
}
#eat-body .container ul{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
}
#eat-body .container ul li{
	padding:2.5rem 0;
	width:45%;
	border-bottom:none;
	font-size: 1.7rem;
	line-height: 1.7;
	text-align: justify;
}


/* recipe */
#recipe-lead{
    width:900px;
	margin:0 auto;
    background-image: none;
}
#recipe-lead .container{
	padding: 0 0 3rem;
}
#recipe-lead .container ul {
  margin-top:2rem;
  gap:1.5rem 4.5rem;
}
#recipe-lead h4 {
	padding: 0 3rem 0 0rem;
  background-position: left 200px center;
}
#recipe-lead h4 div{
  padding: .5rem 1rem;
  font-size: var(--font-normal);
}
#recipe-lead .container ul li::before {
  height: 30px;
  width: 30px;
  margin-right: 1rem;
}
#recipe-lead .container ul li a {
	font-size: 1.8rem;
	letter-spacing: 2px;
}
#recipe-body {
    background-image: url(../img/bg-menu-border-bottom.png);
    background-repeat: repeat-x;
    background-position: top;
    padding-top: 5rem;
}
#recipe-body .container{
	padding: 0 30px 3rem;
}
#recipe-body .container>ul>li{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 3rem;
	margin-bottom:0;
}
#recipe-body .container>ul>li:last-child{
	border-bottom:none;
	padding-bottom:0;
}
#recipe-body .container ul li h2 {
  padding: 1rem 0 1rem 4rem;
  font-size: 3rem;
  font-weight: 600;
}
#recipe-body .container ul li div.info{
	width:540px;
	margin-left:-30px;
	font-size: var(--font-normal);
}
#recipe-body .container ul li div.info div.category {
  margin-bottom: 3rem;
}
#recipe-body .container ul li div.info div.category h3 {
  padding: .5rem 1rem;
  font-size: var(--font-small);
}
#recipe-body .container ul li div.info div.category ul {
  margin-left: 2rem;
  gap: 2rem;
}
#recipe-body .container ul li div.info div.category ul li a {
}
#recipe-body .container ul li div.info a.view {
  font-size: var(--font-small);
}
#recipe-body .container ul li div.image{
	width:330px;
	padding:0
}
/* ランディング */
#landing-head  .container{
	text-align: center;
	width:800px;
	margin:0 auto;
}
#landing-head  .container img{
	width:723px;
}
#landing-head  .container p.mincho{
	font-size:1.7rem;
	line-height: 1.8;
}
#premium h1{
	margin-bottom:0;
}
#premium .container{
	width: 900px;
	margin: 0 auto ;
	padding-top:0;
	padding-bottom:0;
	background-image:url(../img/nurture/nurture-image01.png);
	background-position: right top -60px;
	background-repeat: no-repeat;
	background-size:380px;
}
#premium .container .text{
	padding-top: 6rem;
	width: 470px;
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: justify;
	padding-bottom:110px;
}
div.banner{
	padding: 0;
	width:920px;
	margin:2.5rem auto 0;
}
div.banner a{
	display: block;
	margin-bottom:4rem;
}
#voice .container ul{
	width:900px;
	margin:0 auto;
}
#voice .container ul li{
	margin-bottom:3rem;
}
#voice .container ul li i{
	font-size: 6rem;
	margin-right: 3rem;
	width: 52px;
}
#voice .container ul li p{
	font-size: var(--font-normal);
	width: calc(100% - 52px);
}
/* レシピ */
#recipe-info .container{
	padding: 4rem 5rem;
	border-radius: 10px;
	flex-direction: row-reverse;
	gap: 3rem;
	margin-bottom:2rem;
}
#recipe-info .container>p{
	text-align: left;
	width:100%;
}
#recipe-info .container .recipe-image{
	margin-top:0;
}
#recipe-info .container .left-block{
	width:424px;
}
#recipe-info .container .right-block{
	width:338px;
}
#recipe-info .container .note{
	width:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#recipe-info .container div.category h3{
	margin-top:0;
}
#recipe-info .container .note .advice {
    width: 570px;
}
#recipe-info .container .note .buy-btn {
    text-align: center;
    margin-top: 0;
}
#recipe-info .container .note .buy-btn a img{
    width:80%;
}
#recipe-info  div.btn-box{
	margin-top:3rem;
	margin-bottom:6rem;
}



/* お問合せ */
#contact-lead .container{
	padding-top:3rem;
}
#contact-lead h4{
	font-size:var(--font-large)
}
#contact-lead .container div.text{
	width:100%;
	text-align: center;
}
#contact table{
	width: 900px;
	margin: 0 auto;
	margin-bottom: 4rem;
}
#contact table tr{
	display: flex;
	align-items: center;
	margin-bottom:20px;
	padding-bottom:20px;
}
#contact table th,
#contact table td{
	padding: 0 0 0 0;
}
#contact table th {
	width:280px;
	padding-right:1rem;
	padding-left: 2rem;
	font-size:1.8rem;
}
#contact p.text{
	width: 464px;
	margin:0 auto;
	margin-top:0rem;
	margin-bottom:1rem;
}
#contact table th.require::before{
	top:1px;
}
#contact table td.radio{
	display: flex;
	gap:20px;
}
#contact table td.radio div{
	margin-bottom:2rem;
}









}