@charset "utf-8";
/* CSS Document */

body {;font-size:17px; font-weight:600;line-height:1.8;font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;margin:0 auto; height:100%;}
img, video {max-width:100%;}
address,em {font-style:normal;}
a {color:#FF7F00;text-decoration:none;}
a:hover,input[type="submit"]:hover,input[type="reset"]:hover{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
ul { list-style-type:none; margin:0; padding:0; }
figure,dl,dl dt,dl dd {margin:0; padding:0;}
header, main, article, footer, section, aside, nav, cite, figure, figcaption { display: block; }

/*********** class ****************************************/
.inner {width:96%;margin:0 auto;}
.middle_inner {width:100%;margin:0 auto;}
.s_inner {width:96%; max-width:1190px;margin:0 auto;}
.half {width:48%;margin:0 auto;}
.half_f {width:50%;margin:0 auto;}
.c-both {clear:both;}
.clearfix:after {content: "";clear: both;display: block;}
.left {float:left;}
.right {float:right;}
.center {display:block;	margin-left:auto; margin-right:auto;text-align:center;}
.sp,.i_sp {display:none;}
.block {display: block;}
.pr {position: relative;}
.pa {position: absolute;}
.pf {position:fixed;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.height {justify-content: space-between;flex-wrap: wrap;align-items: stretch;}
dl.table,ul.table {display:table;}
dl.table dt,dl.table dd,ul.table li {display:table-cell;}
.fit {object-fit:contain}
.column3 {width:31%; margin-right:3.5%;}
.column4 {width:23%; margin-right:calc(8% / 3);}
.column3_end, .column4_end { margin-right:0;}
.w61 {width:61%; margin: 0 auto;}
.w36 {width:36%;}
img.w36 {max-width:600px;}
.w51 {width:51%;}
.w46 {width:46%;}
.text-right {text-align:right;}
.animation-add {visibility: hidden; overflow:hidden;}
.db {display:block;}

/* font-size:*/
.fs15 {font-size:0.88em;}
.fs16 {font-size:0.94em;}
.fs18 {font-size:1.058em;}
.fs19 {font-size: 1.1em;}
.fs20 {font-size: 1.176em;}
.fs21 {font-size: 1.235em;}
.fs22 {font-size: 1.294em;}
.fs23 {font-size: 1.35em;}
.fs25 {font-size: 1.47em;}
.fs30 {font-size: 1.764em;}
.fs34 {font-size:2.0em;}
.fs42 {font-size: 2.47em;}
.fs60 {font-size:3.5em;}

/* color */
.white {color:#FFF;}
.orange {color:#FF8000;}
.green {color:#67B206;}
.red {color:#FF3333;}
.bg_orange {background-color:#FF8000;}
.bg_white {background-color:#FFF;}
.bg_lightkhaki {background-color:#F0F0E1;}
.bg_green {background-color:#68B307;}
.bg_black {background-color:#111;}
/*************** end class ***************************************************************/

/*************** header start ***********************************************************/
header h1 {margin:0.5em 0 0.15em 0;}
/*************** #header end *************************************************************/

/*************** main start *************************************************************/
article section {padding: 3em 0;}
section.contents_top {padding-top:4em;}
article .inner {width:1680px; max-width:96%;}
h2.ttl {line-height:2em;}
h2.ttl .large {font-size:4.21em;}
h2.ttl,h3.ttl {font-size:1.1176em; margin-bottom:3em;}
.caution {/*color:#FF3333;*/ font-weight:600;}
.strong {font-weight:600;}

/* background */
.bg_slash ,.bg_slash02 {background-image: url("../img/slash_bg01.png"); background-size: cover; background-repeat:no-repeat; background-position: top center;}
.bg_slash02 {background-image: url("../img/slash_bg02.png");}
.cow_pattern {background-image: url("../img/about/pattern01.png"),url("../img/about/pattern02.png"); background-size: contain; background-position:top left,top right; background-repeat:no-repeat;}

/* shadow */
.shadow {box-shadow: 10px 10px 0 #FF8000;}
.shadow_g {box-shadow: 10px 10px 0 #68B307;}

/* btn */
a.btn {border: 2px solid #FF8000; background-color:#FFF; width:calc(74% - 1em); max-width:calc(380px - 1em);padding: 0.65em 0.5em; position:relative; z-index:2;}
a.btn_g {border: 2px solid #68B307; color:#68B307;}
a.btn:hover {color:#FFF !important; opacity:1;filter:alpha(opacity=100);-ms-filter: "alpha( opacity=100 )";}
a.btn::after {content:""; width:2em; height:1px; background-color:#FF8000; position:absolute; top:calc(50% - 1px); right:-1em; }
a.btn_g::after {background-color:#68B307;}
a.btn::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: -1px;bottom: -1px;background: #FF8000;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;	-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;	transition-timing-function: ease-out;}
a.btn_g::before {background: #68B307;}
a.btn:hover::before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

/* ohter*/
.over_lay {top: 0;left: 0;width: 100%;height: 20%;z-index: -1;background: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0));}
dl.figure_box dt {position:relative; z-index:0;}
dl.figure_box dd.tab {top:0; left: 0; padding: 0 1em;}
dl.figure_box dd.btn_box {position:relative; z-index:1;}
dl.figure_box dd.btn_box a.btn {margin-top:-1em;}
dt.catch_s {margin-bottom:1em;}
dt.catch_s mark {padding:0.1em 0.5em;}
a.expansion_box {display: block;overflow: hidden;}
img.expansion {display:block;transition: all 0.5s;}
img.expansion:hover {transform:scale(1.1,1.1);transition:all 0.5s; overflow: hidden;}
section.grass {margin-top:0; padding-bottom:0;transform:}
section.grass .bg_green {padding: 1.25em 0; margin-top: -1.5em;}
.catch_s {font-weight:500;}
/*************** main end ***************************************************************/

#footer li.dib a.db {margin-block-end: 1.125em;}
#footer li.dib a.db:last-of-type{margin-inline-end: 0;}


/*************** top *************************************************************/
section.top_img video {width:100%;}
section.top_img div.filter {background-image: url("../img/top/top_img_filter.png");background-repeat: repeat;background-size: 2px;background-position: center center;height: 100%;top:0;left: 0;right: 0;bottom: 0;margin: 0 auto;}
h2.top_img_logo {top:20%; left:0; width:100%;}
h2.top_img_logo img {width: 317px; max-width: 40%;}
section#top_about {z-index:1}
section#top_about .middle_inner {width:90%;}
section#top_about .catch_box {width: 31em; padding:0.15em 3em; max-width:calc(100% - 6em);}
section#top_about .cow01 {width:23%; max-width:445px; top:3em; left:0;}
section#top_about .cow02 {width:20%; max-width:395px; top:2.5em; right:0;}
section#top_about .column3, section#top_recruit .column3 {margin-top:3em;}
.top_bg1 {background-image: url("../img/top/top_staff_bg.jpg"); background-size: cover; background-repeat:no-repeat; background-position: center bottom; z-index:0; padding-top: 3em; padding-bottom:8em;}
.top_bg1 .middle_inner {max-width: 1470px; width: 96%;}
.top_bg1 .toplink_img { margin: 0 0 0 auto; display:block;}
.top_bg1 img.expansion:hover {transform: scale(1.03,1.03);}
section#top_staff a.btn,section#top_instagram a.btn,section#top_gallery a.btn{margin-top:3em;}
section#top_recruit .milk_img {width: 15%; max-width: 285px; top:-4em ; left:10%;}
section#top_recruit .farm_img {width: 29%; max-width: 570px; top: 0.5em ; right:1%;}
section#top_recruit .text_box {margin-top:4vw;}
section#top_recruit .blank {/*margin-bottom:4em;*/}

/* contact_block */
section#top_gallery {max-width: 800px;width: 96%;margin: 0 auto;}

/* contact_block */
section.contact_block_wrapper {width:100%; max-width:100%; overflow:hidden; padding:0;}
section#contact_block {margin-top:3.5em; padding-bottom:5em; background-image: url("../img/top/top_contact_bg.jpg"); background-size: cover; background-repeat:no-repeat;background-position: center;}
section#contact_block .middle_inner {max-width:1470px;}
section#contact_block a.btn {width: calc(48% - 1em); max-width: calc(700px - 1em);}
section#contact_block a.btn i {padding-right:0.4em;}
section#contact_block a.btn::after {content:""; width:2em; height:2px; top:calc(50% - 1px); right:-1em; }
section#contact_block .cow03 {width: 14.5%; max-width:280px; top:-3vw; right:0;}

/*************** top end ***************************************************************/

/*************** contents_page *************************************************************/
section.contents_ttl {padding:8em 0 4em 0; background-image: url("../img/contents_ttl.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center;}
.owner_img img.fit:hover {opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha( opacity=0 )"; transition-property: opacity;	transition-duration:1s; transition-timing-function:ease-in-out;cursor: pointer;}
.owner_img {background-size: cover; background-repeat:no-repeat; background-position: center;}
.profile dl.table {width:100%; max-width:100%; border-bottom:1px dotted #666666; padding:0.7em 0;}
.profile dl.table dt {width:7em; padding-right:1em;}
.profile dl.table dd {width:calc(100% - 8em);}
.map_container {height:450px;}
.owner_img img {display:block;}

/* about */
section#towm .img_box {width:100%; margin-bottom: 2.25em;}
section#towm .airplane {width:276px; max-width:15%; top:-4em; right:2%;}
section#towm .cow04 {width:18%; max-width:370px; bottom:4em;left:0; z-index:2;}
section#concept {padding-bottom:0;}
section#concept .cow05 {width:27%; max-width:520px; top:-5em; right:0;}
section#concept .leaf {width:23%; max-width:438px; top:-1.25em; left:0.75em;}
section#concept dl.text_box {margin-top:1.75em;}
section#concept .owner_img {margin-top:1.75em; background-image:url("../img/about/about04_on.jpg");}
section#history {background-image: url("../img/about/history_bgi.jpg");background-size: cover; background-repeat:no-repeat; background-position: center top; z-index:0;}
section#history .chronological_table {width:600px; max-width:100%; margin:0 auto; padding-bottom:1.5em;}
section#history .chronological_table dt {width:7em; padding-left:1em;}
section#history .chronological_table dd {width:calc(100% - 8em);}
section#history figure.img_box {margin-top:2em;}
section#history figure.img_box:last-of-type {margin-bottom:1.5em;}
section#history figcaption {margin-top:0.2em;}
section#history figcaption .fa-chevron-circle-up {margin-right:0.2em;}

/* recruit */
section#message dl.text_box {margin-top:1.5em;} 
section#message .owner_img {max-width:760px; margin-top:1.5em; background-image:url("../img/recruit/recruit01_on.jpg");}
section#message .bottle{width:8%; max-width:134px; top:-2.5em; right:0;}
section#message .cow06 {width:20%; max-width:266px; top:-3em;left:0;}
section#movie {background-image:url("../img/recruit/movie_bgi.jpg");background-size: cover; background-repeat:no-repeat; background-position: center; padding-top:0;}
section#movie h3.movie_ttl {display:inline-block;margin-top:0; margin-bottom: 0.5em; padding:0 1.125em 0 2.5em;}
section#movie h3.movie_ttl::after {content:"";background:linear-gradient(to bottom right, #FF8000 50%, transparent 50.1%) top left/ 100% 100% no-repeat; width:1.25em; height:1.785em; position:absolute; top:0; right:-1.25em;}
section#movie .movie_box video {width: 760px;}
section#voice .milk {width:12%; max-width:230px; top:4.5em; left:0;}
section#voice .plant {width:21.4%; max-width:412px; top:0.2em; right:0;}
section#voice .text_box {width:860px; max-width:100%; margin:0 auto;}
section#voice .cow07 {width:22%; max-width:414px; top:0; right:2%;}
section#voice .grass {padding-top: calc(3em + 3vw); margin-top:-3em; overflow:visible;}
section#requirments .inner {width:1100px;}
section#requirments h3.ttl {margin-bottom:1.5em;}
section#requirments .profile dl.table dt {width:7em; padding-left:3em; padding-right:1em;}
section#requirments .profile dl.table dd {width:calc(100% - 11em);}
section#concept .owner_img {max-width:600px;}

/* staff */
section#staff {background-image: url("../img/staff/staff_bgi.jpg");background-size: cover; background-repeat:no-repeat; background-position: center; padding-bottom:5em;}
section#staff .inner {width: 870px;}
section#staff h3.fs34 {margin-bottom:0;}
section#staff .sfaff_box {width:350px; max-width:96%; margin:4em auto 0 auto;}
section#staff .sfaff_box .shadow_g {box-shadow: 5px 5px 0 #68B307;}
section#staff .sfaff_img_box {background-size: cover; background-repeat:no-repeat; background-position: center;}
section#staff #staff01 {background-image: url("../img/staff/staff01_on.jpg");}
section#staff #staff02 {background-image: url("../img/staff/staff02_on.jpg");}
section#staff #staff03 {background-image: url("../img/staff/staff03_on.jpg");}
section#staff #staff04 {background-image: url("../img/staff/staff04_on.jpg");}
section#staff #staff05 {background-image: url("../img/staff/staff05_on.jpg");}
section#staff .staff_img {display:block;}
section#staff .staff_img:hover {opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha( opacity=0 )"; transition-property: opacity;	transition-duration:1s; transition-timing-function:ease-in-out;cursor: pointer}
section#staff figcaption.bg_white {background-color: rgba(255,255,255,0.8); padding:0.5em 0.5em 0.25em 0.5em; margin-top: 0.8em}
section#staff figcaption.bg_white dl.table {width:100%; margin:0.2em 0;}
section#staff figcaption.bg_white dl.table dt {width:6em; text-align:center; padding: 0 0.5em 0.1em 0.5em; margin:0.25em 0;vertical-align: middle;}
section#staff figcaption.bg_white dl.table dd {width: clac(100% - 8em); padding:0 0.5em 0.1em 1em;}
section#staff figcaption.bg_white dl.table dt.center {display:block; margin:0.2425em auto;}
section#staff .cow08 {width:19%; max-width:360px; top:4.5vw; left:3vw;}
section#staff .dairy_product {width:12%; max-width:230px; top:10vw; right:4.5vw;}
section#staff .ice_cream {width:5%; max-width:98px; bottom:17.5vw; left:10vw;}

/* gallery */
section#gallery #movie {margin-block-end: 5em;}
section#gallery #photo .p_inner {inline-size: min(1580px,96%);margin:0 auto;}
section#gallery #photo .p_inner ul {justify-content: flex-start;margin-top: 3em;gap: 2.1%;}
section#gallery #photo .p_inner ul li.list {width: min(370px,23.75%);margin-bottom: 1.875%;}
.fade_in {opacity: 0;transition: all 1s;transform: translateY(2rem);}
.fade_in.active {opacity: 1;transform: translateY(0);}
.d025s {transition-delay: 0.25s !important;}
.d05s {transition-delay: 0.5s !important;}
.d075s {transition-delay: 0.75s !important;}

/* contact */
section#contact {background-image: url("../img/contact/contact_bgi.jpg");background-size: cover; background-repeat:no-repeat; background-position: center bottom;}
span.h,span.n {background-color: #E80032;color: #FFF;font-size: 0.7em;display: inline-block;border-radius: 0.5em;padding: 0.136em 0.652em 0.15em 0.652em;font-weight: 300;vertical-align: middle;}
span.n {background-color: #7FCDF1;}
span.memo {display: block;margin-top: 1.5em;font-weight: 400;}
span.error {color: #d53333;}
section#contact form {margin-top: 4em;}
section#contact form dl {display: table;width: 100%;margin: 0 auto;max-width: 982px;}
section#contact form dl dt,section#contact form dl dd {display: table-cell;font-weight: 500;font-family: sans-serif;}
section#contact form dl dt {background-color: #EEE;text-align: right;vertical-align: middle;width: 31%;padding: 0 1.25em 0 1em;font-weight: 600;border-bottom: 3px solid #fbfbf2;box-sizing: border-box;font-size:1.1em;}
section#contact form dl dd {width: 58%;box-sizing: border-box;padding-left: 2%;padding-top: 0.75em;padding-bottom: 0.75em;}
section#contact form dl dt.end {border:none;}
section#contact form dl dd input {width: 100%;box-sizing: border-box;border: 1px solid #7A7A7A;padding: 0.4em 0.5em;font-size: 1em;font-weight: 300;}
section#contact form dl dd textarea {width: 100%;box-sizing: border-box;height: 8.5em;padding: 0.594em 0.5em;border: 1px solid #7A7A7A;font-size: 1em;font-weight: 300; font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
section#contact form input[type="submit"] {-webkit-appearance: none;width: 80%;margin: 2em auto 0 auto;color:#FFF;background-color: #FF8000;border: 2px solid #FF8000;cursor: pointer;padding: 0.682em 0;max-width: 20.9090em;transition: .2s;font-size: 1.235em;font-weight: 600;}
section#contact form input[type="submit"]:hover {background-color: #FFF; color:#FF8000;}
form a.back,form a.post {text-align: center;text-decoration: none;width: 45%;position: relative;-webkit-appearance: none;color:#FFF;background-color: #68B307;border: 2px solid #68B307;cursor: pointer;max-width: 20.9090em;transition: .2s;font-size: 1.375em;padding: 0.682em 0;}
form a.post {background-color: #FF8000;border: solid 2px #FF8000;}
form a.back:hover,form a.post:hover{background-color: #FFF;}
form a.post:hover{color:#FF8000;}
form a.back:hover{color:#68B307;}
form a.back i,form a.post i {position: absolute;height: 1em;top: 0;bottom: 0;left: 1.1em;right: auto;margin: auto;}
form a.post i {left: auto;right: 1.1em;}
section#contact .flex {width: 70%;margin-top: 4em;justify-content: space-evenly;}
/*section.bg_none {background-image:none;}*/
/* complete */
section.complete #formtop{padding: 0em 1em 10em 1em;}
section.complete #formtop .bottom_space{padding-bottom:7em;}

/*************** contents_page end *************************************************************/

/*************** footer start *************************************************************/
footer {padding: 2em 0 0 0;}
footer a {color:#000;}
.f_logo{max-width: 210px;width: 20%;}
ul.f_navi li {padding-right:3.5em;}
ul.f_navi li:last-of-type {padding-right:0;}
ul.f_navi li ul.sub li {padding-left:1.75em; padding-right:0;line-height: 2;}
ul.f_navi li ul.sub li::before {content:""; width:1em; height:1px; background-color:#000; position:absolute; top:1em; left:0;}
footer .copy {padding-top:1em;}
#to_top {bottom: 2vw;right: 1.25em;display: inline-block;width: 60px;height: 60px;border-radius: 50%;text-align:center;line-height: 2.4;z-index:9999;}
/*************** footer end ***************************************************************/

@media (min-width: 768px) and (max-width: 1600px) {
	section#contact_block a.btn::after {width: 1em; height: 1px;  right: -0.5em;}
	section#voice .milk {top:4vw;}
    section#voice .cow07 {top:1em;}
	section.grass .bg_green {margin-top:-0.5em;}
	section#gallery #photo .p_inner ul {gap: 1.5%;}	
}	
@media (min-width: 1025px) and (max-width: 1260px) {
	section#top_recruit img.tr03 {margin-top:4vw;}	
    section#top_recruit .text_box {margin-top:0;}
	section#contact_block a.btn {font-size:1.875em;}
	section#staff .ice_cream {left:1.5vw;}		
}
@media (min-width: 768px) and (max-width: 1024px) {
	footer {font-size:0.85em;}
	section#towm .airplane {top:-2em;}
	section#message .owner_img {float:none; clear:both;}	
    .f_logo {width: 18%;}
	ul.f_navi li {padding-right: 2.25em;}	
	section#concept .our_concept ,section#concept .owner_img{width:100%;float:none; }
}
@media  (max-width: 1024px) {
	.mibile_full {width:100%;}
	.profile dl.table {padding: 0.5em 0;}
	dl.figure_box {font-size: 0.85em;}
	section#top_recruit img.tr03,section#top_recruit .text_box {width:100%; float:none;}
	section#top_recruit img.tr03 {max-width:800px; display: block;}
	section#contact_block a.btn {font-size:1.35em;}
	section#towm {padding-bottom:9em;}
	section#towm .cow04 {bottom:-3em;}
	section#history .chronological_table {padding-bottom: 0.75em;}
	section#history figure.img_box {margin-top: 1.25em;}
	section#message dl.text_box {margin-top:0;}	
	section#staff .ice_cream {display:none;}	
	section#concept .owner_img {margin-left:auto; margin-right:auto;}	
}