@charset "utf-8";
/* CSS Document */
body {font-size: 12px;}
.sp {display: block;}
.pc {display: none;}
.left {float: none;}
.right {float: none;}
.sp_left{text-align: left;}
.sp_center {text-align: center;}
.flex {display: block;}
.table {display: block;}
.ttl span.small {font-size: 0.5em;}
.ttl.left span.small::after {right: 0;}
.catch {font-size:1.5em;}
/*header*/
header#header {background-color: #fff;height: 5em;}
header#header .inner {padding: 0.75em 0 0.5em 0;}
header#header .inner h1.top_ttl {margin: 0 0 0 0;width: min(255px,6.5em);}
header#header .right_se {right: 0%;}
header#header .right_se a.e_mail {width: 41px;height: 41px;top: -0.5em;position: relative;padding-top: 0.75em;}
header#header .right_se a.e_mail img {width: min(28px,2em);}
.NavMenu ul#nav li.list a.list_a img.icon {width: min(50px,2.75em);}
.toggle {width: 41px;height: 41px;top: 0.75em;}
.toggle span {left: 11px;}
.toggle span:nth-of-type(1) {top: 7px;}
.toggle span:nth-of-type(2) {top: 13px;}
.toggle span:nth-of-type(3) {top: 19px;}
.toggle span:nth-of-type(3)::after {top: 2px;left: -4px;font-size: 0.575rem;}
.toggle.active span:nth-of-type(1) {top: 9px;left: 14px;}
.toggle.active span:nth-of-type(3) {top: 21px;left: 14px;}
.toggle.active span:nth-of-type(3)::after {top: 2px;left: 2px;}
header#header .right_se #google_translate_element {margin-right: 0;position: absolute;right: 0; top:5.5em;}
.NavMenu ul#nav {top: 16%;left: 50%;transform: translateX(-50%);width: 96%;}
.NavMenu ul#nav li.list {padding: 0.75em 0;}
.NavMenu {background-position: right 3.5% top 29%;background-size: 81%;}
.NavMenu ul#nav li.list {font-size: 1.125em;text-shadow: 0 0 1px #fff;}
/*top*/
#top_movie a.heading_bnr {bottom: -14vw;right: -6.25%; width:50%; max-width:280px; overflow-x: hidden;}
#top_about {padding-top: 1em;}
#top_about img.pa {top: -3em;}
#top_movie {margin-top: 5em;}
#top_about .flex_img {display: none;}
#top_about .flex_item {width: 100%;}
#top_about .lower_inner a.pr p.pa,#top_recruit .lower_inner a.pr p.pa {font-size: 1.35em;width: 49%;padding: 1em 0 0.75em 0;}
#top_about .lower_inner a.pr,#top_recruit .lower_inner a.pr {width: min(540px,90%);margin-left: auto;margin-right: auto;}
#top_about .lower_inner a.pr p.pr,#top_recruit .lower_inner a.pr p.pr {font-size: 1.25em;}
#top_recruit img.full_img {position: relative;margin: 2em auto 0 auto;top: 0;}
#top_recruit .left_img {left: 1.5%;top: -13%;width: min(481px,45%);}
#top_recruit .right_img {right: 1.5%;top: 37%;width: min(481px,45%);}
#top_staff img.cow1 {top: -11%;}
.more {font-size: 1.25em;}
#top_staff .small_inner {width: min(740px,90%);margin: auto;}
#top_staff {padding: 3em 0 6em 0;}
#top_gallery .gallery_link a.pr {width: min(840px,90%);margin-left: auto;margin-right: auto;}
#top_gallery .gallery_link .right_img {margin-top: 8.5em;}
#top_gallery .gallery_link .right .bg_img {bottom: -40%;left: -5%;width: min(480px,58%);}
#top_gallery .gallery_link .left .bg_img {top: 80%;width: min(680px,54%);right: -5%;}
#top_gallery {padding: 3em 0 18em 0;}
#top_gallery .gallery_link a.pr p.pa {font-size: 1.35em;}
#top_gallery .gallery_link a.pr p.pa img.icon {width: min(40px,8%);vertical-align: sub;margin-right: -1em;}
.footer_img .bg2 {width: min(657px,15em);}
footer#footer h4.footer_ttl {width: min(122px,25%);margin: 1em auto 2em auto;}
footer#footer {padding-top: 2em;}
footer#footer p.footer_tel {margin-top: 0.75em;font-size: 1.125em;}
footer#footer address.address {font-size: 1.25em;}
footer#footer p.footer_tel img.icon {width: min(40px,7%);}
footer#footer nav.footer_nav ul.footer_ul {box-sizing: border-box;padding: 0 13%;font-size: 1.125em;}
footer#footer nav.footer_nav li.footer_list {margin-right: 0;margin-top: 1.25em;display: block;}
footer#footer nav.footer_nav li.in_list {font-size: 0.875em;margin-bottom: 0;letter-spacing: 0.025em;margin-top: 1em;}
footer#footer p.copy {font-size: 1em;margin-top: 3em;}
/*about*/
.text_style1 {line-height: 2em;font-size: 1em;}
.page_top {margin-top: 5em;}
.page_top .top_img_text {width: min(540px,55%);}
.page_top .top_img2 {bottom: -1%;}
#top_about .flex_item p.p_1,#top_recruit p.p_1 {font-size: 1.083em;}
#town .text_box {width: min(730px,100%);margin: auto;}
#town img.hokkaido {bottom: 0;width: min(423px,31%);top: -4em;}
#town img.bk1 {right: auto;bottom: 0;width: min(400px,25%);top: 0;left: 0;}
#about .middle_inner .flex .flex_item {width: min(540px,100%);margin: auto;}
#about .middle_inner .flex .flex_item img.img2 {margin-top: 2em;}
#about .a_cow1 {width: min(350px,30%);}
#about .a_cow2 {top: auto;width: min(350px,30%);bottom: 0;}
#about .middle_inner .flex .flex_item:last-of-type {display: none;}
#about .aq1 {left: 2%;top: 3%;width: min(380px,26%);}
#particular .p_cow2 {display: none;}
#particular .p_cow1 {top: 2%;width: min(350px,27%);}
#particular .bk2 {left: 1%;top: 6%;width: min(400px,26%);}
#particular .img_box_inner img.img {width: min(540px,100%);margin: auto;display: block;}
#particular .img_box_inner img.right {margin-top: 2em;}
#particular .img_box_inner img.p_bg {left: -2%;bottom: -8%;width: min(520px,80%);}
#particular .particular_movie .bk3 {top: -10%;}
#particular .img_box_inner img.b_bg {right: -2%;top: -8%;width: min(520px,80%);}
#particular .particular_movie .aqa2 {top: auto;bottom: 7%;}
#particular .particular_movie {padding-bottom: 4em;background-size: 250%;}
#profile .prof_cow1,#profile .prof_cow2 {top: -3%;width: min(350px,27%);}
#profile .img_box_inner .map {width: min(540px,100%);margin: auto;}
#profile .img_box_inner .map iframe {height: 250px;}
#profile .img_box_inner img.right {width: min(540px,100%);margin: 2em auto 4em auto;display: block;}
.movie_box {width: min(740px,90%);}
#profile .profile_movie {background-size: 250%;padding-bottom: 35%;}
#profile .profile_movie .bl1 {top: auto;bottom: 33%;}
/*recruit*/
#message .text_img {margin: 1em auto 0em auto;}
#message .text_box.left {width: min(1010px,100%);}
#message .text_box .p_1 span.pi {font-size: 1.25em;margin-bottom: 1em;}
#voice {padding: 1em 0 0 0;}
#voice img.bk1 {top: -14%;}
#voice .img_box .flex .flex_item img.img1,
#voice .img_box .flex .flex_item img.img2,
#voice .img_box .flex .flex_item img.img3 {margin: 2em auto 0 auto;}
#voice .img_box .flex .flex_item {width: min(540px,96%);margin: auto;}
#message .bg {background-position: right top;background-size: 120%;}
#message .text_box.in_right {width: min(740px,58%);}
#message .cow1 {bottom: auto;width: min(690px,20%);top: 70vw;}
#voice .img_box {background-position: left -1em top;background-size: 200%;}
#voice .senior .comment_box_inner {width: min(1160px,90%);}
#voice .senior p.comment1 {font-size: 0.95em;width: 79%;margin-right: 21%;border: 3px solid #ff4062;}
#voice .senior p.comment2 {font-size: 0.95em;width: 79%;margin-left: 21%;border: 3px solid #423e96;}
#voice .senior .staff1 {top: 29%;}
#voice .senior .staff1_bg {top: 41%;width: min(523px,18%);}
#voice .senior .staff2_bg {top: 10%;width: min(510px,21%);}
#requirements .bg {background-position: center top 4em;}
#message .ttl.left span.small::after,#requirements .ttl.left span.small::after {right: auto;}
#requirements .text_box {width: min(1010px,90%);padding-bottom: 9em;margin: auto;}
#requirements .cow2 {bottom: -5%;width: min(690px,9em);}
#entry {padding: 6.5em 0 40% 0;}
#entry .link a.wh {width: 60%;display: block;margin: 1em auto;}
#entry .bg1,#entry .bg2 {top: 10%;}
#requirements .text_box dl.table .r_dt {width: 7em;}
#voice .senior img.c_1 {right: -18px;top: 12%;width: 18px;}
#voice .senior img.c_2 {left: -16px;top: 12%;width: 16px;}
#voice .senior {padding-top: 0em;}
#voice .senior .staff_link img.img {width: min(740px,80%);}
#requirements #intern h4.intern_ttl {font-size: 1.25em;margin-bottom: 0.1em}
#requirements #intern .intern_sub_ttl {font-size:1.0625em;margin-bottom: 0.1em;}
#requirements #intern dl.entry_detail .r_dt {width:8em; padding-right:1em;}
#requirements .cow3 {bottom: -7.5vw; top:auto;width: min(690px,9em);}
/*staff*/
#staff .lower_inner a.pr {width: min(540px,90%);margin: 4em auto 0 auto;}
#staff .lower_inner {width: min(1120px,90%);}
#staff .lower_inner a.pr p.pa {font-size: 1.3em;}
.mfp-iframe-scaler {padding-top: 150% !important;}
#staff {padding-bottom: 12em;}
#staff .staff_bg img.cow1 {top: 30%;width: min(540px,22%);}
#staff .staff_bg img.cow2 {top: 54%;width: min(550px,22%);}
#staff .staff_bg::after {inset: -2em 0 auto 0;height: 4em;}
#staff_top.page_top .top_img_text {width: min(540px,45%);}
/*contact*/
#contact dl.table,#contact dl.table dt.form_ttl,#contact dl.table dd.form_text {display: block;}
#contact dl.table dt.form_ttl {width: 100%;text-align: left;padding: 0.5em 0.75em;}
#contact dl.table dd.form_text {width: 100%;margin-bottom: 2em;padding: 0.75em 0em;}
#contact {padding-bottom: 7em;}
#contact textarea {height: 48vw;}
#contact input[type="submit"] {width: 80%;padding: 1em 0;margin-top: 3em;font-size: 1.125em;}
#top_btn {top: -3%;width: min(120px,19%);}
#contact form#formtop {font-size: 0.875em;}
#contact dl.table dd.form_text span.memo {font-size: 0.875em;}
.conf_btn {width: 100%;padding: 0.75em 0;font-size: 1.25em;display: block;margin: 1em auto;}
/*gallery*/
#gallery video.video {width: min(740px,100%);}
#gallery .img_box.in_right {float: left;margin-right: 2%;}
#gallery .img_box {width: min(520px,48%);margin-bottom: 1em;}
#gallery .img_box:nth-of-type(2n) {margin-right: 0 !important;}
#gallery {padding-bottom: 10em;}
#gallery .bg:first-of-type {margin-bottom: 1em;}