@charset "utf-8";
/* CSS Document */
body {font-size: 2.65vw;}
.pc {display: none;}
.sp {display: block;}
.left {float: none;}
.right {float: none;}
.sp_left {text-align: left !important;}
.sp_center {text-align: center;}
.flex {display: block;}
.in_flex {display: flex;}
.table {display: block;}
.table dt,.table dd {display: block;}
.ttl {font-size: 3.25em;}
.ttl span.small {font-size: 0.45em;}
.ttl span.small::before {block-size: 3px;inset-block-start: -0.5em;}
.more {font-size: 1.25em;margin-inline: auto;}
:root {--h-size: 3.8em;}
.d025s,.d05s,.d075s {transition-delay: 0s !important;}
.middle_inner {inline-size: 96%;}
.lower_inner {inline-size: 96%;}
/*header*/
.menu_btn {display: block;}
#header .inner {inline-size: 100%;padding: 1.1em 0.875em 0.875em 0.875em;z-index: 1;}
#header h1.site_ttl {inline-size: min(324px,16em);}
.header_nav .recruit_btn {inline-size: 3em;border: none;box-shadow: 0 0 0 transparent;margin-inline-end: 1em;padding-inline-start: 0;margin-block-start: 0.75em;display: none;}
.header_menu {display: none;inset: 0 0 auto 0;padding: 7em 1.125em 1em 1.125em;inline-size: 100%;background-color: #fff;z-index: 0;}
.header_nav .menu_btn {font-size: 0.925em;}
.header_nav .menu_btn span {margin-block-start: 0;line-height: 1;}
.header_nav #trans {inset: 0.75em 4.875em auto auto;}
.header_menu [class^="ul"] .list {margin-block-end: 2.5em;}
.header_menu [class^="ul"] .list .in_ul {margin-block: 1em 2em;}
.header_menu .ul1,
.header_menu .ul2,
.header_menu .ul3 {inline-size: 100%;}
.header_menu [class^="ul"] .list .link .small {font-size: 0.875em;margin-block-end: 0;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link {font-size: 1.45em;}
.ttl1 {font-size: 2em;}
.ttl2 .text {font-size: 2em;}
.ttl2 .large {font-size: 2.5em;}
.ttl3 .text,#top_gallery .ttl3 .text {font-size: 2em;}
.ttl3 .large,#top_gallery .ttl3 .large {font-size: 2.5em;}

#fv {aspect-ratio: 750 / 1000;margin-block-start: 5em;}
#fv video {inset: -1% 0 0 0;}
#fv .recruit_link {inset: auto 1.5% 2.65em auto;inline-size: min(335px,41.5%);}
#fv .recruit_link .text1 {font-size: 1.5em;}
#fv .recruit_link .text2 {font-size: 1.5em;}

#top_about {padding-block: 0 4.5em;}
#top_about::before {aspect-ratio: 1 / 4;background-size: 100% auto,33% auto;}
#top_about .text_slide_box {transform: translateY(-0.75em);margin-block: 0.5em 1em;font-size: 0.875em;}
#top_about .top_column {padding-block-start: 9.65em;}
#top_about .top_column .ttl1::after {inline-size: min(490px,12.35em);}
#top_about .item1 {inset: 6.75em auto auto 0;inline-size: min(472px,27%);z-index: -1;}
#top_about .item2 {inset: 6.5em 0 auto auto;inline-size: min(186px,13%);z-index: -1;}
#top_about .item3 {inset: 3.65em 15.05% auto auto;inline-size: min(236px,18%);}
#top_about .bottom_column {margin-block-start: 2.65em;padding-block-end: 10em;}
#top_about .bottom_column .flex_item {inline-size: min(540px,100%);margin-inline: auto;}
#top_about .item4 {inset: auto auto 9.35em 6.65%;inline-size: min(186px,14%);}
#top_about .item5 {inset: auto auto 0 19.25%;inline-size: min(222px,22%);}
#top_about .item6 {inset: auto 5.5% 2em auto;inline-size: min(193px,18%);}

#top_staff {padding-block: 7.5em 4em;background-image: url(../img/top/top_staff_bg_sp.webp);background-position: center top 7em;}
#top_staff .item7 {inset: -3.5em 4% auto auto;inline-size: min(273px,27%);}
#top_staff #in_slide1 .list1  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list2  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list3   {inline-size: min(335px,36.45%);}
#top_staff #in_slide1 .list4  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list5  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list6  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list7  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list8  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list9  {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list10 {inline-size: min(320px,36.675%);}
#top_staff #in_slide1 .list11   {inline-size: min(330px,37.2%);}
#top_staff #in_slide1 .list12   {inline-size: min(416px,41.7%);}

#top_recruit {padding-block: 7.5em 5.1em;}
#top_recruit .box .top_column .ttl_side .ttl3 {margin-block-end: 2em;font-size: 1.1em;}
#top_recruit .box .top_column .ttl_side {inline-size: 100%;}
#top_recruit .box .top_column .text_side {inline-size: 100%;}
#top_recruit .box .bottom_column [class^="flex_item"] .text2 {inset: auto 0 0.5em 0.95em;font-size: 1.151em;padding-inline-end: 1em;line-height: 1.75;text-shadow: 0 0 0.2em #fff;}
#top_recruit .box .bottom_column [class^="flex_item"] {inline-size: 100%;margin-inline: auto;padding-block-end: 2em;background-color: #fff;}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 {font-size: 0.7em;}
#top_recruit .box .top_column .text_side .strong .mark.pc {display: none;}
#top_recruit .box .top_column .text_side .strong .mark.sp {display: block;}
#top_recruit .item8 {inline-size: min(530px,59%);}

#top_gallery .ttl3 {margin-block-end: 6.35em;font-size: 1.1em;}
#top_gallery .item9 {inset: -4.125em auto auto 3%;inline-size: min(407px,32.5%);}
#top_gallery .item10 {inset: -1.25em 2.25% auto auto;inline-size: min(377px,30%);}
#top_gallery .column [class^="flex_item_"] {inline-size: min(760px,100%);margin-block-end: 3em;display: block;}

.page_contact {padding-block: 1em 7.2em;}
.page_contact .ttl_side {inline-size: 100%;}
.page_contact .ttl_side .ttl3 {font-size: 1.1em;margin-block-end: 5.35em;}
.page_contact .link_side {inline-size: 100%;padding-block-start: 2.65em;padding-inline-end: 0;}
.page_contact .link_side .link_phone .span {font-size: 2.25em;}
.page_contact .link_side .link_contact .span {font-size: 1.75em;}
.page_contact .item1 {inset: -7.25em 5.75% auto auto;inline-size: min(477px,40%);}

#footer .footer_inner {inline-size: min(1606px,92%);}
#footer .ttl_side {inline-size: 100%;}
#footer .ttl_side .footer_ttl {margin-inline: auto;}
#footer .ttl_side .farm_link .text_side {inline-size: 64.75%;padding-block-start: 1em;}
#footer .ttl_side .farm_link .text_side .link_text {font-size: 1.5em;}
#footer .ttl_side .address,#footer .ttl_side .caution {font-size: 1.35em;inline-size: fit-content;margin-inline: auto;}
#footer .footer_nav {inline-size: 100%;margin-block-start: 4em;}
#footer .footer_nav [class^="ul"] .list.size1 {inline-size: 100%;}
#footer .footer_nav [class^="ul"] .list.size2 {inline-size: 100%;}
#footer .footer_nav [class^="ul"] .list.size3 {inline-size: 100%;}
#footer .footer_nav [class^="ul"] .list {margin-block-end: 1.5em;}
#footer .footer_nav [class^="ul"] .list .link {font-size: 1.5em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] {padding-inline-start: 1.75em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] .in_list .in_link {font-size: 1.35em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] .in_list {margin-block-end: 0.75em;}
#footer #page_top {inset: auto 1em 4em auto;inline-size: min(116px,20.25%);}
#footer .copy {font-size: 1.5em;}


#page_fv {background-image: url(../img/block/page_top_sp.webp);aspect-ratio: 1;margin-block-start: 4em;padding-block-start: 37%;}
#page_fv .item1 {inset: 69% auto auto 0;inline-size: min(610px,45%);}
#page_fv .item2 {inset: 9.5% 0 auto auto;inline-size: min(610px,45%);}
#page_fv .item3 {inset: 28.25% 34.25% auto auto;inline-size: min(138px,12%);}
.page_ttl1 {font-size: 1.25em;}
/*.page_ttl1 .small {text-stroke: 1px #b8f1fa;-webkit-text-stroke: 1px #b8f1fa;}*/
.page_ttl1 .bg_text {font-size: 1.75em;}
.page_ttl2 {font-size: 2.25em;}
#staff .staff_box .ul [class^="staff"] {inline-size: min(320px,80%);margin-inline: auto;}
#staff .top {padding-block-end: 4.875em;}
#staff .top .box {inline-size: min(1320px,90%);margin-block-start: 8em;}
#staff .top .box .comment1 {inset: -2.9em auto auto -2.55em;inline-size: min(274px,28%);}
#staff .top .box .comment2 {inset: auto -2.65em 1.125em auto;inline-size: min(246px,27%);}
#staff .item1 {inset: 7.65em 1.65% auto auto;inline-size: min(231px,23.25%);}
#staff .item2 {inset: 30.875em auto auto 2.25%;inline-size: min(207px,24%);}
#staff .top::before {background-position: center bottom;}
#staff .top .item3 {inset: 7.4em auto auto 4.3%;inline-size: min(121px,15%);}
#staff .top .item4 {inset: auto 5.375% -1.45em auto;inline-size: min(110px,10%);}
#staff .item5 {inset: 9.45em 6% auto auto;inline-size: min(184px,27%);}
#staff .item6 {inset: 9.5% auto auto 10%;inline-size: min(120px,20%);}
#staff .item7 {inset: 17% 0 auto auto;inline-size: min(130px,15%);}
#staff .item8 {inset: 36.5% auto auto 0;inline-size: min(323px,36%);}
#staff .item9 {inset: 48.75% 12.75% auto auto;inline-size: min(90px,18%);}
#staff .item10 {inset: auto auto 39% 3.5%;inline-size: min(169px,34%);}
#staff .item11 {inset: auto 5.5% 13% auto;inline-size: min(100px,19.5%);}
#staff .item12 {inset: auto auto -3.15em 5.125%;inline-size: min(124px,20.5%);}


#movie::before {aspect-ratio: 1920 / 1250;}
#movie .ttl_box {padding-inline: 1.65em;}
#movie .box {padding: 2.5em 1em 10.5em 1em;}
#movie .box .video_box {inline-size: min(760px,100%);margin: 0 auto 2em auto;}
#movie .item1 {inset: -13.825em auto auto -0.125%;inline-size: min(296px,31%);}
#movie .item2 {inset: -12.25em -1.15% auto auto;inline-size: min(362px,37.25%);}
#movie .item3 {inset: auto 8.5% -1.75em auto;inline-size: min(402px,33.5%);}
#movie .item6 {inset: auto auto 6em 0%;inline-size: min(90px,21%);}

#photo::before {aspect-ratio: 1920 / 720;}
#photo .ttl_box {padding-inline: 1.65em;}
#photo .box {padding: 2.5em 1em 2em 1em;}
#photo .box {gap: 4%;}
#photo .box .list {inline-size: min(370px,48%);margin-block-end: 4%;}
#photo .item4 {inset: -16.65em auto auto -1.45%;inline-size: min(263px,30%);}
#photo .item5 {inset: -10.65em 2.65% auto auto;inline-size: min(214px,21%);}
#photo .item7 {inset: 11.65em auto auto 0.125em;inline-size: min(229px,38%);}
#photo .item8 {inset: 4em 3.75% auto auto;inline-size: min(275px,35.5%);}


#greeting .column1::before {inline-size: 97.75%;block-size: 83%;}
#greeting .column2::before {inline-size: 97.75%;block-size: 76%;}
#greeting .column3::before {inline-size: 97.75%;block-size: 83%;}
#greeting .top_column {padding-block-end: 6.5em;}
#greeting .top_column .text_side {inline-size: 100%;}
#greeting .top_column .text_side .page_ttl3 {text-align: center;}
#greeting .top_column .text_side .page_ttl3 .small {font-size: 3.442em;}
#greeting .top_column .text_side .page_ttl3 .text {font-size: 1.893em;margin-inline: auto;}
#greeting .top_column .text_side .strong {font-size: 2em;}
#greeting .top_column .img_side {inline-size: min(899px,100%);}
#greeting [class^="column"] .box {inline-size: 96%;padding-block: 1.5em 2em;margin-block-end: 7em;}
#greeting [class^="column"] .strong {font-size: 1.875em;padding-inline-start: 0.75em;}
#greeting [class^="column"] .strong::after {inline-size: min(330px,44%);}
#greeting [class^="column"] .p_2 {font-size: 1.45em;inline-size: 93%;}
#greeting .top_column .item1 {inset: auto 5% -2em auto;inline-size: min(130px,15.25%);}
#greeting .column1 .item2 {inset: -9.5em auto auto 3.65%;inline-size: min(311px,28%);}
#greeting .column1 .item3 {inset: auto 2% 6% auto;inline-size: min(121px,16%);}
#greeting .column1 .cloud1 {inset: 21.875% auto auto 2.5%;inline-size: min(171px,24.906%);}
#greeting .column1 .cloud2 {inset: 70% auto auto 11%;inline-size: min(247px,31.865%);}
#greeting .column1 .cloud3 {inset: 37.875% 27.75% auto auto;inline-size: min(222px,29.563%);}
#greeting .column1 .cloud4 {inset: 56.5% 6.5% auto auto;inline-size: min(226px,30.771%);}
#greeting .column2 .item4 {inset: -7.5em 1.75% auto auto;inline-size: min(340px,31%);}
#greeting .column2 .item5 {inset: 18% auto auto 0;inline-size: min(113px,12%);}
#greeting .column2 .cloud5 {inset: 22% auto auto 5%;inline-size: min(226px,26.771%);}
#greeting .column2 .cloud6 {inset: 68% auto auto 17%;inline-size: min(222px,28.771%);}
#greeting .column2 .cloud7 {inset: 32.5% 27.25% auto auto;inline-size: min(189px,22.844%);}
#greeting .column2 .cloud8 {inset: 60.5% 3% auto auto;inline-size: min(271px,29.115%);}
#greeting .column3 .item6 {inset: -9em auto auto 3%;inline-size: min(399px,34%);}
#greeting .column3 .item7 {inset: auto 4.35% 0.75em auto;inline-size: min(130px,14%);}
#greeting .column3 .cloud9 {inset: 22.125% auto auto 3%;inline-size: min(171px,24.906%);}
#greeting .column3 .cloud10 {inset: 68% auto auto 17.5%;inline-size: min(247px,28.865%);}
#greeting .column3 .cloud11 {inset: 36.875% 13.75% auto auto;inline-size: min(222px,30.771%);}
#greeting .column3 .cloud12 {inset: 56.25% 11.5% auto auto;inline-size: min(226px,28.771%);}




#growing {padding-block: 5.9em 2em;}
#growing .column1 .item8 {inset: -25.125em auto auto 7.35%;inline-size: min(383px,41%);}
#growing .column1 .item9 {inset: 1.25em 5.25% auto auto;inline-size: min(199px,27%);}
#growing [class^="column"]::before {aspect-ratio: 19 / 23;background-size: 5%;}
#growing [class^="column"] .box .text_side .sub_ttl {margin-block: 0.5em 5em;}
#growing [class^="column"] .box .text_side .sub_ttl .text {font-size: 2.315em;}
#growing [class^="column"] .box .text_side .sub_ttl::after {inline-size: min(184px,9.65em);inset: calc(100% + 2.25em) auto auto 0;}
#growing .page_ttl3 .small {font-size: 4.027em;}
#growing .page_ttl3 .text {font-size: 2.013em;padding-block-start: 0.35em;}
#growing [class^="column"] .box .text_side,#growing .column4 .box .text_side {inline-size: 100%;}
#growing .column1 .box .img_side {inline-size: 100%;}
#growing .column2 .box .img_side {inline-size: 100%;}
#growing .column3 .box .img_side {inline-size: 100%;transform: translateX(-1.35%);}
#growing .column4 .box .img_side {inline-size: 100%;transform: translateX(0.5%);}
#growing .column2 .item10 {inset: 0.5em 5% auto auto;inline-size: min(277px,29%);}
#growing .column3 .item11 {inset: -1.25em 4.35% auto auto;inline-size: min(271px,29.5%);}
#growing .column4 .item12 {inset: 0.65em 5% auto auto;inline-size: min(223px,29%);}

#initiative {padding-block-end: 23em;}
#initiative .page_ttl3 {margin-block: 0 4.45em;}
#initiative .page_ttl3 .small {font-size: 4.852em;}
#initiative .page_ttl3 .text {font-size: 2.426em;padding-block-start: 0.225em;}
#initiative [class^="flex_item"] {inline-size: 100%;}
#initiative [class^="flex_item"] .sub_ttl .span {margin-inline-end: 0;}
#initiative [class^="flex_item"] .sub_ttl .num {font-size: 1.125em;margin-inline-end: 0.35em;}
#initiative [class^="flex_item"] .sub_ttl .text {font-size: 1em;}
#initiative .flex_item5 .sub_ttl .text {display: block;}
#initiative .item13 {inset: -6.25em auto auto 1.35%;inline-size: min(307px,25%);}
#initiative .item14 {inset: -4.125em 1.35% auto auto;inline-size: min(316px,22%);}
#initiative .item15 {inset: auto 3.875% 18em auto;inline-size: min(333px,33.5%);}
#initiative .item16 {inset: auto 26.25% 0.5em auto;inline-size: min(539px,56.25%);}
#initiative .comment2 {inset: auto auto 18em 1%;inline-size: min(350px,40.5%);}
#initiative .comment3 {inset: auto 1.45% 7.125em auto;inline-size: min(240px,26.5%);}

#company .ttl3 .large {font-size: 6.01em;}
#company .ttl3 .text {font-size: 3.606em;}
#company .item17 {inset: auto auto 100% -2%;inline-size: min(321px,30%);}
#company .column .data_side .dl {font-size: 1.5em;}
#company .column .data_side .dl .dt {inline-size: 5.5em;}
#company .column iframe {border-radius: 1.5em;inline-size: min(760px,100%);}

#history .item18 {inset: -0.2em auto auto 1%;inline-size: min(432px,31%);}
#history .item19 {inset: 1.5em 0.65% auto auto;inline-size: min(474px,32%);}
#history .ttl3 .large {font-size: 6.01em;}
#history .ttl3 .text {font-size: 3.005em;}
#history .dl .dt {font-size: 1.25em;inline-size: 6.7em;}
#history .dl .dt .box {inline-size: 90%;}
#history .dl .dt::before {inset: 53% auto auto 41%;}
#history .dl .dd {font-size: 1.3em;padding: 1em;}

#recruit_message .top_column .box .ttl_side .page_ttl3 .small {font-size: 3.50em;}
#recruit_message .top_column .box .ttl_side .page_ttl3 .text {font-size: 2em;margin-inline: auto;}
#recruit_message .top_column .box .p_1 {font-size: 1.5em;inline-size: 100%;margin-block-start: 2em;}
#recruit_message .top_column .img_box {inline-size: min(800px,66%);margin-block: 4.5em;}
#recruit_message .top_column .img_box .comment1 {inset: auto auto -0.85em -5.85em;inline-size: min(442px,64.5%);}
#recruit_message .item1 {inset: 28.2em auto auto 0;inline-size: min(328px,26.25%);}
#recruit_message .item2 {inset: 26.35em 0 auto auto;inline-size: min(336px,25%);}
#recruit_message .top_column .img_box .name {inset: 5.25em -2em auto auto;inline-size: min(140px,23.5%);}
#recruit_message .bottom_column {overflow: hidden;}
#recruit_message .bottom_column [class^="column"] .text_side {inline-size: 100%;padding-block-start: 0.4em;}
#recruit_message .bottom_column [class^="column"] .text_side .strong {font-size: 2em;margin-block-end: 1.75em;}
#recruit_message .bottom_column [class^="column"] .text_side .strong::after {inset: calc(100% + 0.325em) auto auto 0;inline-size: min(760px,15.36em);}
#recruit_message .bottom_column .column1 .img {inline-size: min(760px,100%);}
#recruit_message .bottom_column .column2 .img {margin: 1.25em auto auto -0.35em;inline-size: min(781px,100%);}

#interview::before {aspect-ratio: 1920 / 500;}
#interview .page_ttl3 .small {font-size: 4em;}
#interview .page_ttl3 .text {font-size: 2em;}
#interview .item3 {inset: -7.5em 0 auto auto;inline-size: min(323px,25%);}
#interview .item5 {inset: -7.5em auto auto 1.875%;inline-size: min(316px,29%);}
#interview .top_column .flex_item {inline-size: min(860px,100%);margin-block-start: 6em;}
#interview .top_column .flex_item .num {font-size: 3em;}
#interview .top_column .flex_item .name {inset: 14.75em auto auto 0;font-size: 0.75em;}
.more2 {font-size: 1.25em;}
#interview #in_slide1 {padding-block: 3em 0;}
#interview #in_slide1 .list {inline-size: min(560px,52.25%);}

#internship {padding-block: 6.75em 5.1em;}
#internship .page_ttl3 .small {font-size: 4.852em;}
#internship .page_ttl3 .text {font-size: 2.426em;}
#internship .item6 {inset: -8.5em auto auto 0%;inline-size: min(407px,36%);}
#internship .item7 {inset: -7.65em -2.75% auto auto;inline-size: min(253px,24.1%);}
#internship .comment2 {inset: -9em 16.85% auto auto;inline-size: min(245px,27.65%);}
#internship .column .img {margin-block: 1.5em;inline-size: min(860px,100%);}
#internship .column .data_side {inline-size: 100%;}
#internship .column .data_side .dl .dt {inline-size: 9em;}
#internship .column .data_side .dl .dd {padding-inline-start: 1.125em;}


#staff_recruit1 .top_column .ttl_side .page_ttl3 .small {transform: translateX(0);font-size: 5.710em;}
#staff_recruit1 .top_column .ttl_side .page_ttl3 .text {font-size: 3.005em;}
#staff_recruit1 .top_column .p_1 {font-size: 1.5em;inline-size: 100%;margin-block-start: 1.5em;}
#staff_recruit1 .middle_column .flex_item {inline-size: 100%;margin-block-end: 4em;}
#staff_recruit1 .bottom_column .strong {font-size: 1.65em;padding-inline: 0.5em;}
#staff_recruit1 .bottom_column .strong .mark {display: block;}
#staff_recruit1 .bottom_column .strong::after {inline-size: min(330px,9em);inset: calc(100% + 0.75em) 0 auto 0;}
#staff_recruit1 .bottom_column {padding: 8.75em 4.125% 4.25em 5.125%;}
#staff_recruit1 .bottom_column .link_phone {inline-size: 100%;margin-block-end: 2em;}
#staff_recruit1 .bottom_column .link_contact {inline-size: 100%;}
#staff_recruit1 .item8 {inset: -4.95em 0.9% auto auto;inline-size: min(268px,28%);}
#staff_recruit1 .comment3 {inset: -5.9em 25.85% auto auto;inline-size: min(350px,34%);}
#staff_recruit1 .bottom_column .link_phone .span {font-size: 2em;}
#staff_recruit1 .bottom_column [class^="link_"] .fa-phone,
#staff_recruit1 .bottom_column [class^="link_"] .fa-envelope {font-size: 2.013em;}
#staff_recruit1 .bottom_column .link_contact .span {font-size: 1.65em;}

#staff_recruit1 .item9 {inset: auto auto 33.5em 0.1%;inline-size: min(349px,25%);}
#staff_recruit1 .item10 {inset: auto 3.7% -6.75em auto;inline-size: min(264px,28%);}
#staff_recruit2 {padding-block: 8em 7em;}
#staff_recruit2 .page_ttl3 .small {font-size: 3.756em;}
#staff_recruit2 .page_ttl3 .text {font-size: 3.005em;}
#staff_recruit2 .item11 {inset: -4.35em auto auto 2%;inline-size: min(302px,31%);}
#staff_recruit2 .item12 {inset: 17.95em 0.65% auto auto;inline-size: min(232px,17.125%);}
#staff_recruit2 .dl {inline-size: min(1300px,90%);}
#staff_recruit2 .dl .dt {inline-size: 100%;font-size: 1.25em;}
#staff_recruit2 .dl .dd {padding: 1.325em 0.5em 0.325em 1em;font-size: 1.125em;}

#staff_recruit2 .item13 {inset: 46.75% 1.35% auto auto;inline-size: min(120px,16%);block-size: auto;aspect-ratio: 1;z-index: -1;}
#staff_recruit2 .item14 {inset: auto auto 2.75em 2%;inline-size: min(171px,20%);z-index: -1;}
#staff_recruit2 .cloud1 {inset: 32.75% auto auto 0;inline-size: min(185px,24%);z-index: -1;}
#staff_recruit2 .cloud2 {inset: auto 0 17.5% auto;inline-size: min(184px,24%);z-index: -1;}



.popup_body {margin-block-start: 1em;}
.popup {font-size: 0.625em;margin-block-start: 2em;}
.popup .interview_popup {padding-block-end: 2em;}
.popup .interview_popup .column .num {inset: 0.275em auto auto 0.375em;font-size: 3.5em;}
.popup .interview_popup .column .name {inset: auto auto 3em 0;font-size: 0.600em;}
.mfp-iframe-holder .mfp-close {font-size: 4em;inset: -0.8765em -0.1em auto auto;}
.popup .dl {margin-block-end: 1.5em;}
.popup .dl .dt {padding-block-end: 0.75em;margin-block-end: 1em;}
.popup .dl .dd {line-height: 2;}


#top_contact {padding-block: 6.65em 12em;}
#top_contact .box {inline-size: min(1300px,94%);padding-block: 6.125em 4.75em;}
#top_contact .box .ttl2 {inset: -4em 0 auto 0;padding-inline: 1em;}
#top_contact .box .ttl2::after {inline-size: min(184px,9em);inset: calc(100% + 0.75em) 0 auto 0;}
#top_contact .box .ttl2 .text2 {font-size: 2em;}
#top_contact .box .p_1 {font-size: 1.5em;padding-inline: 0.65em;}
#top_contact .box .link_phone {inline-size: min(590px,80%);margin: 3.125em auto auto auto;font-size: 0.75em;}
#top_contact::before {aspect-ratio: 192 / 120;}
#top_contact .item1 {inset: auto auto -4.75em 5.25%;inline-size: min(472px,40%);}
#contact {padding-block-start: 4em;}
#contact .column .ttl_side {inline-size: 100%;padding-block-start: 2.15em;margin-inline: auto;}
#contact .item2 {inset: 1.75em 0 auto auto;inline-size: min(281px,25%);}
#contact .column .p_1 {font-size: 1.5em;inline-size: 94%;margin-block-start: 2em;margin-inline: auto;}
#contact form {padding: 1em 6% 5.5em 6%;}
#contact form .form_dl {margin-block: 1em;padding: 0 1em 1em 1em;font-size: 1.5em;}
#contact form .form_dl .form_dt {inline-size: 100%;margin-block-end: 0.75em;}
#contact form .form_dl .form_dt .n, #contact form .form_dl .form_dt .h {margin-inline-end: 0;float: right;}
#contact form .form_dl .form_dd input#zip {inline-size: 70%;}
#contact form .form_dl .form_dd select {inline-size: 100%;}
#contact::before {background-size: 100% auto, 50%, 50%;background-position: top center, left top 36%, right top 61%;}
#contact .send_btn input[type="submit"] {padding: 1.1235em 4.5em;}
#contact .item3 {inset: auto auto 2em 0.5%;inline-size: min(200px,16%);pointer-events: none;}
#contact .add_btn .conf_btn {inline-size: 100%;margin-block-end: 2em;}
#contact .add_btn .conf_btn {inline-size: 100%;display: block;}
#contact form .form_dl .form_dd textarea {aspect-ratio: 920 / 500;}