@charset "utf-8";
/* CSS Document */
body {font-size: 13px;}
.pc {display:none;}
.sp {display:block;}
.i_sp {display:inline;}
.column3 {width:94%; margin:0 auto}
.column3_end { margin-right:auto;}
.left, .right {float:none;}
.sp_full {width:100%;}
.sp_left {text-align:left;}

/*  header */
header h1 {width:186px;}
.zdo_drawer_menu .zdo_drawer_button {top:2px;}
.zdo_drawer_menu .zdo_drawer_text {margin-top:-5px;}

/* main */
article section {padding: 1.75em 0;}
section.contents_top {padding-top:1.25em;}
h3.ttl {margin-bottom:1.5em;}
h3.ttl img {height:42px;}
h3.fs34,h4.fs34 {font-size:1.75em;}
.shadow {max-width:calc(100% - 10px); box-shadow: 5px 5px 0 #FF8000;}
.shadow_g {max-width:calc(100% - 10px); box-shadow: 5px 5px 0 #68B307;}
section#top_staff a.btn,section#top_instagram a.btn {margin-top:1.5em;}
dt.catch_s mark {font-size:0.9417em;}
img.w36 {max-width:100%;}

/* contact_block */
section#contact_block {padding:1.5em 0 2.5em 0;}
section#contact_block a.btn {width:calc(100% - 3em); margin-bottom:1em;}
section#contact_block a.btn:last-of-type {margin-bottom:0;}
section#contact_block .cow03 {width:27.5%;}

/* footer */
.f_logo{width: 120px;}
footer nav ul.flex {flex-direction :column; width:100%; text-align: center;}
ul.f_navi li {padding-right:0; margin-top:0.65em;}
ul.f_navi li ul.sub li {padding-left:0; margin-top:0.1em;}
ul.f_navi li ul.sub li::before {display:none;}
#to_top {right:0.5em;bottom: 22vw;line-height: 3.2;}

/* top */
h2.top_img_logo {top:10%;}
section#top_about .middle_inner {width: 100%;}
section#top_about .cow01 {width:35%; max-width:150px; top:-1.5em;}
section#top_about .cow02 {width:30.5%; max-width:135px; top:-1.5em;}
section#top_about .catch_box {padding: 0.15em 1.5em;max-width: calc(100% - 3em);}
section#top_about .column3, section#top_recruit .column3 {margin-top:2.5em; max-width:520px;}
section#top_recruit img.tr03 {max-width:calc(100% - 10px); margin-bottom:2.0em;}
section#top_recruit .milk_img {width: 20%; top:-2em ; left:5%;}
section#top_staff,section#top_instagram {width: 100%;}
.top_bg1 {padding-bottom:4em;}

/* contents page */
section.contents_ttl {padding: 4em 0 1em 0;}
h2.ttl .large {font-size:3em;}
.bg_green .column4 {float:left; width:48%; margin-left:auto; margin-right:auto;}
.bg_green .column4:nth-of-type(2n) {float:right;}
section.grass .bg_green {margin-top: -0.5em;}
.map_container {height:270px;}

/* about */
section#towm .img_box figure.column3 {margin-bottom:1em;}
section#towm .airplane {max-width: 30%; top:-3.5em;}
section#towm {padding-bottom:8em;}
section#towm .cow04 {width:30%; bottom:-10vw; max-width:150px;}
section#concept .cow05 {width:45%; top:-12vw; max-width:230px;}
section#concept .owner_img,section#company .map_container {margin-top: 2.5em;}
section#history .chronological_table {width:100%;}
/*section#towm dt.catch_s mark {font-size:0.791em;}*/
/* recruit */
section#message .bottle{width:13.5%; max-width:70px; top:-0.5em; right:0.75em;}
section#message .cow06 {width:50%; max-width:180px; top:-4.75em;left:-6em; overflow:hidden;}
section#movie h3.movie_ttl {font-size:2em;}
section#movie .movie_box {margin-bottom:1.5em;}
section#voice .grass {padding-top:17vw; margin-top:0;}
section#voice .milk {width:20%; top:0.25em; left:0.25em;}
section#voice .plant {width:30%; top:-0.5em; right:0;}
section#voice .cow07 {width:42.5%; top:0; right:2%;}
section#requirments .profile dl.table dt {width:6em; padding-left:1em; padding-right:1em;}
section#requirments .profile dl.table dd {width:calc(100% - 8em);}

/* staff */
section#staff {padding-bottom:3.5em;}
section#staff h3.fs34 {margin-bottom:0;}
section#staff .sfaff_box {width:48.5%; max-width:350px; float:left; margin-top:2em;}
section#staff .sfaff_box:nth-of-type(2n) {float:right;}
section#staff figcaption.bg_white dl.table dt {padding: 0 0.25em 0.1em 0.25em;}
section#staff figcaption.bg_white dl.table dt.center {margin: 0.2em auto;}
section#staff figcaption.bg_white dl.table dd {width: clac(100% - 7em); padding:0 0.25em 0.1em 0.75em;}
section#staff figcaption.bg_white dl.table dd.fs18 {font-size:1.0em;}
section#staff figcaption.bg_white dl.hobby dt {width:2.5em;}
section#staff figcaption.bg_white dl.hobby dd {width: clac(100% - 3.5em);}
section#staff .cow08 {width:27.5%; max-width:160px;top:3.5vw; left:2.5vw;}
section#staff .dairy_product {width:15%; max-width:80px; top:5vw; right:5vw;}

/* gallery */
section#gallery #photo .p_inner ul li.list {width: min(370px, 48%);margin-bottom: 2em;}

/* contact */
section#contact {padding-bottom:3em;}
section#contact p.contact_info{text-align: left;font-size: 1em;}
section#contact form{margin-top: 3em;}
section#contact form dl,section#contact form dl dt,section#contact form dl dd{display: block;width: 100%;text-align: left;margin: 0 auto;}
section#contact form dl dt{padding: 1em;}
section#contact form dl dd{padding: 0.75em 0 2em 0;}
span.memo{margin-top: 1em;}
section#contact form dl dd input {padding: 0.6em 0.5em;}
section#contact form input[type="submit"]{margin-top: 0;}
section#contact .flex{width: 100%;margin-top: 2em;}
form a.back, form a.post{display: block;width: 46%;margin: 0 auto 0 auto;max-width: 46%; padding:0.4em 0;}
form a.post{margin-bottom:0;}
section.completee #formtop .bottom_space{padding-bottom:5em;}

@media  (max-width: 370px) {
section#staff figcaption.bg_white dl.table {font-size:0.875em;}
}