@charset "utf-8";
/* CSS Document */
body {font-size: clamp(6px,0.833vw,16px);
    font-family: "M PLUS 1p", sans-serif;margin: 0 auto;padding: 0;line-height: 1.8;-webkit-text-size-adjust: 100%;position: relative;color: #000;letter-spacing: 0.08em;inline-size: min(1920px,100%);background-color: var(--white1);}
html {scroll-behavior: smooth;}
:target { scroll-margin-top: var(--h-size);}
main {inline-size: 100%;overflow: hidden;}
section {inline-size: 100%;position: relative;z-index: 1;}
img {border: none;vertical-align: middle;height: auto;}
a {text-decoration: none;cursor: pointer;transition: .2s;}
ul {padding-inline-start: 0;}
ul li{list-style-type: none;}
dd {margin-inline-start: 0;}
em {font-style: normal;}
address {font-style: normal;}
*, *:before, *:after {box-sizing: border-box;}
/* チェック用 未入力時ハイライト*/
/*img[alt=""] { outline: 3px solid #c143c5; }*/
/*a[href=""] { outline: 3px solid #31a115; } */
/********************************* float **********************************************/
.c-both {clear: both;}
.left,.in_left {float: left;}
.right,.in_right {float: right;}
.center {display: block;margin-inline: auto;text-align: center;}
.table,.in_table {display: table;}
.table > dt,.table > dd,.in_table > dt,.in_table > dd{display: table-cell;}
/************* display *************/
.flex,.in_flex {display: flex;justify-content: space-between;flex-wrap: wrap;}
.re_flex {flex-direction: row-reverse;}
.db {display: block;}
.dib {display: inline-block;}
.df {display: flow-root;}
/************************************** inline-size ****************************************/
.inner {inline-size: min(1800px,93.75%);margin-inline: auto;}
.middle_inner {inline-size: min(1600px,83.333333%);margin-inline: auto;}
.lower_inner {inline-size: min(1360px,70.83333%);margin-inline: auto;}
.heading {inline-size: 100%;}
.half {inline-size: 50%;}
.sp {display: none;}
.pc {display: block;}
.ofh {overflow: hidden;}
/**************************************position**************************************/
.pr {position: relative;}
.pa {position: absolute;}
.pf {position: fixed;}
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.vam {vertical-align: middle;}
.tal {text-align: left;}
.tar {text-align: right;}
.tac {text-align: center;}
/************************************ color *******************************************/
:root {
--blue1 : #00bedf;
--blue2 : #86d8e6;
--blue3 : #b7e8f0;
--blue4 : #a5e2ed;
--blue5 : #edfafc;
--blue6 : #85d8e5;
--green1 : #45a55e;
--green2 : #45a75e;
--green3 : #79c48f;
--green4 : #c0e4ca;
--green5 : #45a65e;
--green6 : #4fb769;
--green7 : #edf8f0;
--green8 : #f0f9f2;
--yellow1 : #ffd222;
--yellow2 : #ffe879;
--yellow3 : #ffe25b;
--yellow4 : #ffeb8c;
--yellow5 : #ffd013;
--yellow6 : #fffce6;
--yellow7 : #ffd221;
--gray1 : #dadada;
--brown1 : #936e3d;
--brown2 : #dcc7ab;
--brown3 : #946f3d;
--h-size : 5.8em;
}
/*黒*/
.bk {color: #000;}
.bk_bg {background-color: #000;}
/*白*/
.wh {color: #FFF;}
.wh_bg {background-color: #FFF;}
/*青*/
.bu1 {color: var(--blue1);}
.bu1_bg {background-color: var(--blue1);}
.bu2 {color: var(--blue2);}
.bu2_bg {background-color: var(--blue2);}
.bu3 {color: var(--blue3);}
.bu3_bg {background-color: var(--blue3);}
.bu4 {color: var(--blue4);}
.bu4_bg {background-color: var(--blue4);}
.bu5 {color: var(--blue5);}
.bu5_bg {background-color: var(--blue5);}
.bu6 {color: var(--blue6);}
.bu6_bg {background-color: var(--blue6);}
/*緑*/
.grn1 {color: var(--green1);}
.grn1_bg {background-color: var(--green1);}
.grn2 {color: var(--green2);}
.grn2_bg {background-color: var(--green2);}
.grn3 {color: var(--green3);}
.grn3_bg {background-color: var(--green3);}
.grn5 {color: var(--green5);}
.grn5_bg {background-color: var(--green5);}
.grn6 {color: var(--green6);}
.grn6_bg {background-color: var(--green6);}
.grn7 {color: var(--green7);}
.grn7_bg {background-color: var(--green7);}
/*黄*/
.ye1 {color: var(--yellow1);}
.ye1_bg {background-color: var(--yellow1);}
.ye2 {color: var(--yellow2);}
.ye2_bg {background-color: var(--yellow2);}
.ye3 {color: var(--yellow3);}
.ye3_bg {background-color: var(--yellow3);}
.ye4 {color: var(--yellow4);}
.ye4_bg {background-color: var(--yellow4);}
.ye5 {color: var(--yellow5);}
.ye5_bg {background-color: var(--yellow5);}
.ye6 {color: var(--yellow6);}
.ye6_bg {background-color: var(--yellow6);}
.ye7 {color: var(--yellow7);}
.ye7_bg {background-color: var(--yellow7);}
/*灰*/
.gr1 {color: var(--gray1);}
/*茶*/
.br1 {color: var(--brown1);}
.br1_bg {background-color: var(--brown1);}
.br2 {color: var(--brown2);}
.br2_bg {background-color: var(--brown2);}
.br3 {color: var(--brown3);}
.br3_bg {background-color: var(--brown3);}

.red {color: #dc3545;}
.red_bg {background-color: #d8212b;}
a {opacity: 1;transition: all 0.25s}
span.error { display: block; color: #dc3545; font-size: 0.8em; }
/*************************************** font ****************************************/
.mp1 {font-family: "M PLUS 1p", sans-serif;}
.cone {font-family: "Changa One", sans-serif;}
.bng {font-family: "Bungee", sans-serif;}
.fb {font-weight: bold;}
.fn {font-weight: normal;}
.ls3 {letter-spacing: 0.03em;}
.ls5 {letter-spacing: 0.05em;}
.itl {font-style: italic;}
.tr_text {writing-mode: tb-rl;}
/************************************* js ****************************************/
.fade_in, .fade {opacity: 0;transition: opacity 0.8s ease, transform 0.8s ease;}
.fade_in {transform: translateY(2em);}
.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;}
.bound_slide_left {opacity: 0;}
.bound_slide_left.active {-webkit-animation-name: boundleft;animation-name: boundleft;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .8s;animation-delay: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;opacity: 0;display: block;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
        @-webkit-keyframes boundleft {
        0% {-webkit-transform: translateX(50%);transform: translateX(50%);opacity: 0;}
        30% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        37% {-webkit-transform: translateX(25px);transform: translateX(25px);opacity: 1;}
        43% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        53% {-webkit-transform: translateX(15px);transform: translateX(15px);opacity: 1;}
        68% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
	}
.bound_slide_right {opacity: 0;}
.bound_slide_right.active {-webkit-animation-name: boundright;animation-name: boundright;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .8s;animation-delay: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: block;transition-delay: 5s ;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
        @-webkit-keyframes boundright {
        0% {-webkit-transform: translateX(-50%);transform: translateX(-50%);opacity: 0;}
        30% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        37% {-webkit-transform: translateX(-25px);transform: translateX(-25px);opacity: 1;}
        43% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        53% {-webkit-transform: translateX(-15px);transform: translateX(-15px);opacity: 1;}
        68% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}
        100% {-webkit-transform: translateX(0px);transform: translateX(0px);opacity: 1;}	
    }
.bound_slide_up {opacity: 0;}
.bound_slide_up.active {-webkit-animation-name: boundup;animation-name: boundup;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: .8s;animation-delay: .8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: block;transition-delay: 5s ;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
        @-webkit-keyframes boundup {
        0% {-webkit-transform: translateY(50%);transform: translateY(50%);opacity: 0;}
        30% {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;}
        37% {-webkit-transform: translateY(25px);transform: translateY(25px);opacity: 1;}
        43% {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;}
        53% {-webkit-transform: translateY(15px);transform: translateY(15px);opacity: 1;}
        68% {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;}
        100% {-webkit-transform: translateY(0px);transform: translateY(0px);opacity: 1;}	
        }
.scale_in {transform: scale(0.5);transition: all 0.5s;opacity: 0}
.scale_in.active {transform: scale(1);opacity: 1;}

/*********************************** BLOCK **************************************/
#header {inset : 0 0 auto 0;z-index: 10;block-size: var(--h-size);}
#header .inner {padding: 1.1em 2.25em 0.875em 1.875em;border-radius: 0 0 2em 2em;box-shadow: 0 0 0.5em #999;transition: all 0.3s;}
#header.active .inner {box-shadow: 0 0 0 transparent}
#header h1.site_ttl {margin-block: 0 0;font-size: 1em;padding-inline-start: 0.05em;inline-size: min(324px,21em);}
#header h1.site_ttl a.bk .logo {inline-size: min(324px,100%);block-size: auto;aspect-ratio: 324/ 89;}
.header_nav #trans {inset: 2em 110% auto auto;}
.header_menu {inset: 0 0 auto 0;display: none;inline-size: 100%;position: fixed;margin-inline: auto;box-sizing: border-box;padding: 12em 8.5% 9em 8.5%;overflow-y: scroll;block-size: 100%;z-index: -1;}
.header_menu [class^="ul"] .list {margin-block-end: 5em;}
.header_menu [class^="ul"] .list .link {display: block;inline-size: fit-content;padding-inline-end: 2.35em;font-size: 2.002em;font-weight: 900;transition: all 0.3s;}
.header_menu [class^="ul"] .list .link.h_bu:hover {color: var(--blue1);}
.header_menu [class^="ul"] .list .link.h_grn:hover {color: var(--green2);}
.header_menu [class^="ul"] .list .link.h_ye1:hover {color: var(--yellow1);}
.header_menu [class^="ul"] .list .link.h_ye2:hover {color: var(--yellow7);}
.header_menu [class^="ul"] .list .link .small {inline-size: fit-content;font-size: 0.75em;line-height: 1;padding: 0;font-weight: 500;margin-block-end: 0.2em;letter-spacing: 0.03em;}
.header_menu [class^="ul"] .list .link .fa-arrow-right {inset: auto 0 0 auto;inline-size: 2.215em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.6em;border-radius: 50%;transition: all 0.3s;font-size: 0.813em;}
.header_menu [class^="ul"] .list .link:hover .fa-arrow-right {inset: auto -0.5em 0 auto;}
.header_menu [class^="ul"] .list .in_ul {margin-block-start: 1.5em;margin-block: 1em 7em;}
.header_menu [class^="ul"] .list .in_ul .in_list {margin-block-end: 1.125em;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link {font-size: 1.251em;letter-spacing: 0.03em;transition: all 0.3s;font-weight: 500;}
.header_menu .ul1 .list .in_ul .in_list .in_link:hover {color: var(--green2);}
.header_menu .ul2 .list .in_ul .in_list .in_link:hover {color: var(--blue1);}
.header_menu .ul3 .list .in_ul .in_list .in_link:hover {color: var(--green2);}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link .fa-arrow-right {inset: 0.875em auto auto calc(100% + 1.25em);inline-size: 2.25em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.7em;border-radius: 50%;transform: translateY(-50%);font-size: 0.875em;transition: all 0.3s;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link:hover .fa-arrow-right {inset: 0.875em auto auto calc(100% + 1.55em);}
.header_menu .ul1 {inline-size: 35.75%;}
.header_menu .ul2 {inline-size: 33.75%;}
.header_menu .ul3 {inline-size: calc(100% - 69.5%);}
.header_menu .ul3 .box {margin-block-start: 2em;}
.header_menu .ul3 [class^="link_"] {border: 0.2em solid #000;border-radius: 100vmax;transition: all 0.3s;}
.header_menu .ul3 .link_phone {padding-block: 1.25em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--yellow2);margin-inline: 0;margin-block-end: 2.5em;}
.header_menu .ul3 .link_phone:hover {background-color: var(--yellow2);}
.header_menu .ul3 .link_contact {padding-block: 1.751em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--blue2);margin-inline: 0;}
.header_menu .ul3 .link_contact:hover {background-color: var(--blue1);}
.header_menu .ul3 [class^="link_"] .fa-phone {inset: 50% auto auto 0.65em;font-size: 2.127em;inline-size: 2.15em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.6em;transform: translateY(-50%);transition: all 0.3s;}
.header_menu .ul3 [class^="link_"]:hover .fa-phone {background-color: #fff;}
.header_menu .ul3 [class^="link_"] .fa-envelope {inset: 50% auto auto 0.65em;font-size: 2.127em;inline-size: 2.15em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.6em;transform: translateY(-50%);transition: all 0.3s;}
.header_menu .ul3 [class^="link_"]:hover .fa-envelope {background-color: #fff;color: var(--blue1);}
.header_menu .ul3 .link_phone .span {font-size: 2.252em;letter-spacing: 0.05em;font-weight: 500;}
.header_menu .ul3 .link_contact .span {font-size: 1.752em;letter-spacing: 0.03em;font-weight: 900;transition: all 0.3s;}
.header_menu .ul3 .link_contact:hover .span {color: #fff;}
.header_nav .recruit_btn {font-size: 1.502em;inline-size: min(270px,12.1em);padding-block: 0.725em 0.75em;border-radius: 100vmax;border: 2px solid #000;transition: all 0.3s;text-align: center;font-weight: 900;letter-spacing: 0.03em;box-shadow: 0.175em 0.175em var(--blue2);margin-inline-end: 1.6em;transform: translateY(-0.1em);padding-inline-start: 2.5em;}
.header_nav .recruit_btn:hover {background-color: var(--blue1);}
.header_nav .recruit_btn i {inset: 50% auto auto 0.35em;font-size: 1.166em;inline-size: 2.222em;block-size: auto;aspect-ratio: 1 / 0.999;padding-block-start: 0.625em;border-radius: 50%;transform: translateY(-50%);transition: all 0.3s;}
.header_nav .recruit_btn:hover i {color: var(--blue1);background-color: #fff;}
.header_nav .menu_btn {cursor: pointer;caret-color: transparent;transition: all 0.3s;padding-block-start: 0.25em;}
.header_nav .menu_btn span {font-size: 1.627em;letter-spacing: 0.05em;line-height: 1.5;}
.header_nav .menu_btn i {font-size: 2.941em;display: block;line-height: 1;transition: all 0.3s;}
.header_nav .menu_btn .fa-bars {opacity: 1;}
.header_nav .menu_btn.active .fa-bars {opacity: 0;}
.header_nav .menu_btn .fa-xmark {opacity: 0;inset: 0.1em 0 auto 0;margin-inline: auto;}
.header_nav .menu_btn.active .fa-xmark {opacity: 1;}


#footer {padding-block: 3em 0;}
#footer .footer_inner {inline-size: min(1606px,84%);margin-inline: auto;}
#footer .ttl_side {inline-size: 38.05%;}
#footer .ttl_side .footer_ttl {inline-size: min(324px,20.5em);margin-block-end: 1.875em;}
#footer .ttl_side .address {letter-spacing: 0.05em;margin-block: 0;font-weight: 600;font-size: 1.126em;padding-inline-start: 0.25em;}
#footer .ttl_side .caution {margin-block: 0.35em;font-weight: 600;font-size: 1.126em;letter-spacing: 0.05em;padding-inline-start: 0.25em;}
#footer .ttl_side .farm_link {border: 0.1em solid #000;overflow: hidden;border-radius: 1.75em;margin-block-start: 4em;}
#footer .ttl_side .farm_link .img_side {inline-size: min(198px,33%);}
#footer .ttl_side .farm_link .img_side .img {inline-size: min(198px,100%);block-size: auto;aspect-ratio: 1;}
#footer .ttl_side .farm_link .text_side {inline-size: 61.75%;padding-block-start: 1.25em;}
#footer .ttl_side .farm_link .text_side .link_text {font-size: 1.752em;font-weight: 900;letter-spacing: 0.03em;position: relative;display: block;inline-size: fit-content;padding-inline-end: 1.25em;}
#footer .ttl_side .farm_link .text_side .link_text .small {font-size: 0.714em;letter-spacing: 0.05em;font-weight: 600;line-height: 1.5em;inline-size: fit-content;}
#footer .ttl_side .farm_link .text_side .link_text .fa-arrow-right {inset: 0.75em auto auto 100%;font-size: 0.857em;inline-size: 2.5em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.75em;transition: all 0.3s;}
#footer .ttl_side .farm_link .text_side .link_text:hover .fa-arrow-right {inset: 0.75em auto auto 105%;}
#footer .ttl_side .farm_link .text_side .text {font-size: 1.126em;font-weight: 600;letter-spacing: 0.03em;margin-block-start: 0.75em;}
#footer .footer_nav {inline-size: 50%;}
#footer .footer_nav [class^="ul"] {margin-block: 0.5em;}
#footer .footer_nav [class^="ul"] .list {margin-block-end: 2.5em;}
#footer .footer_nav [class^="ul"] .list.size1 {inline-size: 35%;}
#footer .footer_nav [class^="ul"] .list.size2 {inline-size: 32.5%;}
#footer .footer_nav [class^="ul"] .list.size3 {inline-size: 17%;}
#footer .footer_nav [class^="ul"] .list .link {font-size: 1.251em;letter-spacing: 0.08em;font-weight: 600;transition: all 0.3s;}
#footer .footer_nav [class^="ul"] .list .link:hover {color: var(--green1);}
#footer .footer_nav [class^="ul"] .list .link:before {content: "";position: absolute;inset: 0.5em auto auto -1em;inline-size: 0.55em;block-size: auto;border-radius: 50%;background-color: var(--orange1);aspect-ratio: 1;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] {margin-block-start: 0.75em;padding-inline-start: 1.35em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] .in_list {margin-block-end: 0.5em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] .in_list .in_link {letter-spacing: 0.05em;transition: all 0.3s;font-weight: 600;font-size: 1.064em;}
#footer .footer_nav [class^="ul"] .list [class^="in_ul"] .in_list .in_link:hover {color: var(--green1);}
#footer .footer_nav [class^="ul"] .list .in_ul2 .in_list .in_link:hover {color: var(--blue1);}
#footer .footer_nav [class^="ul"] .list .in_ul3 .in_list .in_link:hover {color: var(--yellow1);}
#footer .footer_nav [class^="ul"] .list .in_ul1 .in_list .in_link:before {content: "";position: absolute;inset: 50% auto auto -1.35em;inline-size: 0.85em;block-size: auto;aspect-ratio: 1;border-radius: 50%;background-color: var(--green3);transform: translateY(-50%);}
#footer .footer_nav [class^="ul"] .list .in_ul2 .in_list .in_link:before {content: "";position: absolute;inset: 50% auto auto -1.35em;inline-size: 0.85em;block-size: auto;aspect-ratio: 1;border-radius: 50%;background-color: var(--blue2);transform: translateY(-50%);}
#footer .footer_nav [class^="ul"] .list .in_ul3 .in_list .in_link:before {content: "";position: absolute;inset: 50% auto auto -1.35em;inline-size: 0.85em;block-size: auto;aspect-ratio: 1;border-radius: 50%;background-color: var(--yellow2);transform: translateY(-50%);}
#footer .copy {font-size: 1.25em;padding-block: 0.5em;letter-spacing: 0.08em;margin-block: 2em 0;background-color: #eee;}
#footer #page_top {inset: auto 4em 4em auto;z-index: 5;inline-size: min(116px,6.25%);block-size: auto;aspect-ratio: 116 / 133;}
#footer #page_top img {inline-size: min(116px,100%);block-size: 100%;}

/*********************************** common **************************************/
.ttl1 {margin-block: 0 0;font-size: 3.003em;letter-spacing: 0.05em;font-weight: 900;line-height: 1.8em;}
.ttl1 .small {inline-size: fit-content;font-size: 2.252em;letter-spacing: 0.08em;padding: 0.05em 2.1em 0.275em 0.25em;border-radius: 0.25em;position: relative;overflow: hidden;z-index: 1;}
.ttl2 {margin-block: 0;position: relative;}
.ttl2:after {content: "";position: absolute;block-size: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ttl2 .large {font-size: 3.85em;font-weight: 500;letter-spacing: 0.03em;line-height: 1.7em;}
.ttl2 .text {font-size: 2.567em;letter-spacing: 0.05em;margin-inline: 0.05em;inline-size: 1.55em;display: inline-block;line-height: 1;block-size: auto;aspect-ratio: 1;padding-block-start: 0.275em;font-weight: 900;border-radius: 0.125em;text-align: center;}
.ttl3 {margin-block: 0;position: relative;}
.ttl3:after {content: "";position: absolute;block-size: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}
.ttl3 .large {font-size: 4.505em;font-weight: 500;letter-spacing: 0.03em;line-height: 1.7em;}
.ttl3 .text {font-size: 3.003em;letter-spacing: 0.05em;margin-inline: 0.05em;inline-size: 1.55em;display: inline-block;line-height: 1;block-size: auto;aspect-ratio: 1;padding-block-start: 0.275em;font-weight: 900;border-radius: 0.25em;text-align: center;}
.more1 {font-size: 2.127em;letter-spacing: 0.03em;inline-size: fit-content;}
.more1 .fa-arrow-right {inset: 55% auto auto calc(100% + 1.35em);font-size: 0.882em;inline-size: 2.65em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.8765em;transition: all 0.3s;transform: translateY(-50%);}
.more1:hover .fa-arrow-right {inset: 55% auto auto calc(100% + 1.65em);}
/************************************top************************************/

/*top*/
#fv {inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 890;z-index: 1;}
#fv:after {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;background-image: url(../img/top/parts1.png);aspect-ratio: 1920 / 81;background-size: cover;background-repeat: no-repeat;background-position: center;z-index: 1;}
#fv video {inset: -5% 0 0 0;margin: auto;inline-size: 100%;block-size: 100%;object-fit: cover;}
#fv .recruit_link {inset: auto 1.5% 6.65em auto;inline-size: min(335px,18.5%);block-size: auto;aspect-ratio: 335 / 334;}
#fv .recruit_link .img {inline-size: 100%;block-size: 100%;aspect-ratio: 335 / 334;object-fit: cover;}
#fv .recruit_link .text1 {inset: 61% 0 auto 0;margin-inline: auto;margin-block: 0;font-size: 1.752em;letter-spacing: 0.05em;line-height: 1;padding-inline-end: 0.35em;z-index: 1;}
#fv .recruit_link .text2 {inset: 74.5% 0 auto 0;margin-inline: auto;margin-block: 0;font-size: 2.252em;letter-spacing: 0.03em;line-height: 1;font-weight: 900;padding-inline-end: 0.25em;z-index: 1;}


#top_about {padding-block: 0 8.5em;z-index: 1;}
#top_about:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 980;background-image: url(../img/top/top_about_bg_parts.png),url(../img/top/top_about_bg.webp);background-position: center bottom,center top;background-repeat: no-repeat,repeat;background-size: 100% auto,auto;z-index: -1;}
#top_about .text_slide_box {transform: translateY(-1.75em);}
#top_about #text_slide1 [class^="text_s"] {color: transparent;letter-spacing: 0.03em;margin-block: 0;line-height: 1.5;margin-inline: 0.35em;font-size: 4.88em;}
#top_about #text_slide1 .text_s1 {text-stroke: 3px #e4d5be;-webkit-text-stroke: 3px #e4d5be;}
#top_about #text_slide1 .text_s2 {text-stroke: 3px #d0ecd8;-webkit-text-stroke: 3px #d0ecd8;}
#top_about #text_slide1 .text_s3 {text-stroke: 3px #b8f1fa;-webkit-text-stroke: 3px #b8f1fa;}
#top_about #text_slide1 .text_s4 {text-stroke: 3px #ffec9d;-webkit-text-stroke: 3px #ffec9d;}
#top_about .top_column {padding-block-start: 1.65em;}
#top_about .top_column .ttl1 {margin-block-end: 2.35em;padding-inline-start: 0.125em;}
#top_about .top_column .ttl1:after {content: "";position: absolute;inset: calc(100% + 1em) 0 auto 0;background-image: url(../img/top/top_about_ttl_line.png);inline-size: min(490px,10.35em);block-size: auto;aspect-ratio: 490 / 14;background-repeat: no-repeat;background-position: center;background-size: cover;margin-inline: auto;}
#top_about .top_column .p_1 {font-size: 1.376em;letter-spacing: 0.05em;font-weight: bold;line-height: 2.21em;padding-inline-start: 0.125em;}
#top_about .bottom_column {margin-block-start: 7.65em;padding: 0 2.25% 0;gap: calc(5.758% / 2);justify-content: center;border-radius: 0 0 2em 2em;}
#top_about .bottom_column .flex_item {inline-size: min(540px,31.414%);margin-block-end: 4.75em;}
#top_about .bottom_column .flex_item:nth-child(4),
#top_about .bottom_column .flex_item:nth-child(5) {margin-block-end: 4.25em;margin-inline: 0.225em;}
#top_about .bottom_column .flex_item .img_link {inline-size: min(540px,100%);block-size: auto;aspect-ratio: 54 / 30;border-radius: 1.875em;margin-block-end: 1.35em;}
#top_about .bottom_column .flex_item .img_link .img {inline-size: min(540px,100%);block-size: 100%;margin-block-end: 1.45em;}
#top_about .bottom_column .flex_item .text_link {font-size: 2em;font-weight: 900;letter-spacing: 0.03em;}
#top_about .bottom_column .flex_item .text_link .small {font-size: 0.751em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.35;}
#top_about .bottom_column .flex_item .text_link .fa-arrow-right {inset: 0.125em 1em auto auto;font-size: 0.938em;inline-size: 2.67em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.85em;border-radius: 50%;transition: all 0.3s;}
#top_about .bottom_column .flex_item .text_link:hover .fa-arrow-right {inset: 0.125em 0.6em auto auto;}
#top_about .item1 {inset: 7.75em auto auto 0;inline-size: min(472px,25%);block-size: auto;aspect-ratio: 472 / 519;}
#top_about .item2 {inset: 7.5em 0 auto auto;inline-size: min(186px,10%);block-size: auto;aspect-ratio: 186 / 595;}
#top_about .item3 {inset: 6.35em 12.05% auto auto;inline-size: min(236px,13%);block-size: auto;aspect-ratio: 236 / 467;}
#top_about .item4 {inset: auto auto 23.35em 2.65%;inline-size: min(186px,11%);block-size: auto;aspect-ratio: 186 / 118;}
#top_about .item5 {inset: auto auto 0 2.25%;inline-size: min(222px,13%);block-size: auto;aspect-ratio: 222 / 374;}
#top_about .item6 {inset: auto 2.5% 9em auto;inline-size: min(193px,11%);block-size: auto;aspect-ratio: 193 / 289;}

#top_staff {background-image: url(../img/top/top_staff_bg.webp);background-repeat: no-repeat;background-position: center top 6.35em;background-size: 100% auto;padding-block: 3.5em 8em;}
#top_staff .ttl2 {margin-block-end: 6em;}
#top_staff .ttl2:after {inset: calc(100% + 2em) 0 auto 0;background-image: url(../img/top/top_staff_ttl_line.png);inline-size: min(184px,10em);aspect-ratio: 184 / 14;margin-inline: auto;}
#top_staff #in_slide1 [class^="list"] {margin-inline: 1.875em;block-size: auto;}
#top_staff #in_slide1 [class^="list"] .img {block-size: min(396px,100%)}

#top_staff #in_slide1 .list1  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list2  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list3   {inline-size: min(335px,17.45%);aspect-ratio: 335 / 396;}
#top_staff #in_slide1 .list4  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list5  {inline-size: min(320px,16.675%);aspect-ratio: 330 / 396;}
#top_staff #in_slide1 .list6  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list7  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list8  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list9  {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list10 {inline-size: min(320px,16.675%);aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list11   {inline-size: min(330px,17.2%);aspect-ratio: 330 / 396;}
#top_staff #in_slide1 .list12   {inline-size: min(416px,21.7%);aspect-ratio: 416 / 396;}

#top_staff #in_slide1 .list1 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list2 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list3 .img  {inline-size: auto;aspect-ratio: 335 / 396;}
#top_staff #in_slide1 .list4 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list5 .img  {inline-size: auto;aspect-ratio: 330 / 396;}
#top_staff #in_slide1 .list6 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list7 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list8 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list9 .img  {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list10 .img {inline-size: auto;aspect-ratio: 320 / 396;}
#top_staff #in_slide1 .list11 .img {inline-size: auto;aspect-ratio: 330 / 396;}
#top_staff #in_slide1 .list12 .img {inline-size: auto;aspect-ratio: 416 / 396;}
#top_staff .more1 {margin-block-start: 2.125em;background: linear-gradient( to bottom, transparent 0%, transparent 87%, #ffeb8c 87%, #ffeb8c 100% );line-height: 1.5;}
#top_staff .item7 {inset: 3.5em 5% auto auto;inline-size: min(273px,15%);block-size: auto;aspect-ratio: 273 / 279;}

#top_recruit {background-image: url(../img/top/top_recruit_bg_parts.png), url(../img/top/top_recruit_bg.png);background-position: center top,center top;background-repeat: no-repeat, repeat;background-size: 100% , auto;padding-block: 15.5em 6.1em;}
#top_recruit .box {background-image: url(../img/top/bg_parts2.png);background-repeat: repeat-y;background-position: center top;background-size: 100% auto;padding: 0 5.65% 2.75em;border-radius: 0 0 1.75em 1.75em;z-index: 1;}
#top_recruit .box:after {content: "";position: absolute;inset: auto 0 100% 0;background-image: url(../img/top/bg_parts1.png);inline-size: 100.4444444%;block-size: auto;aspect-ratio: 1808 / 140;background-repeat: no-repeat;background-position: center top;background-size: cover;}
#top_recruit .shadow:before {content: "";position: absolute;inset: 0 auto auto 0;inline-size: 100.4444444%;block-size: 100.44444%;background-color: #d8b98c;border-radius: 0 0 2em 2em;}
#top_recruit .box .top_column {padding-block: 2.5em 4.35em;}
#top_recruit .box .top_column .ttl_side {inline-size: 25%;}
#top_recruit .box .top_column .ttl_side .ttl3 {margin-block-start: 0.5em;}
#top_recruit .box .top_column .ttl_side .ttl3:after {inset: calc(100% + 2em) auto auto 0;background-image: url(../img/top/top_recruit_ttl_line.png);inline-size: min(184px,11.75em);aspect-ratio: 184 / 14;}
#top_recruit .box .top_column .ttl_side .ttl3 .large {line-height: 1.5em;margin-block-end: 0.05em;}
#top_recruit .box .top_column .ttl_side .ttl3 .text {transform: translateX(-0.1em);}
#top_recruit .box .top_column .text_side {inline-size: 74.125%;padding-block-start: 2.75em;}
#top_recruit .box .top_column .text_side .strong .mark.pc {display: block;}
#top_recruit .box .top_column .text_side .strong .mark.sp {display: none;}
#top_recruit .box .top_column .text_side .strong .mark {background: linear-gradient( to bottom, transparent 0%, transparent 80%, #ffeb8c 80%, #ffeb8c 100% );display: block;inline-size: fit-content;font-size: 2.252em;letter-spacing: 0.05em;font-weight: 900;line-height: 1.125;margin-block-end: 0.65em;}
#top_recruit .box .top_column .text_side .p_1 {font-size: 1.376em;letter-spacing: 0.05em;font-weight: 500;margin-block-start: 1.5em;line-height: 2;}
#top_recruit .box .bottom_column [class^="flex_item"] {inline-size: 47.65%;border: 0.23em solid #000;border-radius: 1.875em;overflow: hidden;margin-block-end: 4.5em;}
#top_recruit .box .bottom_column .flex_item1 {box-shadow: 0.65em 0.65em 0 var(--blue2);}
#top_recruit .box .bottom_column .flex_item2 {box-shadow: 0.65em 0.65em 0 var(--yellow2);}
#top_recruit .box .bottom_column .flex_item3 {box-shadow: 0.65em 0.65em 0 var(--green3);}
#top_recruit .box .bottom_column .flex_item4 {box-shadow: 0.65em 0.65em 0 var(--blue2);}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 {inset: 4.25em auto auto 2.25em;padding-inline-end: 6.5em;}
#top_recruit .box .bottom_column .flex_item2 .text1 {padding-inline-end: 3.5em;}
#top_recruit .box .bottom_column .flex_item3 .text1 {padding-inline-end: 3.25em;}
#top_recruit .box .bottom_column .flex_item4 .text1 {padding-inline-end: 8.75em;}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 .num {font-size: 3.754em;letter-spacing: 0.03em;margin-inline-end: 0.325em;line-height: 1em;vertical-align: sub;}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 .l_text {font-size: 2.69em;letter-spacing: 0.03em;font-weight: 900;padding: 0.315em 0.45em 0.3em 0.45em;line-height: 1em;display: inline-block;}
#top_recruit .box .bottom_column .flex_item3 .text1 .l_text {padding-inline-end: 0.625em;}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 .small {font-size: 1.877em;letter-spacing: 0.03em;margin-inline-start: 3.5em;margin-block-start: 0.1em;}
#top_recruit .box .bottom_column [class^="flex_item"] .text1 .fa-arrow-right {inset: -0.45em auto auto 100%;font-size: 2.252em;inline-size: 2.8em;block-size: auto; aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.875em;transition: all 0.3s;}
#top_recruit .box .bottom_column [class^="flex_item"]:hover .text1 .fa-arrow-right {inset: -0.45em auto auto 103%;}
#top_recruit .box .bottom_column [class^="flex_item"] .text2 {inset: auto 0 1.5em 1.95em;font-size: 1.251em;letter-spacing: 0.05em;font-weight: 500;padding-inline-end: 1em;line-height: 2;}
#top_recruit .item8 {inset: -1.15em -1.5% auto auto;inline-size: min(530px,30%);block-size: auto;aspect-ratio: 530 / 365;z-index: 1;}

#top_gallery {padding-block: 5.5em 7em;}
#top_gallery .ttl3 {margin-block-end: 11.35em;}
#top_gallery .ttl3:after {inset: calc(100% + 2em) 0 auto 0;background-image: url(../img/top/top_gallery_ttl_line.png);inline-size: min(184px,14em);aspect-ratio: 184 / 14;margin-inline: auto;}
#top_gallery .ttl3 .large {font-size: 5.427em;}
#top_gallery .ttl3 .text {font-size: 3.618em;}
#top_gallery .column {padding-inline: 4.55%;inline-size: min(1760px,91.666667%);margin-inline: auto;}
#top_gallery .column [class^="flex_item_"] {inline-size: min(760px,48%);}
#top_gallery .column [class^="flex_item_"] .tag {inset: 0.85em auto auto 0;font-size: 2.628em;letter-spacing: 0.03em;border-radius: 0 100vmax 100vmax 0;padding: 0.05em 1em 0.05em 0.55em;z-index: 1;}
#top_gallery .column [class^="flex_item_"] .tag .icon {vertical-align: sub;margin-inline-end: 0.45em;inline-size: min(60px,1.5em);block-size: auto;aspect-ratio: 60 / 48;}
#top_gallery .column [class^="flex_item_"] .link_text {font-size: 2.252em;font-weight: 900;}
#top_gallery .column [class^="flex_item_"] .link_text .fa-arrow-right {inset: 50% auto auto 111%;inline-size: 2.25em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
#top_gallery .column [class^="flex_item_"]:hover .link_text .fa-arrow-right {inset: 50% auto auto 116%;}
#top_gallery .column [class^="flex_item_"] .outer {border-radius: 1.75em;block-size: auto;aspect-ratio: 76 / 43;margin-block-end: 1.5em;}
#top_gallery .column [class^="flex_item_"] .img {block-size: auto;aspect-ratio: 76 / 43;transition: all 0.3s;}
#top_gallery .column [class^="flex_item_"]:hover .img {transform: scale(1.1);}
#top_gallery .item9 {inset: -3.125em auto auto 3%;inline-size: min(407px,21.5%);block-size: auto;aspect-ratio: 407 / 415;}
#top_gallery .item10 {inset: 3.75em 4.25% auto auto;inline-size: min(377px,20%);block-size: auto;aspect-ratio: 377 / 288;}

.page_contact {background-image: url(../img/block/parts1.jpg),url(../img/block/parts2.jpg);background-repeat: no-repeat;background-size: 100% auto;background-position: center top,center bottom;padding-block: 4em 11.2em;}
.page_contact .ttl_side {inline-size: 46%;padding-block-start: 3.15em;}
.page_contact .ttl_side .ttl3 {margin-block-end: 6.35em;}
.page_contact .ttl_side .ttl3:after {inset: calc(100% + 2em) auto auto 0;background-image: url(../img/block/page_contact_ttl_line.png);inline-size: min(184px,11.75em);aspect-ratio: 184 / 14;}
.page_contact .ttl_side .ttl3 .large {line-height: 1.5;}
.page_contact .ttl_side .ttl3 .text {inline-size: fit-content;letter-spacing: 0.03em;aspect-ratio: auto;padding-block-start: 0;}
.page_contact .ttl_side .p_1 {font-size: 1.251em;letter-spacing: 0.03em;font-weight: 500;line-height: 2;padding-inline-start: 0.35em;}
.page_contact .link_side {inline-size: 50.125%;padding-block-start: 6.65em;padding-inline-end: 5.5em;}
.page_contact .link_side [class^="link_"] {border: 0.2em solid #000;border-radius: 100vmax;}
.page_contact .link_side .link_phone {padding-block: 1.425em;margin-block-end: 2.875em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--yellow2);transition: all 0.3s;}
.page_contact .link_side .link_phone:hover {background-color: var(--yellow2);}
.page_contact .link_side [class^="link_"]:hover .fa-phone {background-color: #FFF;}
.page_contact .link_side .link_contact {padding-block: 2.1em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--blue2);transition: all 0.3s;}
.page_contact .link_side .link_contact:hover {background-color: var(--blue2);}
.page_contact .link_side [class^="link_"]:hover .fa-envelope {background-color: #FFF;color: var(--blue2);}
.page_contact .link_side [class^="link_"] .fa-phone {inset: 50% auto auto 0.65em;font-size: 2.377em;inline-size: 2.222em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
.page_contact .link_side [class^="link_"] .fa-envelope {inset: 50% auto auto 0.65em;font-size: 2.377em;inline-size: 2.222em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
.page_contact .link_side .link_phone .span {font-size: 2.753em;letter-spacing: 0.03em;font-weight: 500;}
.page_contact .link_side .link_contact .span {font-size: 2.002em;letter-spacing: 0.03em;font-weight: 900;}
.page_contact .item1 {inset: -2.25em 0.75% auto auto;inline-size: min(477px,25%);block-size: auto;aspect-ratio: 477 / 695;z-index: 1;}


#page_fv {background-image: url(../img/block/page_top.webp);inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 749;background-repeat: no-repeat;background-position: center;background-size: cover;padding-block-start: 13%;}
.page_ttl1 {margin-block: 0;line-height: 1.75;}
.page_ttl1 .small {/*text-stroke: 3px #b8f1fa;-webkit-text-stroke: 3px #b8f1fa;*/font-size: 2.878em;letter-spacing: 0.03em;}
.page_ttl1 .bg_text {font-size: 2.002em;letter-spacing: 0.05em;font-weight: 900;padding: 0.175em 0.8em 0.225em 0.85em;border-radius: 100vmax;}
#page_fv .item1 {inset: 45% auto auto 0;inline-size: min(610px,32%);block-size: auto;aspect-ratio: 610 / 380;border-radius: 0 100vmax 100vmax 0;}
#page_fv .item2 {inset: 23.5% 0 auto auto;inline-size: min(610px,32%);block-size: auto;aspect-ratio: 610 / 380;border-radius: 100vmax 0 0 100vmax;}
#page_fv .item3 {inset: 63.25% 23.25% auto auto;inline-size: min(138px,8%);block-size: auto;aspect-ratio: 138 / 111;}

.page_ttl2 {background-image: url(../img/staff/ttl_line.png);background-repeat: no-repeat;background-position: center;background-size: cover;inline-size: min(512px,12em);block-size: auto;aspect-ratio: 512 / 105;font-size: 2.690em;padding-block-start: 0.325em;font-weight: 900;margin-block-end: 1.125em;}
#staff {padding-block: 1.25em 2.25em;overflow: hidden;}
#staff .item1 {inset: 3.65em 1.65% auto auto;aspect-ratio: 231 / 230;block-size: auto;inline-size: min(231px,12.25%);}
#staff .item2 {inset: 33.875em auto auto 2.25%;aspect-ratio: 207 / 332;block-size: auto;inline-size: min(207px,11%);z-index: 1;}
#staff .top {padding-block-end: 5.875em;z-index: 1;}
#staff .top::before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;background-color: #f0f9f2;aspect-ratio: 1920 / 423;background-image: url(../img/staff/parts1.png);background-repeat: no-repeat;background-position: center bottom -0.75em;background-size: 100% auto;z-index: -1;}
#staff .top .box {inline-size: min(1320px,68.75%);margin: 0 auto;block-size: auto;aspect-ratio: 1320 / 499;}
#staff .top .box .l_img {inline-size: 100%;block-size: 100%;}
#staff .top .box .comment1 {inset: 0.1em auto auto -6.55em;aspect-ratio: 274 / 196;block-size: auto;inline-size: min(274px,21%);}
#staff .top .box .comment2 {inset: auto -5.65em 9.125em auto;aspect-ratio: 246 / 208;block-size: auto;inline-size: min(246px,19%);}
#staff .top .item3 {inset: 6.4em auto auto 6.3%;aspect-ratio: 121 / 124;block-size: auto;inline-size: min(121px,7%);z-index: -1;}
#staff .top .item4 {inset: auto 5.375% 10.55em auto;aspect-ratio: 1;block-size: auto;inline-size: min(110px,6%);}
#staff .staff_box {padding-block-start: 2.65em;}
#staff .staff_box .ul {justify-content: flex-start;gap: calc(20% / 3);}
#staff .staff_box .ul [class^="staff"] .on_img {inset: 0;opacity: 0;z-index: -1;margin: auto;}
#staff .staff_box .ul [class^="staff"]:hover .on_img {opacity: 1;}
#staff .staff_box .ul [class^="staff"] .off_img {opacity: 1}
#staff .staff_box .ul [class^="staff"]:hover .off_img {block-size: 100%;opacity: 0}
#staff .staff_box .ul [class^="staff"] img {transition: all 0.3s;}
#staff .staff_box .ul [class^="staff"] {margin-block-end: 5em;inline-size: min(320px,20%);aspect-ratio: 320 / 396;block-size: auto;z-index: 1;}
#staff .staff_box .ul [class^="staff"] .name {margin-block: 0;inset: auto auto 4.55em 2.5em;}
#staff .staff_box .ul .staff2 .name {inset: auto auto 4.55em 1.5em;}
#staff .staff_box .ul .staff3 .name {inset: auto auto 4.55em 3.25em;}
#staff .staff_box .ul [class^="staff"] .name .small {font-size: 1.251em;font-weight: 800;margin-block-end: 0.125em;}
#staff .staff_box .ul [class^="staff"] .name .text {font-size: 1.439em;font-weight: 600;line-height: 1.475em;inline-size: 1.475em;text-align: center;margin-inline-end: 0.15em;border-radius: 0.25em;}
#staff .staff_box .staff1 .off_img {inline-size:100%;}
#staff .staff_box .staff1 .on_img {inline-size: min(390px,121.875%);transform: translateX(-11%);}
#staff .staff_box .staff2 .off_img {inline-size:100%;}
#staff .staff_box .staff2 .on_img {inline-size:100%;}
#staff .staff_box .staff3 .off_img {inline-size:100%;}
#staff .staff_box .staff3 .on_img {inline-size: min(321px,100.3125%);}
#staff .staff_box .staff4 .off_img {inline-size:100%;}
#staff .staff_box .staff4 .on_img {inline-size:100%;}
#staff .staff_box .staff5 .off_img {inline-size: min(330px,103.125%);}
#staff .staff_box .staff5 .on_img {inline-size:100%;}
#staff .staff_box .staff6 .off_img {inline-size:100%;}
#staff .staff_box .staff6 .on_img {inline-size:100%;}
#staff .staff_box .staff7 .off_img {inline-size:100%;}
#staff .staff_box .staff7 .on_img {inline-size:100%;}
#staff .staff_box .staff8 .off_img {inline-size:100%;}
#staff .staff_box .staff8 .on_img {inline-size:100%;}
#staff .staff_box .staff9 .off_img {inline-size:100%;}
#staff .staff_box .staff9 .on_img {inline-size: min(466px,145.625%);transform: translateX(-31.125%);}
#staff .staff_box .staff10 {transform: translateX(3%);}
#staff .staff_box .staff10 .off_img {inline-size:100%;}
#staff .staff_box .staff10 .on_img {inline-size:100%;}
#staff .staff_box .staff11 {transform: translateX(3.5%);}
#staff .staff_box .staff11 .off_img {inline-size:100%;}
#staff .staff_box .staff11 .on_img {inline-size: min(330px,103.125%);transform: translateX(-2.5%);}
#staff .staff_box .staff12 {transform: translateX(-15%);}
#staff .staff_box .staff12 .off_img {inline-size: min(420px,131.25%);}
#staff .staff_box .staff12 .on_img {inline-size: min(459px,143.4375%);transform: translateX(-2%);}
#staff .item5 {inset: 6.45em auto auto 27.65%;inline-size: min(184px,10%);block-size: auto;aspect-ratio: 92 / 47;}
#staff .item6 {inset: 12.75em 24.25% auto auto;inline-size: min(120px,7%);block-size: auto;aspect-ratio: 6 / 6.1;}
#staff .item7 {inset: 32% 0 auto auto;inline-size: min(130px,7%);block-size: auto;aspect-ratio: 1.3 / 2;}
#staff .item8 {inset: 46.5% auto auto 0;inline-size: min(323px,17%);block-size: auto;aspect-ratio: 323 / 82;}
#staff .item9 {inset: 59.25% 28.75% auto auto;inline-size: min(90px,5%);block-size: auto;aspect-ratio: 1;}
#staff .item10 {inset: auto auto 21.75em 26.5%;inline-size: min(169px,9%);block-size: auto;aspect-ratio: 169 / 24;}
#staff .item11 {inset: auto 1.5% 14em auto;inline-size: min(100px,5.5%);block-size: auto;aspect-ratio: 2 / 1.7;}
#staff .item12 {inset: auto auto 2.85em 5.125%;inline-size: min(124px,6.5%);block-size: auto;aspect-ratio: 1;}

/*gallery*/
#movie {padding-block: 11.65em 2em;z-index: 1;margin-block-start: 4.125em;}
#movie:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 320;background-color: #FFF;z-index: -1;}
#movie .inner {padding-block-start: 9em;z-index: 1;border-radius: 1.75em 1.75em 0 0;}
#movie .ttl_box {inset: auto 0 calc(100% - 10em) 0;inline-size: fit-content;margin-inline: auto;padding-inline: 3.65em;border-radius: 1.75em 1.75em 0 0;}
#movie .ttl_box .tag {font-size: 2.628em;line-height: 1.5;padding-block: 0.75em 0.6em;}
#movie .ttl_box .tag .icon {margin-inline-end: 0.45em;vertical-align: text-bottom;inline-size: min(60px,1.45em);}
#movie .ttl_box .page_ttl2 {background-image: url(../img/gallery/ttl_line.png);margin-block-start: 0;}
#movie .box {padding: 2.5em 6.125em 2em 6.25em;}
#movie .box .video_box {border-radius: 1.875em;inline-size: min(760px,47.75%);block-size: auto;aspect-ratio: 760 / 420;margin-block-end: 4.75em;}
#movie .box .video_box .video {inset: 0;margin: auto;object-fit: cover;block-size: 100%;aspect-ratio: 760 / 428;}
#movie .item1 {inset: -13.825em auto auto 2.875%;inline-size: min(296px,17%);block-size: auto;aspect-ratio: 296 / 327;}
#movie .item2 {inset: -9.25em 1.85% auto auto;inline-size: min(362px,20.25%);block-size: auto;aspect-ratio: 361 / 228;}
#movie .item3 {inset: auto 11.5% 3.25em auto;inline-size: min(402px,22.5%);block-size: auto;aspect-ratio: 402 / 465;}
#movie .item6 {inset: 52.65% auto auto 2.75%;z-index: -1;inline-size: min(90px,5%);block-size: auto;aspect-ratio: 1;}

#photo {padding-block: 14.35em 0.5em;background: url(../img/gallery/parts1.png), linear-gradient(to right, var(--green3) 0%, var(--green3) 50%, var(--yellow4) 50%, var(--yellow4) 100%);background-repeat: no-repeat;background-position: center top;background-size: 100%;z-index: 1;}
#photo:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 320;background-color: #FFF;z-index: -1;}
@media (min-width: 768px) and (max-width: 1024px) {}
#photo .inner {padding-block-start: 8.25em;border-radius: 1.75em 1.75em 0 0;}
#photo .ttl_box {inset: auto 0 calc(100% - 10em) 0;inline-size: fit-content;margin-inline: auto;padding-inline: 3.65em;border-radius: 1.75em 1.75em 0 0;}
#photo .ttl_box .tag {font-size: 2.628em;line-height: 1.5;padding-block: 0.75em 0.6em;}
#photo .ttl_box .tag .icon {margin-inline-end: 0.45em;vertical-align: text-bottom;inline-size: min(60px,1.45em);}
#photo .ttl_box .page_ttl2 {margin-block-start: 0;}
#photo .box {padding: 2.5em 6.125em 2em 6.25em;justify-content: flex-start;gap: calc(7.6152% / 3);}
#photo .box .list {inline-size: min(370px,23.0962%);margin-block-end: 3.15%;}
#photo .box .list a {block-size: auto;aspect-ratio: 370 / 280;}
#photo .box .list a img {block-size: 100%;border-radius: 1.75em;}
#photo .item4 {inset: -16.65em auto auto 11.55%;inline-size: min(263px,15%);block-size: auto;aspect-ratio: 263 / 322;}
#photo .item5 {inset: -6.65em 2.65% auto auto;inline-size: min(214px,12%);block-size: auto;aspect-ratio: 214 / 221;}
#photo .item7 {inset: 7.65em auto auto 0.125em;inline-size: min(229px,12%);block-size: auto;aspect-ratio: 229 / 347;z-index: -1;}
#photo .item8 {inset: 4em 10.75% auto auto;inline-size: min(275px,14.5%);block-size: auto;aspect-ratio: 275 / 347;z-index: -1;}

#greeting {padding-block: 1.875em 1em;}
#greeting .top_column {padding-block-end: 2.5em;}
#greeting .top_column .text_side {inline-size: 40%;}
#greeting .top_column .text_side .page_ttl3 {margin-block: 0 1.8em;line-height: 1.75;}
#greeting .top_column .text_side .page_ttl3 .small {font-size: 3.850em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.6;}
#greeting .top_column .text_side .page_ttl3 .text {font-size: 2.299em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/about/ttl_line1.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(342px,8em);block-size: auto;aspect-ratio: 342 / 105;text-align: center;padding-block-start: 0.325em;}
#greeting .top_column .text_side .strong {font-size: 2.503em;letter-spacing: 0.03em;font-weight: 900;line-height: 2.150em;margin-block-end: 1em;}
#greeting .top_column .text_side .strong .span1 {font-size: 1.075em;letter-spacing: 0.03em;margin-inline-end: 0.35em;}
#greeting .top_column .text_side .strong .span1:after {content: "";position: absolute;background-image: url(../img/about/text_dotted1.png);inline-size: min(164px,100%);block-size: auto;aspect-ratio: 164 / 8;inset: 90% 0 0 0;margin-inline: auto;background-repeat: no-repeat;background-size: cover;}
#greeting .top_column .text_side .strong .span2 {font-size: 1.075em;letter-spacing: 0.03em;margin-inline: 0.35em;}
#greeting .top_column .text_side .strong .span2:after {content: "";position: absolute;background-image: url(../img/about/text_dotted2.png);inline-size: min(164px,100%);block-size: auto;aspect-ratio: 164 / 8;inset: 90% 0 0 0;margin-inline: auto;background-repeat: no-repeat;background-size: cover;}
#greeting .top_column .text_side .strong .span3 {font-size: 1.075em;letter-spacing: 0.03em;margin-inline: 0.35em;}
#greeting .top_column .text_side .strong .span3:after {content: "";position: absolute;background-image: url(../img/about/text_dotted3.png);inline-size: min(245px,100%);block-size: auto;aspect-ratio: 245 / 8;inset: 90% 0 0 0;margin-inline: auto;background-repeat: no-repeat;background-size: cover;}
#greeting .top_column .text_side .p_1 {font-size: 1.502em;letter-spacing: 0.03em;font-weight: bold;line-height: 2;}
#greeting .top_column .img_side {inline-size: min(899px,56.25%);padding-block-start: 2.25em;margin-inline-end: 0.125em;}
#greeting .top_column .img_side .img {inline-size: min(899px,100%);block-size: auto;aspect-ratio: 899 / 600;}
#greeting .top_column .img_side .comment1 {inset: auto 0.5em -0.25em auto;inline-size: min(372px,42%);block-size: auto;aspect-ratio: 372 / 198;}
#greeting .top_column .item1 {inset: auto auto 0 36.875%;inline-size: min(130px,8.25%);block-size: auto;aspect-ratio: 130 / 184;}
#greeting [class^="column"] {z-index: 1;}
#greeting [class^="column"]:before {content: "";position: absolute;}
#greeting [class^="column"] .box {inline-size: min(1480px,77.25%);margin-inline: auto;padding-block: 1.5em 7em;}
#greeting [class^="column"] .box:before {content: "";position: absolute;}
#greeting [class^="column"] .box:after {content: "";position: absolute;}
#greeting [class^="column"] .strong {font-size: 2.315em;letter-spacing: 0.03em;font-weight: 900;margin-block-end: 2.7em;line-height: 1.7;padding-inline-start: 1.35em;}
#greeting [class^="column"] .strong .span {font-size: 1.081em;letter-spacing: 0.03em;}
#greeting [class^="column"] .strong:after {content: "";position: absolute;inset: calc(100% + 1.1em) 0 auto 0;inline-size: min(330px,23%);block-size: auto;aspect-ratio: 330 /14;background-image: url(../img/about/text_line1.png);background-repeat: no-repeat;background-position: center;background-size: cover;margin-inline: auto;}
#greeting [class^="column"] .p_2 {font-size: 1.502em;font-weight: 500;inline-size: 84%;margin-inline: auto;line-height: 2.3;letter-spacing: 0.03em;padding-inline-start: 0.125em;}
#greeting [class^="column"] .p_2 .mark1 {background: linear-gradient( to bottom, transparent 0%, transparent 80%, var(--green4) 80%, var(--green4) 100% );}
#greeting [class^="column"] .p_2 .mark2 {background: linear-gradient( to bottom, transparent 0%, transparent 80%, var(--blue4) 80%, var(--blue4) 100% );}
#greeting [class^="column"] .p_2 .mark3 {background: linear-gradient( to bottom, transparent 0%, transparent 80%, var(--green4) 80%, var(--green4) 100% );}
#greeting .column1 {margin-block-start: 3.25em;}
#greeting .column1:before {content: "";position: absolute;inline-size: 91.75%;block-size: 78%;background-color: var(--green8);inset: 12.25% auto auto 0;border-radius: 0 3em 3em 0;z-index: -1;}
#greeting .column1 .box:before {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-start: 0.25em solid var(--green3);border-inline-end: 0.25em solid var(--green3);inset: 0 0 auto auto;border-radius: 0 7em 0 0;}
#greeting .column1 .box:after {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-end: 0.25em solid var(--yellow1);border-inline-start: 0.25em solid var(--yellow1);inset: auto auto 0 0;border-radius: 0 0 0 7em;}
#greeting .column1 .item2 {inset: -3.5em auto auto 3.65%;inline-size: min(311px,17%);block-size: auto;aspect-ratio: 311 / 362;}
#greeting .column1 .item3 {inset: auto 4% 38% auto;inline-size: min(121px,7%);block-size: auto;aspect-ratio: 121 / 61;}
#greeting [class^="column"] [class^="cloud"] {block-size: auto; z-index: -1;}
#greeting .column1 .cloud1 {inset: 29.875% auto auto 2.5%;inline-size: min(171px,8.90625%);aspect-ratio: 171 / 181}
#greeting .column1 .cloud2 {inset: 54% auto auto 25%;inline-size: min(247px,12.864583%);aspect-ratio: 247 / 178;}
#greeting .column1 .cloud3 {inset: 33.875% 35.75% auto auto;inline-size: min(222px,11.5625%);aspect-ratio: 222 / 142;}
#greeting .column1 .cloud4 {inset: 45.5% 11.5% auto auto;inline-size: min(226px,11.770833%);aspect-ratio: 226 / 175;}
#greeting .column2 {margin-block-start: 4em;}
#greeting .column2:before  {content: "";position: absolute;inline-size: 91.75%;block-size: 72%;background-color: var(--blue5);inset: 15.5% 0 auto auto;border-radius: 3em 0 0 3em;z-index: -1;}
#greeting .column2 .box:before {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-start: 0.25em solid var(--blue2);border-inline-start: 0.25em solid var(--blue2);inset: 0 auto auto 0;border-radius: 7em 0 0 0;}
#greeting .column2 .box:after {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-end: 0.25em solid var(--yellow1);border-inline-end: 0.25em solid var(--yellow1);inset: auto 0 0 auto;border-radius: 0 0 7em 0;}
#greeting .column2 .item4 {inset: -6.5em 2.75% auto auto;inline-size: min(340px,18%);block-size: auto;aspect-ratio: 340 / 280;}
#greeting .column2 .item5 {inset: 45% auto auto 0;inline-size: min(113px,6%);block-size: auto;aspect-ratio: 113 / 120;}
#greeting .column2 .cloud5 {inset: 32% auto auto 13%;inline-size: min(226px,11.770833%);aspect-ratio: 226/ 175;}
#greeting .column2 .cloud6 {inset: 56% auto auto 35%;inline-size: min(222px,11.770833%);aspect-ratio: 222/ 142;}
#greeting .column2 .cloud7 {inset: 25.5% 22.25% auto auto;inline-size: min(189px,9.84375%);aspect-ratio: 189/ 195;}
#greeting .column2 .cloud8 {inset: 48.5% 4% auto auto;inline-size: min(271px,14.114583%);aspect-ratio: 271/ 177;}
#greeting .column3 {margin-block-start: 4em;}
#greeting .column3:before  {content: "";position: absolute;inline-size: 91.75%;block-size: 78%;background-color: var(--green8);inset: 11.5% auto auto 0;border-radius: 0 3em 3em 0;z-index: -1;}
#greeting .column3 .box:before {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-start: 0.25em solid var(--green3);border-inline-end: 0.25em solid var(--green3);inset: 0 0 auto auto;border-radius: 0 7em 0 0;}
#greeting .column3 .box:after {inline-size: 26.5%;block-size: auto;aspect-ratio: 3 / 0.9;border-block-end: 0.25em solid var(--yellow1);border-inline-start: 0.25em solid var(--yellow1);inset: auto auto 0 0;border-radius: 0 0 0 7em;}
#greeting .column3 .item6 {inset: -5em auto auto 3%;inline-size: min(399px,21%);block-size: auto;aspect-ratio: 399 / 316;}
#greeting .column3 .item7 {inset: auto 4.35% -1.25em auto;inline-size: min(130px,7%);block-size: auto;aspect-ratio: 1;}
#greeting .column3 .cloud9 {inset: 41.125% auto auto 3%;inline-size: min(171px,8.90625%);aspect-ratio: 171/181;}
#greeting .column3 .cloud10 {inset: 58% auto auto 24.5%;inline-size: min(247px,12.864583%);aspect-ratio: 247/178;}
#greeting .column3 .cloud11 {inset: 36.875% 35.75% auto auto;inline-size: min(222px,11.770833%);aspect-ratio: 222/142;}
#greeting .column3 .cloud12 {inset: 49.25% 11.5% auto auto;inline-size: min(226px,11.770833%);aspect-ratio: 226/175;}

#growing {padding-block: 1.9em 2em;}
#growing .page_ttl3 {margin-block: 0 1.8em;line-height: 1.75;}
#growing .page_ttl3 .small {font-size: 4.505em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.6;margin-block-end: 0.125em;display: block;padding-inline-end: 0.125em;}
#growing .page_ttl3 .text {font-size: 3em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/about/ttl_line2.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(702px,16.5em);block-size: auto;aspect-ratio: 702 / 105;text-align: center;padding-block-start: 0.15em;margin-inline: auto;}
#growing [class^="column"] {padding-block: 0.5em 6em;z-index: 1;}
#growing [class^="column"] .box {padding: 0 5.2% 3.5em;border-radius: 0 0 1.875em 1.875em;}
#growing [class^="column"] .box .text_side {inline-size: 47.25%;}
#growing [class^="column"] .box .text_side .sub_ttl {margin-block: 2.5em 5.875em;}
#growing [class^="column"] .box .text_side .sub_ttl:after {content: "";position: absolute;background-image: url(../img/about/sub_ttl_dotted1.png);background-repeat: no-repeat;background-position: center;background-size: cover;inline-size: min(184px,11.65em);block-size: auto;aspect-ratio: 184 / 14;inset: calc(100% + 2.75em) auto auto 0;}
#growing [class^="column"] .box .text_side .sub_ttl .span {font-size: 2.127em;letter-spacing: 0.03em;}
#growing [class^="column"] .box .text_side .sub_ttl .text {font-size: 2.690em;inline-size: 1.575em;text-align: center;line-height: 1;block-size: auto;aspect-ratio: 1;padding-block-start: 0.275em;margin-inline-end: 0.125em;font-weight: 900;border-radius: 0.25em;}
#growing [class^="column"] .box .text_side .p_1 {font-size: 1.502em;letter-spacing: 0.03em;line-height: 2.3;font-weight: 500;}
#growing [class^="column"]:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 580;z-index: -1;background-repeat: repeat;background-position: left top;background-size: 2.03125%;}
#growing [class^="column"]:after {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 52;z-index: 1;background-image: url(../img/about/parts1.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
#growing .column1:before {background-image: url(../img/about/bg_item1.png);}
#growing .column1 .box .img_side {inline-size: min(774px,49%);}
#growing .column1 .box .img_side .img {inline-size: min(774px,100%);block-size: auto;aspect-ratio: 774 / 500}
#growing .column1 .item8 {inset: -12.125em auto auto 4.35%;inline-size: min(383px,20%);block-size: auto;aspect-ratio: 383 / 266;}
#growing .column1 .item9 {inset: 1.25em 12.25% auto auto;inline-size: min(199px,11%);block-size: auto;aspect-ratio: 199 / 176;}
#growing .column2 {margin-block-start: 3.125em;}
#growing .column2:before {background-image: url(../img/about/bg_item2.png);}
#growing .column2 .box .img_side {inline-size: min(776px,49%);}
#growing .column2 .box .img_side .img {inline-size: min(776px,100%);block-size: auto;aspect-ratio: 776 / 511}
#growing .column2 .item10 {inset: 0.5em auto auto 32.75%;inline-size: min(277px,15%);block-size: auto;aspect-ratio: 277 / 216;}
#growing .column3 {margin-block-start: 4.5em;}
#growing .column3:before {background-image: url(../img/about/bg_item3.png);}
#growing .column3 .box {padding-block-end: 2em;}
#growing .column3 .box .img_side {inline-size: min(803px,50.25%);transform: translateX(-5.35%);padding-block-start: 1.75em;}
#growing .column3 .box .img_side .img {inline-size: min(803px,100%);block-size: auto;aspect-ratio: 803 / 521;}
#growing .column3 .item11 {inset: -4.25em 7.35% auto auto;inline-size: min(271px,14.5%);block-size: auto;aspect-ratio: 271 / 288;}
#growing .column4 {margin-block-start: 1.5em;}
#growing .column4:before {background-image: url(../img/about/bg_item4.png);}
#growing .column4 .box .text_side {inline-size: 48%;}
#growing .column4 .box .img_side {inline-size: min(794px,50%);padding-block-start: 1em;transform: translateX(2.5%);}
#growing .column4 .box .img_side .img {inline-size: min(794px,100%);block-size: auto;aspect-ratio: 794 / 508;}
#growing .column4 .item12 {inset: 0.65em auto auto 34.125%;inline-size: min(223px,12%);block-size: auto;aspect-ratio: 223 / 198;}

#initiative {padding-block-end: 3em;}
#initiative .page_ttl3 {margin-block: 0 6.45em;line-height: 1.75;}
#initiative .page_ttl3 .small {font-size: 5.427em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.6;margin-block-end: 0.125em;display: block;padding-inline-end: 0.125em;padding-inline-start: 0.125em;}
#initiative .page_ttl3 .text {font-size: 3.618em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/about/ttl_line3.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(570px,12em);block-size: auto;aspect-ratio: 570 / 105;text-align: center;padding-block-start: 0.15em;margin-inline: auto;}
#initiative .item13 {inset: -10.25em auto auto 4.35%;inline-size: min(307px,16%);block-size: auto;aspect-ratio: 307 / 371;}
#initiative .item14 {inset: -6.125em 8.35% auto auto;inline-size: min(316px,17%);block-size: auto;aspect-ratio: 316 / 290;}
#initiative .item15 {inset: auto 6.875% 22.875% auto;inline-size: min(333px,17.5%);block-size: auto;aspect-ratio: 333 / 209;}
#initiative .item16 {inset: auto 14.25% 8.5em auto;inline-size: min(539px,28.25%);block-size: auto;aspect-ratio: 539 / 448;}
#initiative .comment2 {inset: auto 29.65% 37.125em auto;inline-size: min(350px,18.5%);block-size: auto;aspect-ratio: 350 / 160;}
#initiative .comment3 {inset: auto 2.45% 24.125em auto;inline-size: min(240px,12.5%);block-size: auto;aspect-ratio: 240 / 200;}
#initiative [class^="flex_item"] {inline-size: 47.75%;border: 0.5em solid;border-radius: 2em;padding: 1.5em 2.0425% 0.5em;margin-block-end: 3.25em;}
#initiative [class^="flex_item"] .sub_ttl {font-size: 1.752em;margin-block: 0 1.1em;padding-inline-start: 0.125em;inline-size: 105%;}
#initiative [class^="flex_item"] .sub_ttl .span {letter-spacing: 0.03em;font-weight: 900;margin-inline-end: 0.4em;vertical-align: text-bottom;}
#initiative [class^="flex_item"] .sub_ttl .num {text-align: center;font-size: 1.786em;padding-block-start: 0.1em;margin-inline-end: 0.6em;inline-size: min(104px,2.1em);block-size: auto;aspect-ratio: 1;background-position: center;background-repeat: no-repeat;background-size: cover;}
#initiative [class^="flex_item"] .sub_ttl .text {font-size: 1.357em;letter-spacing: 0.03em;font-weight: 900;}
#initiative [class^="flex_item"] .sub_ttl .text:after {content: "";position: absolute;block-size: auto;background-repeat: no-repeat;background-position: center;background-size: cover;inset: calc(100% + 0.35em) auto auto 0;}
#initiative [class^="flex_item"] .img {inline-size: min(770px,100%);border-radius: 1.875em;}
#initiative [class^="flex_item"] .p_1 {font-size: 1.376em;letter-spacing: 0.03em;font-weight: 500;line-height: 2.2;inline-size: 102%;}
#initiative .flex_item1 {border-color: var(--green3);}
#initiative .flex_item1 .sub_ttl .text:after {background-image: url(../img/about/sub_ttl_dotted2.png);inline-size: min(164px,4.5em);aspect-ratio: 164 / 8;}
#initiative .flex_item2 {border-color: var(--blue2);}
#initiative .flex_item2 .sub_ttl .text:after {background-image: url(../img/about/sub_ttl_dotted3.png);inline-size: min(401px,10.6em);aspect-ratio: 401 / 9;}
#initiative .flex_item3 {border-color: var(--yellow2);}
#initiative .flex_item3 .sub_ttl .text:after {background-image: url(../img/about/sub_ttl_dotted4.png);inline-size: min(339px,8.93em);aspect-ratio: 339 / 8;}
#initiative .flex_item4 {border-color: var(--green3);}
#initiative .flex_item4 .sub_ttl .text:after {background-image: url(../img/about/sub_ttl_dotted5.png);inline-size: min(164px,4.5em);aspect-ratio: 164 / 8;}
#initiative .flex_item5 {border-color: var(--blue2);}
#initiative .flex_item5 .sub_ttl .text:after {background-image: url(../img/about/sub_ttl_dotted6.png);inline-size: min(499px,13.14em);aspect-ratio: 499 / 8;}
#initiative .flex_item5 .sub_ttl .num {margin-inline-end: 0.45em;}
#initiative [class^="flex_item"] .num.g_bg {background-image: url(../img/about/num_bg1.png);}
#initiative [class^="flex_item"] .num.b_bg {background-image: url(../img/about/num_bg2.png);}
#initiative [class^="flex_item"] .num.y_bg {background-image: url(../img/about/num_bg3.png);}

#company {background-image: url(../img/about/parts2.png),url(../img/about/company_bg.webp) ;background-repeat: no-repeat,repeat-y;background-position: center top;background-size: 100%;padding-block: 3.65em 4.5em;}
#company .ttl3 {margin-block-end: 6em;}
#company .ttl3 .large {font-size: 6.723em;}
#company .ttl3 .text {font-size: 4.482em;}
#company .item17 {inset: auto auto 100% 6%;inline-size: min(321px,18%);block-size: auto;aspect-ratio: 321 / 355;}
#company .column {border-radius: 1.875em;overflow: hidden;padding: 3.75em 5.5555% 4.65em;}
#company .column .data_side .dl {font-size: 1.251em;letter-spacing: 0.03em;margin-block: 0 0.9em;}
#company .column .data_side .dl .dt {inline-size: 8.5em;border-block-end: 0.2em dotted var(--blue4);padding-block-end: 0.65em;padding-inline-start: 0.25em;font-weight: 500;}
#company .column .data_side .dl .dd {border-block-end: 0.2em dotted var(--gray1);padding-inline-start: 0.6em;font-weight: 500;padding-block-end: 0.65em;}
#company .column iframe {display: block;border-radius: 0.5em;inline-size: min(760px,48%);block-size: auto;aspect-ratio: 76 / 70;}
#company .img {margin-block-start: 3.5em;border-radius: 2em;}

#history {padding-block: 4.75em 6em;background-image: radial-gradient(#eee 15%, transparent 15%);background-size: 1.5em 1.5em;background-position: 1.25em 1.25em;}
#history .ttl3 {margin-block-end: 6em;}
#history .ttl3 .large {font-size: 6.723em;}
#history .ttl3 .text {font-size: 4.015em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/about/ttl_line4.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(342px,8em);block-size: auto;aspect-ratio: 342 / 105;text-align: center;padding-block-start: 0.75em;margin-inline: auto;}
#history .dl {margin-block-end: 2em;}
#history .dl .dt {font-size: 1.502em;letter-spacing: 0.05em;inline-size: 17.5em;font-weight: 800;}
#history .dl .dt .box {inline-size: 96%;margin-inline: 0 auto;padding-block: 0.65em;border-radius: 0.5em;}
#history .dl .dt .l {font-size: 1.166em;letter-spacing: 0.05em;}
#history .dl .dt:before {content: "";position: absolute;inline-size: 0.5em;block-size: 100%;background-color: var(--green6);inset: 96% auto auto 47%;margin-inline: auto;z-index: -1;}
#history .dl:last-of-type .dt:before {content: none;}
#history .dl .dd {font-size: 1.376em;letter-spacing: 0.03em;padding-inline-start: 1.75em;font-weight: 500;border-radius: 0.56em;}
#history .item18 {inset: -2.2em auto auto 3%;inline-size: min(432px,23%);block-size: auto;aspect-ratio: 432 / 351;}
#history .item19 {inset: 4.5em 1.65% auto auto;inline-size: min(474px,25%);block-size: auto;aspect-ratio: 474 / 270;}

/*recruit*/
#recruit_message {padding-block: 0.5em 2em;}
#recruit_message .top_column .box .ttl_side .page_ttl3 .small {font-size: 3.850em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.6;}
#recruit_message .top_column .box .ttl_side .page_ttl3 .text {font-size: 2.299em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/recruit/ttl_line1.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(442px,10.5em);block-size: auto;aspect-ratio: 442 / 105;text-align: center;padding-block-start: 0.325em;}
#recruit_message .top_column .box .p_1 {font-size: 1.627em;inline-size: 66.35%;margin-block-start: 5em;font-weight: 600;line-height: 2.2;letter-spacing: 0;}
#recruit_message .top_column .img_box {inline-size: min(800px,42%);margin-block-start: 1.5em;}
#recruit_message .top_column .img_box .img {inline-size: min(800px,100%);block-size: auto;aspect-ratio: 800 /514;}
#recruit_message .top_column .img_box .comment1 {inset: auto auto 2.15em -13.85em;inline-size: min(442px,55.5%);block-size: auto;aspect-ratio: 442 / 252;}
#recruit_message .top_column .img_box .name {margin-block: 0;inset: 5.25em -5em auto auto;inline-size: min(140px,17.5%);block-size: auto;aspect-ratio: 140 / 297;}
#recruit_message .bottom_column {margin-block-start: 3.25em;background: url(../img/recruit/parts1.png), linear-gradient(to right, var(--yellow2) 0%, var(--yellow2) 50%, var(--blue2) 50%, var(--blue2) 100%);background-repeat: no-repeat;background-position: center bottom;background-size: 100%;z-index: 1;padding-block-end: 6em;}
#recruit_message .bottom_column:after {content: "";position: absolute;inline-size: 100%;block-size: 100%;background-image: radial-gradient(#fff 15%, transparent 15%);background-size: 1.6em 1.6em;background-position: 1.25em 1.25em;inset: 0;margin: auto;z-index: -1;opacity: 0.5;transform: translate(1em, 0.875em);}
#recruit_message .bottom_column .inner {padding-block-end: 2.65em;border-radius: 0 0 1.875em 1.875em;}
#recruit_message .bottom_column [class^="column"] {padding-inline: 5.55%;}
#recruit_message .bottom_column [class^="column"] .text_side {inline-size: 48%;padding-block-start: 0.4em;}
#recruit_message .bottom_column [class^="column"] .text_side .strong {font-size: 2.127em;letter-spacing: 0.03em;font-weight: 900;line-height: 1.794em;margin-block-end: 2.1em;}
#recruit_message .bottom_column [class^="column"] .text_side .strong span {font-size: 1.088em;letter-spacing: 0.03em;}
#recruit_message .bottom_column [class^="column"] .text_side .strong:after {content: "";position: absolute;inset: calc(100% + 0.925em) auto auto 0; background-image: url(../img/recruit/text_line1.png);inline-size: min(760px,22.36em);block-size: auto;aspect-ratio: 760 / 13;background-repeat: no-repeat;background-position: center;background-size: cover;}
#recruit_message .bottom_column [class^="column"] .text_side .p_1 {font-size: 1.376em;line-height: 2.301em;letter-spacing: 0.03em;font-weight: 500;}
#recruit_message .bottom_column .column1 .img {inline-size: min(760px,48%);block-size: auto;aspect-ratio: 76 / 47;margin-block-start: -0.5em;}
#recruit_message .bottom_column .column2 {margin-block-start: 2.75em;}
#recruit_message .bottom_column .column2 .text_side {inline-size: 47.5%;}
#recruit_message .bottom_column .column2 .text_side .strong {line-height: 1.912em;margin-block-end: 2em;}
#recruit_message .bottom_column .column2 .img {margin: 1.25em auto auto -1.35em;inline-size: min(781px,49%);block-size: auto;aspect-ratio: 781 / 470;}
#recruit_message .item1 {inset: 20.2em auto auto 0;inline-size: min(328px,17.25%);block-size: auto;aspect-ratio: 328 / 371;}
#recruit_message .item2 {inset: 24.35em 0 auto auto;inline-size: min(336px,18%);aspect-ratio: 336 / 346;}

#interview {padding-block: 0.5em 2em;z-index: 1;}
#interview:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 300;background: url(../img/recruit/parts1.png),var(--green3);background-repeat: no-repeat;background-position: center bottom;background-size: 100%;z-index: -1;}
#interview .page_ttl3 {margin-block: 0 4.25em;line-height: 1.75;}
#interview .page_ttl3 .small {font-size: 4.505em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.5;display: block;}
#interview .page_ttl3 .text {font-size: 2.69em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/recruit/ttl_line2.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(642px,15.5em);block-size: auto;aspect-ratio: 642 / 105;text-align: center;padding-block-start: 0.35em;margin-inline: auto;}
#interview .top_column .flex_item {inline-size: min(860px,48%);}
#interview .top_column .flex_item .num {inset: 0.35em auto auto 0.5em;margin-block: 0;font-size: 3.879em;letter-spacing: 0.03em;line-height: 1.075em;}
#interview .top_column .flex_item .num .small {font-size: 0.694em;letter-spacing: 0.03em;line-height: 1;}
#interview .top_column .flex_item .img {block-size: auto;aspect-ratio: 43 / 24;border-radius: 1.875em;}
#interview .top_column .flex_item .name {inset: 18.75em auto auto 0;margin-block: 0;}
#interview .top_column .flex_item .name .tag1 {font-size: 1.627em;font-weight: 900;letter-spacing: 0.03em;inline-size: fit-content;display: block;padding: 0.075em 1.35em 0.075em 1.45em;border-radius: 0 100vmax 100vmax 0;}
#interview .top_column .flex_item .name .tag2 {font-size: 2.002em;font-weight: 900;letter-spacing: 0.03em;inline-size: fit-content;display: block;padding: 0.2em 1.25em 0.2em 1.175em;border-radius: 0 100vmax 100vmax 0;margin-block-start: 0.6em;}
#interview .top_column .flex_item .name .tag2 .small {font-size: 0.813em;letter-spacing: 0.03em;}
.more2 {font-size: 1.502em;letter-spacing: 0.05em;font-weight: 900;border: 1px solid #000;inline-size: fit-content;padding: 0.95em 5.5em 0.95em 4.85em;border-radius: 100vmax;margin-block-start: 2.125em;box-shadow: 0.35em 0.25em 0 var(--yellow2);transition: all 0.3s;}
.more2:hover {background-color: var(--yellow2);}
.more2 .fa-arrow-right {font-size: 0.833em;inline-size: 2.5em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.75em;inset: 50% 1.75em auto auto;transform: translateY(-50%);transition: all 0.3s;}
.more2:hover .fa-arrow-right {inset: 50% 1.25em auto auto;}
#interview #in_slide1 {padding-block: 5em 3em;}
#interview #in_slide1 .list {border-radius: 100vmax;overflow: hidden;margin-inline: 0.75%;inline-size: min(560px,29.25%);position: relative;}
#interview #in_slide1 .list:before {content: "";position: absolute;inset:0;margin: auto; inline-size: 100%;block-size: 100%;border-radius: 100vmax;border: 0.375em solid #fff;}
#interview #in_slide1 .list .img {inline-size: 100%;block-size: auto; aspect-ratio: 560 / 330;}
#interview .item3 {inset: -17.5em 0 auto auto;inline-size: min(323px,17%);block-size: auto;aspect-ratio: 323 / 350;}
#interview .item5 {inset: -6.1em auto auto 4.875%;inline-size: min(316px,17%);block-size: auto;aspect-ratio: 316 / 284;}

#internship {padding-block: 1.75em 5.1em;}
#internship .page_ttl3 {margin-block: 0 4em;line-height: 1.75;}
#internship .page_ttl3 .small {font-size: 5.427em;letter-spacing: 0.03em;font-weight: 500;line-height: 1.6;display: block;padding-inline-end: 0.125em;padding-inline-start: 0.125em;}
#internship .page_ttl3 .text {font-size: 3.241em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/recruit/ttl_line3.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(642px,15em);block-size: auto;aspect-ratio: 642 / 105;text-align: center;padding-block-start: 0.35em;margin-inline: auto;}
#internship .p_1 {font-size: 1.627em;letter-spacing: 0;font-weight: 900;padding-inline-end: 0.5em;}
#internship .p_1 .small {font-size: 0.846em;letter-spacing: 0;font-weight: 600;margin-block-start: 0.35em;}
#internship .column .img {margin-block-start: 1.5em;inline-size: min(860px,48%);block-size: auto;aspect-ratio: 86 / 53;border-radius: 1.875em;}
#internship .column .data_side {inline-size: 47.875%;padding-block-start: 0.25em;}
#internship .column .data_side .dl {font-size: 1.251em;}
#internship .column .data_side .dl .dt {inline-size: 11em;}
#internship .column .data_side .dl .dt .span {font-weight: 600;letter-spacing: 0.03em;padding-block: 0.35em;border-radius: 100vmax;}
#internship .column .data_side .dl .dd {letter-spacing: 0.05em;font-weight: 500;padding-inline-start: 2.125em;}
#internship .item6 {inset: 0.5em auto auto 1%;inline-size: min(407px,23%);block-size: auto;aspect-ratio: 407 / 292;}
#internship .item7 {inset: 4.35em 0.25% auto auto;inline-size: min(253px,14.1%);block-size: auto;aspect-ratio: 253 / 294;}
#internship .comment2 {inset: 3.6em 10.85% auto auto;inline-size: min(245px,13.65%);block-size: auto;aspect-ratio: 245 / 155;}

#staff_recruit1 {background-image: url(../img/recruit/parts1.png),url(../img/about/bg_item3.png);padding-block: 5.1em 7.25em;background-repeat: no-repeat, repeat;background-position: center bottom ,left top -2px;background-size: 100% auto, 2.03125%;}
#staff_recruit1 .inner {padding: 1em 5.25% 5em 5.25%;border-radius: 1.875em;}
#staff_recruit1 .top_column .ttl_side .page_ttl3 {margin-block: 0.75em 1em;line-height: 1.725;}
#staff_recruit1 .top_column .ttl_side .page_ttl3 .small {font-size: 6.537em;transform: translateX(-0.05em);display: block;}
#staff_recruit1 .top_column .ttl_side .page_ttl3 .text {font-size: 4.015em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/recruit/ttl_line4.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(525px,12.5em);block-size: auto;aspect-ratio: 525 / 105;text-align: center;padding-block-start: 0.375em;margin-inline: auto;padding-inline-start: 0.125em;}
#staff_recruit1 .top_column .p_1 {font-size: 1.627em;inline-size: 59.25%;margin-block-start: 5.125em;font-weight: 900;line-height: 2;letter-spacing: 0.03em;}
#staff_recruit1 .middle_column {margin-block-start: 1.1em;}
#staff_recruit1 .middle_column .flex_item {inline-size: 47.5425%;}
#staff_recruit1 .middle_column .flex_item .bg_ttl {font-size: 1.627em;font-weight: 800;padding-block: 0.25em;border-radius: 0.35em;letter-spacing: 0.03em;}
#staff_recruit1 .middle_column .flex_item .ul .list {font-size: 1.376em;letter-spacing: 0.03em;font-weight: 500;padding: 0 0 1em 1.25em;border-block-end: 3px dotted #ccc;margin-block-end: 1em;}
#staff_recruit1 .middle_column .flex_item .ul .list:before {content: "";position: absolute;inline-size: 0.65em;block-size: auto;aspect-ratio: 1;background-color: var(--green3);border-radius: 50%;inset: 0.65em auto auto 0;}
#staff_recruit1 .middle_column .flex_item .img_box {margin-block-start: 2.5em;inline-size: min(760px,100%);}
#staff_recruit1 .middle_column .flex_item .img_box .tag {font-size: 1.376em;letter-spacing: 0.03em;font-weight: 900;margin-block: 0;inset: auto auto 2.45em 0;padding: 0.275em 1em 0.4em 0.65em;border-radius: 0 100vmax 100vmax 0;}
#staff_recruit1 .middle_column .flex_item .img_box .tag .icon {inline-size: min(28px,1.4em);block-size: auto; margin-inline-end: 0.5em;aspect-ratio: 7 / 11;vertical-align: bottom;}
#staff_recruit1 .middle_column .flex_item .img_box .img {border-radius: 1.875em;inline-size: min(760px,100%);block-size: auto;aspect-ratio: 19 / 10;}
#staff_recruit1 .middle_column .flex_item .p_2 {font-size: 1.376em;letter-spacing: 0.03em;font-weight: 500;margin-block-start: 1.5em;line-height: 2;}
#staff_recruit1 .middle_column .flex_item .p_2 .mark {background: linear-gradient( to bottom, transparent 0%, transparent 70%, var(--blue2) 70%, var(--blue2) 100% );}
#staff_recruit1 .bottom_column {border: 1px solid #000;padding: 8.75em 11.125% 4.25em 11.125%;margin-block-start: 5.65em;border-radius: 1.875em;}
#staff_recruit1 .bottom_column .strong {font-size: 1.877em;letter-spacing: 0.03em;inset: -1em 0 auto 0;background-color: #fff;inline-size: fit-content;padding-inline: 1em;font-weight: 900;}
#staff_recruit1 .bottom_column .strong .mark {font-size: 1.133em;letter-spacing: 0.03em;background: linear-gradient( to bottom, transparent 0%, transparent 70%, var(--yellow2) 70%, var(--yellow2) 90%, transparent 90%, transparent 100% );}
#staff_recruit1 .bottom_column .strong:after {content: "";position: absolute;inset: calc(100% + 1.25em) 0 auto 0;background-image: url(../img/recruit/text_line2.png);inline-size: min(330px,11em);block-size: auto;aspect-ratio: 330 / 13;background-repeat: no-repeat;background-position: center;background-size: cover;margin-inline: auto;}
#staff_recruit1 .bottom_column [class^="link_"] {border: 0.2em solid #000;border-radius: 100vmax;}
#staff_recruit1 .bottom_column .link_phone {padding-block: 1.425em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--yellow2);margin-inline: 0;inline-size: 47.5%;transition: all 0.3s;}
#staff_recruit1 .bottom_column .link_phone:hover {background-color: var(--yellow2);}
#staff_recruit1 .bottom_column .link_contact {padding-block: 2.1em;padding-inline-start: 4em;box-shadow: 0.35em 0.45em 0 var(--blue2);margin-inline: 0;inline-size: 47.5%;transition: all 0.3s;}
#staff_recruit1 .bottom_column .link_contact:hover {background-color: var(--blue2);}
#staff_recruit1 .bottom_column [class^="link_"] .fa-phone {inset: 50% auto auto 0.65em;font-size: 2.377em;inline-size: 2.222em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
#staff_recruit1 .bottom_column [class^="link_"]:hover .fa-phone {background-color: #FFF;}
#staff_recruit1 .bottom_column [class^="link_"] .fa-envelope {inset: 50% auto auto 0.65em;font-size: 2.377em;inline-size: 2.222em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
#staff_recruit1 .bottom_column [class^="link_"]:hover .fa-envelope {color: var(--blue2);background-color: #fff;}
#staff_recruit1 .bottom_column .link_phone .span {font-size: 2.753em;letter-spacing: 0.03em;font-weight: 500;}
#staff_recruit1 .bottom_column .link_contact .span {font-size: 2.002em;letter-spacing: 0.03em;font-weight: 900;}
#staff_recruit1 .item8 {inset: 4.05em 0.9% auto auto;inline-size: min(268px,14%);block-size: auto;aspect-ratio: 268 / 298;}
#staff_recruit1 .comment3 {inset: 3.1em 14.85% auto auto;inline-size: min(350px,19%);block-size: auto;aspect-ratio: 350 / 180;}
#staff_recruit1 .item9 {inset: auto auto 21.5em 1.1%;inline-size: min(349px,19%);block-size: auto;aspect-ratio: 349 / 287;}
#staff_recruit1 .item10 {inset: auto 1.7% 6.25em auto;inline-size: min(264px,14%);block-size: auto;aspect-ratio: 264 / 531;}

#staff_recruit2 {padding-block: 1em 7em;}
#staff_recruit2 .page_ttl3 {margin-block-end: 4.5em;}
#staff_recruit2 .page_ttl3 .small {font-size: 6.537em;letter-spacing: 0.03em;font-weight: 600;}
#staff_recruit2 .page_ttl3 .text {font-size: 4.015em;letter-spacing: 0.03em;font-weight: 900;background-image: url(../img/recruit/ttl_line5.png);background-repeat: no-repeat;background-size: cover;background-position: center;inline-size: min(593px,13.825em);block-size: auto;aspect-ratio: 593 / 105;text-align: center;padding-block-start: 0.3em;margin-inline: auto;padding-inline-start: 0.35em;transform: translateX(-0.125em);}
#staff_recruit2 .p_1 {font-size: 1.627em;letter-spacing: 0.03em;font-weight: 900;}
#staff_recruit2 .dl {inline-size: min(1300px,67.71%);margin-inline: auto;font-size: 1.251em;letter-spacing: 0.03em;border-block-end: 0.2em dotted #ccc;padding: 1.4em 0.25em;margin-block: 0;line-height: 2;}
#staff_recruit2 .dl .dt {inline-size: 12em;}
#staff_recruit2 .dl .dt .span {border: 1px solid #000;font-weight: 500;padding-block: 0.2em 0.175em;border-radius: 100vmax;}
#staff_recruit2 .dl .dd {padding: 0.325em 0.5em 0.325em 3em;font-weight: 500;}
#staff_recruit2 .item11 {inset: 2.65em auto auto 2%;inline-size: min(302px,16%);block-size: auto;aspect-ratio: 302 / 307;}
#staff_recruit2 .item12 {inset: 6.95em 6.65% auto auto;inline-size: min(232px,12.125%);block-size: auto;aspect-ratio: 232 / 336;}
#staff_recruit2 .item13 {inset: 36.75% 1.35% auto auto;inline-size: min(120px,7%);block-size: auto;aspect-ratio: 1;}
#staff_recruit2 .item14 {inset: auto auto 8.75em 2%;inline-size: min(171px,9%);block-size: auto;aspect-ratio: 171 / 165;}
#staff_recruit2 .cloud1 {inset: 36.75% auto auto 0;inline-size: min(185px,10%);block-size: auto;aspect-ratio: 185 / 419;}
#staff_recruit2 .cloud2 {inset: auto 0 17.875em auto;inline-size: min(184px,10%);block-size: auto;aspect-ratio: 184 / 450;}

.popup_body {font-size: 1em;margin-block-start: 4em;}
.popup {font-size: 1.238vw;margin-block-start: 2em;}
.popup .interview_popup {inline-size: min(1160px,90%);margin-inline: auto;padding-block-end: 5em;}
.popup .interview_popup .column {margin-block-end: 2.35em;}
.popup .interview_popup .column .num {inset: 0.275em auto auto 0.375em;margin-block: 0;font-size: 4.875em;letter-spacing: 0.03em;line-height: 1.075em;text-shadow: 0.025em 0.025em 0.05em #626262;}
.popup .interview_popup .column .num .small {font-size: 0.641em;letter-spacing: 0.03em;line-height: 1;}
.popup .interview_popup .column .img {block-size: auto;aspect-ratio: 1160 / 580;border-radius: 1.875em;}
.popup .interview_popup .column .name {inset: auto auto 5em 0;margin-block: 0;}
.popup .interview_popup .column .name .tag1 {font-size: 1.75em;font-weight: 900;letter-spacing: 0.03em;inline-size: fit-content;display: block;padding: 0.2em 1.6em 0.15em 1.275em;border-radius: 0 100vmax 100vmax 0;}
.popup .interview_popup .column .name .tag2 {font-size: 2.188em;font-weight: 900;letter-spacing: 0.03em;inline-size: fit-content;display: block;padding: 0.225em 1.05em 0.25em 1.05em;border-radius: 0 100vmax 100vmax 0;margin-block-start: 0.55em;}
.popup .interview_popup .column .name .tag2 .small {font-size: 0.813em;letter-spacing: 0.03em;}
.popup .interview_popup .column .item15 {inset: auto -1.45em -1.75em auto;inline-size: min(213px,19%);block-size: auto;aspect-ratio: 213 / 252;z-index: 1;}
.popup .dl {margin-block-end: 4.5em;}
.popup .dl .dt {font-size: 1.625em;font-weight: 900;padding-inline-start: 3.35em;letter-spacing: 0.03em;border-block-end: 0.35em dotted var(--blue3);padding-block-end: 1.25em;margin-block-end: 1.5em;}
.popup .dl .dt .q {inset: -0.125em auto auto 0;font-size: 1.462em;inline-size: 1.575em;text-align: center;block-size: auto;aspect-ratio: 1;border-radius: 50%;line-height: 1;padding-block-start: 0.25em;font-weight: 500;}
.popup .dl .dd {padding-inline-start: 4.35em;font-size: 1.25em;letter-spacing: 0.03em;line-height: 2.2;font-weight: 500;}
.popup .dl .dd .a {inset: 0.25em auto auto 0;font-size: 1.9em;inline-size: 1.575em;text-align: center;block-size: auto;aspect-ratio: 1;border-radius: 50%;line-height: 1;padding-block-start: 0.25em;font-weight: 500;}
.popup .dl .dd .span {margin-block-start: 1em;}
.popup .bottom_img {block-size: auto;aspect-ratio: 1160 / 580;border-radius: 1.875em;}

/*contact*/
#top_contact {z-index: 2;padding-block: 9.65em 7em;}
#top_contact::before {background-image: url(../img/about/bg_item2.png);content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 400;z-index: -1;background-repeat: repeat;background-position: left top;background-size: 2.03125%;}
#top_contact::after {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 52;z-index: 1;background-image: url(../img/contact/parts2.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
#top_contact .box {inline-size: min(1300px,68%);margin-inline: auto;border: 1px solid #000;border-radius: 1.75em;padding-block: 8.125em 4.75em;}
#top_contact .box .ttl2 {inset: -7em 0 auto 0;background-color: #fff;inline-size: fit-content;padding-inline: 3em;line-height: 3.102em;position: absolute;}
#top_contact .box .ttl2::after {content: "";position: absolute;background-image: url(../img/contact/ttl_dotted1.png);background-repeat: no-repeat;background-position: center;background-size: cover;inline-size: min(184px,10em);block-size: auto;aspect-ratio: 184 / 14;inset: calc(100% + 1.25em) 0 auto 0;margin-inline: auto;}
#top_contact .box .ttl2 .text2 {font-size: 2.299em;font-weight: 900;}
#top_contact .box .p_1 {font-size: 1.251em;letter-spacing: 0.03em;font-weight: 500;line-height: 2;padding-inline-start: 0.65em;}
#top_contact .box .link_phone {border: 0.2em solid #000;border-radius: 100vmax;transition: all 0.3s;padding-block: 1.45em 1.5em;padding-inline-start: 3.875em;box-shadow: 0.35em 0.45em 0 var(--yellow2);margin-inline: 0;margin-block-end: 2.5em;inline-size: min(590px,46%);margin: 3.125em auto auto auto;}
#top_contact .box .link_phone:hover {background-color: var(--yellow2);}
#top_contact .box .link_phone .fa-phone {inset: 50% auto auto 0.65em;font-size: 2.377em;inline-size: 2.25em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;transform: translateY(-50%);transition: all 0.3s;}
#top_contact .box .link_phone:hover .fa-phone {background-color: #fff;}
#top_contact .box .link_phone .span {font-size: 2.628em;letter-spacing: 0.05em;font-weight: 500;}

#top_contact .item1 {inset: auto auto -1.75em 5.25%;inline-size: min(472px,25%);block-size: auto;aspect-ratio: 472 / 648;z-index: 3;}
#contact {z-index: 1;padding-block-end: 7em;}
#contact:before {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: 80%;background: url(../img/contact/parts1.png), url(../img/contact/cloud1.png), url(../img/contact/cloud2.png),var(--blue2);background-size: 100% auto, 13.125%, 19.270833%;background-position: top center, left top 8em, right top 13em;background-repeat: no-repeat;z-index: -1;}
#contact:after {content: "";position: absolute;inset: auto 0 0 0;inline-size: 100%;block-size: auto;aspect-ratio: 1920 / 52;z-index: 1;background-image: url(../img/contact/parts2.png);background-repeat: no-repeat;background-position: center;background-size: cover;}
#contact .middle_inner {border-radius: 0 0 1.75em 1.75em;}
#contact .column .ttl_side {inline-size: 30%;padding-block-start: 2.15em;margin-inline-start: 8.75%;}
#contact .column .ttl_side .ttl3 {margin-block-end: 6.35em;text-align: left;}
#contact .column .ttl_side .ttl3:after {inset: calc(100% + 2.2em) auto auto 0.35em;background-image: url(../img/contact/ttl_dotted1.png);inline-size: min(184px,11.75em);aspect-ratio: 184 / 14;}
#contact .column .ttl_side .ttl3 .large {line-height: 1.5;margin-block-end: 0.125em;display: block;}
#contact .column .ttl_side .ttl3 .text {font-size: 2.69em;inline-size: fit-content;letter-spacing: 0.03em;aspect-ratio: auto;padding-block-start: 0;}
#contact .column .p_1 {font-size: 1.251em;inline-size: 56%;margin-block-start: 7em;font-weight: 600;line-height: 2;letter-spacing: 0.03em;}

#contact form {padding: 1em 9% 5.5em 9%;}
#contact form .form_dl {font-size: 1.189em;margin-block: 2em;border-block-end: 0.175em dotted #ccc;padding: 0 2em 2em 2em;}
#contact form .form_dl:last-of-type {border-block-end: none;}
#contact form .form_dl .form_dt {inline-size: 16.5em;font-weight: 500;letter-spacing: 0.08em;padding-inline: 0.15em 0.35em;}
#contact form .form_dl .form_dt .n,
#contact form .form_dl .form_dt .h {margin-inline-end: 4.25em;padding: 0.275em 0.5em 0.3em 0.5em;letter-spacing: 0.08em;border-radius: 0.125em;font-size: 0.789em;line-height: 1.5;}
#contact form .form_dl:last-of-type .form_dt,
#contact form .form_dl:last-of-type .form_dd {border-block-end: none;}
#contact form .form_dl .form_dd .memo1 {margin-block: 0 0.5em;letter-spacing: 0.03em;font-size: 0.895em;font-weight: 500;}
#contact form .form_dl .form_dd .memo2 {margin-block: 1.5em 0.25em;letter-spacing: 0.03em;font-size: 0.895em;font-weight: 500;}
#contact form .form_dl .form_dd input[type="text"] {inline-size: 100%;font-family: inherit;padding: 1.125em 1.75em 1.125em 1.5em;border: 1px solid #000;font-size: 1em;border-radius: 0.35em;letter-spacing: 0.08em;}
#contact form .form_dl .form_dd input#zip {inline-size: 30%;}
#contact form .form_dl .form_dd input#address1 {margin-block: 1.5em;}
#contact form .form_dl .form_dd input[type="tel"] {inline-size: 100%;font-family: inherit;padding: 1.125em 1.75em 1.125em 1.5em;border: 1px solid #000;font-size: 1em;border-radius: 0.35em;letter-spacing: 0.08em;}
#contact form .form_dl .form_dd select {inline-size: 38%;font-family: inherit;padding: 1.125em 1.75em 1.125em 1.5em;border: 1px solid #000;appearance: none;font-size: 1em;border-radius: 0.35em;letter-spacing: 0.08em;background-color: #fff;position: relative;}
#contact form .form_dl .form_dd .select_cover {position: relative;}
#contact form .form_dl .form_dd .select_cover:after {content: "";position: absolute;inline-size: 0.85em;block-size: 0.85em;border-inline-end: 0.25em solid #000;border-block-end: 0.25em solid #000;transform: rotate(45deg) translateY(-50%);inset: 30% 1.75em auto auto;pointer-events: none;}
#contact form .form_dl .form_dd textarea {inline-size: 100%;font-family: inherit;padding: 1.125em 1.75em 1.125em 1.5em;border: 1px solid #000;font-size: 1em;border-radius: 0.35em;block-size: auto;aspect-ratio: 920 / 200;resize: none;letter-spacing: 0.08em;}
#contact .send_btn {inline-size: fit-content;padding: 0;font-size: 1.251em;border: 0.05em solid #000;border-radius: 100vmax;transition: all 0.3s;box-shadow: 0.35em 0.45em 0 var(--yellow2);margin-inline: 0;margin-block-end: 2.5em;margin: 1.55em auto auto auto;}
#contact .send_btn:hover {background-color: var(--yellow2);}
#contact .send_btn .inner_span {padding: 0;}
#contact .send_btn input[type="submit"] {text-align: center;background-color: transparent;border: none;font-family: inherit;font-size: 1.2em;letter-spacing: 0.08em;cursor: pointer;transition: all 0.3s;padding: 1.1235em 4.5em;border-radius: 0.25em;font-weight: 600;color: #000;}
#contact .send_btn .fa-arrow-right {font-size: 1.100em;inline-size: 2.25em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.65em;inset: 51% 1.1em auto auto;transform: translateY(-50%);transition: all 0.3s;pointer-events: none;}
#contact .send_btn:hover .fa-arrow-right {inset: 51% 0.75em auto auto;}

#contact .add_btn {margin-block-start: 4em;inline-size: min(900px,68%);}
#contact .add_btn .conf_btn {inline-size: 46%;background-color: #fff;appearance: none;font-size: 1em;cursor: pointer ;border: 0.1em solid #000;padding-block: 1.25em;border-radius: 100vmax;}
#contact .add_btn .conf_btn .inner_span {display: block;font-size: 1.502em;letter-spacing: 0.05em;font-family: "M PLUS 1p", sans-serif;font-weight: 600;color: #000;}
#contact .add_btn .conf_btn.post {box-shadow: 0.35em 0.45em 0 var(--yellow2);}
#contact .add_btn .conf_btn.post:hover {background-color: var(--yellow2);}
#contact .add_btn .conf_btn.post .fa-arrow-right {inset: 50% 1em auto auto;font-size: 1em;transform: translateY(-50%);transition: all 0.3s;pointer-events: none;inline-size: 2em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.475em;}
#contact .add_btn .conf_btn.post:hover .fa-arrow-right {inset: 50% 0.5em auto auto;}
#contact .add_btn .conf_btn.back {box-shadow: 0.35em 0.45em 0 var(--blue2);}
#contact .add_btn .conf_btn.back:hover {background-color: var(--blue2);}
#contact .add_btn .conf_btn.back .fa-arrow-left {inset: 50% auto auto 1em;font-size: 1em;transform: translateY(-50%);transition: all 0.3s;pointer-events: none;inline-size: 2em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.475em;}
#contact .add_btn .conf_btn.back:hover .fa-arrow-left {inset: 50% auto auto 0.5em;}
#contact .item2 {inset: 1.75em 0 auto auto;inline-size: min(281px,15%);block-size: auto;aspect-ratio: 281 / 313;}
#contact .item3 {inset: auto auto 2em 2.5%;inline-size: min(200px,11%);block-size: auto;aspect-ratio: 20 / 52;z-index: 2;}