@charset "utf-8";
/* CSS Document */
body {font-size: clamp(6px,0.833vw,16px);
    font-family: 'Noto Sans JP', sans-serif;margin: 0 auto;padding: 0;line-height: 1.8;-webkit-text-size-adjust: 100%;position: relative;color: #3c2f2b;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;margin-block-start: var(--h-size);}
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(1840px,95.83333334%);margin-inline: auto;}
.middle_inner {inline-size: min(1760px,91.666667%);margin-inline: auto;}
.lower_inner {inline-size: min(1600px,83.333334%);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 {
--orange1 : #ea5506;
--orange2 : #ea5306;
--orange3 : #e45507;
--orange4 : #e45306;
--orange5 : #fc7f21;
--orange6 : #ea5406;
--orange7 : #ea5206;
--orange8 : #fc6d29;
--l_orange1 : #fdd2bb;
--l_orange2 : #f5e6d9;
--l_orange3 : #f4e5d8;
--l_orange4 : #fcc0a0;
--l_orange5 : #fcd2bb;
--brown1 : #3c2f2b;
--brown2 : #3b2e2b;
--brown3 : #725952;
--brown4 : #3f3734;
--brown5 : #70544c;
--white1 : #faf2eb;
--white2 : #f9f2eb;
--white3 : #eae8e6;
--red1 : #c52e2e;
--red2 : #c52c2c;
--h-size : 5.8em;
}
.bk {color: #000;}
.bk {color: #1f1f1f;}

.wh {color: #FFF;}
.wh_bg {background-color: #FFF;}
.wh1 {color: var(--white1);}
.wh1_bg {background-color: var(--white1);}
.wh2 {color: var(--white2);}
.wh2_bg {background-color: var(--white2);}
.wh3 {color: var(--white3);}
.wh3_bg {background-color: var(--white3);}

.or1 {color: var(--orange1);}
.or1_bg {background-color: var(--orange1);}
.or2 {color: var(--orange2);}
.or2_bg {background-color: var(--orange2);}
.or3 {color: var(--orange3);}
.or3_bg {background-color: var(--orange3);}
.or4 {color: var(--orange4);}
.or4_bg {background-color: var(--orange4);}
.or5 {color: var(--orange5);}
.or5_bg {background-color: var(--orange5);}
.or6 {color: var(--orange6);}
.or6_bg {background-color: var(--orange6);}
.or7 {color: var(--orange7);}
.or7_bg {background-color: var(--orange7);}
.or8 {color: var(--orange8);}
.or8_bg {background-color: var(--orange8);}


.lor1 {color: var(--l_orange1);}
.lor1_bg {background-color: var(--l_orange1);}
.lor2 {color: var(--l_orange2);}
.lor2_bg {background-color: var(--l_orange2);}
.lor3 {color: var(--l_orange3);}
.lor3_bg {background-color: var(--l_orange3);}
.lor4 {color: var(--l_orange4);}
.lor4_bg {background-color: var(--l_orange4);}
.lor5 {color: var(--l_orange5);}
.lor5_bg {background-color: var(--l_orange5);}

.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);}
.br4 {color: var(--brown4);}
.br4_bg {background-color: var(--brown4);}
.br5 {color: var(--brown5);}
.br5_bg {background-color: var(--brown5);}

.re1 {color: var(--red1);}
.re1_bg {background-color: var(--red1);}
.re2 {color: var(--red2);}
.re2_bg {background-color: var(--red2);}

a {opacity: 1;transition: all 0.25s}
span.error { display: block; color: #F03; font-size: 0.8em; }
/*************************************** font ****************************************/
.noto {font-family: 'Noto Sans JP', sans-serif;}
.pop {font-family: "Poppins", 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(2rem);}
.fade_in.is-visible {opacity: 1;transform: translateY(0);}
.fade.is-visible {opacity: 1;}
.fade_in.active {opacity: 1;transform: translateY(0);}
.d025s {transition-delay: 0.25s;}
.d05s {transition-delay: 0.5s;}
.d075s {transition-delay: 0.75s;}
.text_action span.text {opacity: 0;}
.text_action.active span.text {opacity: 0;transform: translate(0) scale(5);animation: leftRight .25s forwards;}
@keyframes leftRight {
	50% {
		transform: translate(0) scale(2.5);
		opacity: 1;
	}
	100% {
		transform: translate(0) scale(1);
		opacity: 1;
	}
}
.text_action span.text:nth-of-type(2) {animation-delay: .05s;}
.text_action span.text:nth-of-type(3) {animation-delay: .1s;}
.text_action span.text:nth-of-type(4) {animation-delay: .15s;}
.text_action span.text:nth-of-type(5) {animation-delay: .2s;}
.text_action span.text:nth-of-type(6) {animation-delay: .25s;}
.text_action span.text:nth-of-type(7) {animation-delay: .3s;}
.text_action span.text:nth-of-type(8) {animation-delay: .35s;}
.text_action span.text:nth-of-type(9) {animation-delay: .4s;}
.text_action span.text:nth-of-type(10) {animation-delay: .45s;}
.text_action span.text:nth-of-type(11) {animation-delay: .5s;}
.text_action span.text:nth-of-type(12) {animation-delay: .55s;}
.text_action span.text:nth-of-type(13) {animation-delay: .6s;}
.text_action span.text:nth-of-type(14) {animation-delay: .65s;}
.text_action span.text:nth-of-type(15) {animation-delay: .7s;}
.text_action span.text:nth-of-type(16) {animation-delay: .75s;}
.text_action span.text:nth-of-type(17) {animation-delay: .8s;}
.text_action span.text:nth-of-type(18) {animation-delay: .85s;}
.text_action span.text:nth-of-type(19) {animation-delay: .9s;}
.text_action span.text:nth-of-type(20) {animation-delay: .95s;}
.text_action span.text:nth-of-type(21) {animation-delay: 1s;}
.text_action span.text:nth-of-type(22) {animation-delay: 1.05s;}
.text_action span.text:nth-of-type(23) {animation-delay: 1.1s;}
.scale_in {transform: scale(0);transition: all 0.5s;}
.scale_in.active {transform: scale(1);}
@keyframes bound {0% {transform: scale(0.5);}50% {transform: scale(1.25);}100% {transform: scale(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);}
body.recruit_page #header {background-color: var(--orange1);}
#header h1.site_ttl {margin-block: 0.45em 0;font-size: 1em;padding-inline-start: 0.05em;inline-size: min(131px,8.25em);}
#header h1.site_ttl a.bk .logo {inline-size: min(131px,100%);}
.header_nav #trans {inset: 2em 110% auto auto;}
.header_menu {display: none;inline-size: min(1220px,71%);position: fixed;inset: 9vw 0 auto 0;margin-inline: auto;z-index: 3;box-sizing: border-box;padding: 2em 10% 9em 0;overflow-y: scroll;block-size: 100%;}
.header_menu [class^="ul"] .list {margin-block-end: 3em;}
.header_menu [class^="ul"] .list .link .em {-webkit-text-stroke: 0.05em var(--brown1);text-stroke: 0.05em var(--brown1);color: var(--white1);letter-spacing: 0;font-weight: 800;font-size: 2.503em;transition: all 0.3s;}
.header_menu [class^="ul"] .list .link:hover .em {color: var(--orange1);}
.header_menu [class^="ul"] .list .link .small {inline-size: fit-content;font-size: 1.126em;line-height: 1;padding: 0.175em 0.5em 0.45em 0.375em;font-weight: 500;}
.header_menu [class^="ul"] .list .link .fa-arrow-right {inset: 0.25em auto auto 121%;inline-size: 2.5em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.75em;border-radius: 50%;transform: translateY(-50%);transition: all 0.3s;}
.header_menu [class^="ul"] .list .link:hover .fa-arrow-right {inset: 0.25em auto auto 126%;}
.header_menu [class^="ul"] .list .in_ul {margin-block-start: 1.5em;}
.header_menu [class^="ul"] .list .in_ul .in_list {margin-block-end: 0.35em;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link {font-size: 1.126em;letter-spacing: 0.12em;transition: all 0.3s;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link:hover {color: var(--orange1);}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link .fa-arrow-right {inset: 1em auto auto 121%;inline-size: 1.75em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.45em;border-radius: 50%;transform: translateY(-50%);font-size: 0.75em;transition: all 0.3s;}
.header_menu [class^="ul"] .list .in_ul .in_list .in_link:hover .fa-arrow-right {inset: 1em auto auto 126%;}
.header_nav .pc_btn {margin-block-start: 1em;}
.header_nav .recruit_btn {font-size: 1.251em;inline-size: min(180px,9.05em);letter-spacing: 0;font-weight: bold;padding-block: 0.55em 0.6em;border-radius: 0.45em;border: 1px solid var(--orange1);transition: all 0.3s;}
.header_nav .recruit_btn:hover {background-color: #fff;}
.recruit_page .header_nav .recruit_btn {background-color: #fff;}
.recruit_page .header_nav .recruit_btn .pop {color: var(--orange1);}
.header_nav .recruit_btn .pop {transition: all 0.3s;}
.header_nav .recruit_btn:hover .pop {color: var(--orange1);}
.header_nav .menu_btn {font-size: 1.251em;inline-size: min(180px,9.05em);letter-spacing: 0;font-weight: bold;margin-inline-start: 0.35em;padding-block: 0.55em 0.6em;border-radius: 0.45em;padding-inline-start: 2em;cursor: pointer;caret-color: transparent;border: 1px solid var(--brown1);transition: all 0.3s;}
.header_nav .menu_btn .bar {inline-size: 1.66666em;block-size: auto;aspect-ratio: 33 / 15;inset: 1.111em auto auto 1.95em;}
.header_nav .menu_btn .bar:before {content: "";position: absolute;background-color: #FFF;inline-size: 100%;block-size: 3px;inset: 0 0 auto 0;margin-inline: auto;transition: all 0.3s;transform-origin: right;}
.header_nav .menu_btn.active .bar:before {transform: rotate(-20deg);}
.header_nav .menu_btn .bar:after {content: "";position: absolute;background-color: #FFF;inline-size: 100%;block-size: 3px;inset: auto 0 0 0;margin-inline: auto;transition: all 0.3s;transform-origin: right;}
.header_nav .menu_btn.active .bar:after {transform: rotate(20deg);}
.cover_bg .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 37.5%;block-size: auto;aspect-ratio: 1200 / 1045;}
.cover_bg .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 24.675%;block-size: auto;aspect-ratio: 954 / 833;}
.cover_bg .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 12.75%;block-size: auto;aspect-ratio: 725 / 630;}
.cover_bg {z-index: 9;opacity: 0;transition: all 0.5s;background-image: url(../img/block/footer_logo_bg.png);background-position: left -4em bottom -3em;background-repeat: no-repeat;background-size: 70% auto;}
.cover_bg.active {opacity: 1;background-color: var(--white1);position: fixed;inline-size: 100%;block-size: 100vh;inset: 0 auto 0 auto;transition: all 0.5s;}

.page_contact {padding-block: 6.25em 2em;}
.page_contact .lower_inner {padding: 5.5em 4.5em 5em 4.25em;border-radius: 2em;}
.page_contact .text_side .ttl1 {margin-block-end: 1.9em;}
.page_contact .text_side .ttl1 .m {line-height: 1.05;font-weight: 700;padding-inline-start: 0.05em;}
.page_contact .text_side .ttl1 .small {font-weight: 700;padding: 0.05em 1.55em 0.275em 0.125em;border-radius: 0.2em;margin-inline-start: 0.2em;}
.page_contact .text_side .p_1 {font-size: 1.126em;line-height: 2em;}
.page_contact .link_side {inline-size: 42.65%;padding-block-start: 1.5em;}
.page_contact .link_side .link_box .border_link {font-size: 1.752em;padding: 1.1em 1em 1.15em 2em;margin-block-end: 1em;border-radius: 0.35em;}
.page_contact .link_side .link_box .border_link .fa-phone {font-size: 1.143em;margin-inline: 0.25em 0.5em;transition: all 0.3s;}
.page_contact .link_side .link_box .border_link:hover .fa-phone {color: #fff;}
.page_contact .link_side .link_box .border_link .fa-envelope {font-size: 1.143em;margin-inline: 0.25em 0.5em;transition: all 0.3s;}
.page_contact .link_side .link_box .border_link:hover .fa-envelope {color: #fff;}
.page_contact .link_side .link_box .border_link .fa-arrow-right {font-size: 1.143em;}

#footer {padding-block: 3em 0;}
#footer:before {content: "";position: absolute;inline-size: 100%;background-color: var(--white1);inset: auto 0 0 0;z-index: -1;block-size: auto;background-image: url(../img/block/footer_logo_bg.png);background-repeat: no-repeat;background-position: left bottom;aspect-ratio: 1920 / 1043;background-size: 93%;}
#footer .ttl_side .footer_ttl {inline-size: min(300px,19em);margin-block-end: 1.5em;}
#footer .ttl_side .address {font-size: 1.126em;letter-spacing: 0.08em;}
#footer .footer_nav [class^="ul"] {margin-inline-start: 5.5em;}
#footer .footer_nav [class^="ul"] .list {margin-block-end: 2.5em;}
#footer .footer_nav [class^="ul"] .list .link {font-size: 1.126em;letter-spacing: 0.08em;font-weight: 500;transition: all 0.3s;}
#footer .footer_nav [class^="ul"] .list .link:hover {opacity: 0.5;}
#footer .footer_nav [class^="ul"] .list .link:before {content: "";position: absolute;inline-size: 0.55em;block-size: auto;border-radius: 50%;background-color: var(--orange1);aspect-ratio: 1;inset: 0.5em auto auto -1em;}
#footer .footer_nav [class^="ul"] .list .in_ul {margin-block-start: 0.5em;padding-inline-start: 1.35em;}
#footer .footer_nav [class^="ul"] .list .in_ul .in_list {margin-block-end: 0.75em;}
#footer .footer_nav [class^="ul"] .list .in_ul .in_list .in_link {letter-spacing: 0.08em;transition: all 0.3s;}
#footer .footer_nav [class^="ul"] .list .in_ul .in_list .in_link:hover {opacity: 0.5;}
#footer .footer_nav [class^="ul"] .list .in_ul .in_list .in_link:before {content: "";position: absolute;inline-size: 1em;block-size: 1px;background-color: var(--brown3);inset: 50% auto auto -1.5em;}
#footer .copy {font-size: 0.876em;padding-block-end: 2.25em;letter-spacing: 0.08em;margin-block-start: 6em;}
#footer #page_top {inset: auto 2em 8em auto;font-size: 0.876em;}

/*********************************** common **************************************/
.ttl1 {margin-block: 0 0;line-height: 1.325;font-size: 1em;}
.ttl1 .ts_pop {-webkit-text-stroke: 0.02em var(--brown1);text-stroke: 0.02em var(--brown1);color: var(--white1);letter-spacing: 0;font-weight: 800;}
.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;z-index: 1;overflow: hidden;}
.ttl1 .small:before {content: "";position: absolute;inline-size: 100%;block-size: 100%;inset: 0 100% 0 auto;margin: auto;background-color: var(--orange2);z-index: -1;transition: all 0.5s;transition-delay: 0.5s;}
.ttl1 .small.active:before {inset: 0 0 0 auto;}
.ttl1 .l {font-size: 10.010em;letter-spacing: 0;font-weight: 800;}
.ttl1 .m {font-size: 6.757em;letter-spacing: 0;font-weight: 800;}
.l_text1 p {font-size: 10.010em;-webkit-text-stroke: 0.02em var(--brown1);text-stroke: 0.02em var(--brown1);color: var(--white1);letter-spacing: 0;margin-block: 0;font-weight: 800;}
.l_text2 p {font-size: 10.010em;-webkit-text-stroke: 0.005em #fff;text-stroke: 0.005em #fff;letter-spacing: 0;margin-block: 0;font-weight: 500;color: transparent;}
.l_text3 p {font-size: 10.010em;letter-spacing: 0;margin-block: 0;font-weight: 700;color: var(--l_orange1);}
[id^="in_slide"] {margin-block: 0;}
.more1 {font-size: 1.251em;padding: 0 2.25em 0.55em 0;font-weight: 500;letter-spacing: 0.08em;border-block-end: 2px solid var(--brown1);}
.more1 .fa-arrow-right {font-size: 0.650em;inline-size: 1.7em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 0.425em;inset: 0.5em 0.25em auto auto;transition: all 0.3s;}
.more1:hover .fa-arrow-right {inset: 0.5em 0 auto auto}
.border_link {border: 1px solid var(--orange1);font-size: 1.502em;border-radius: 0.45em;padding: 1.5em 1em 1.5em 1.75em;letter-spacing: 0.08em;transition: all 0.3s;}
.border_link:hover {background-color: var(--orange7);color: #fff;}
.border_link .fa-arrow-right {font-size: 1.291em;inset: 50% 1em auto auto;transform: translateY(-50%);transition: all 0.3s;}
.border_link:hover .fa-arrow-right {inset: 50% 0.5em auto auto;color: #fff;}
/************************************top************************************/
#fv .inner {block-size: auto;aspect-ratio: 1840 / 830;display: block;border-radius: 2.75em;}
#fv video {inset: 0;margin: auto;}
#fv .fv_ttl {inset: auto auto 1.7em 0.39em;font-size: 6.757em;letter-spacing: 0.12em;margin-block: 0;line-height: 1.2;font-weight: 900;}
#fv .fv_text {inset: auto auto 1.625em 1.325em;font-size: 2.002em;letter-spacing: 0.12em;font-weight: 700;}
#fv .circle_link {inset: auto 2em 7.2em auto;inline-size: min(309px,17.25%);transition: all 0.3s;}
#fv .circle_link .img {transition: all 0.3s;inline-size: min(309px,100%);}
#fv .l_text1 #text_slide1 p {line-height: 0.9;padding-inline-end: 0.5em;padding-block-end: 0.2em;margin-block-start: -0.115em;}

#top_about {background-image: url(../img/top/top_about_bg.jpg);background-repeat: no-repeat;background-position: center top;background-size: 100% auto;padding-block: 30.35em 3em;}
#top_about .top_text {margin-block-end: 5em;}
#top_about .top_text .text_side {inline-size: 40.25%;}
#top_about .top_text .text_side .text1 {font-size: 3.003em;letter-spacing: 0.08em;font-weight: 800;line-height: 1.5em;margin-block: 0 0.65em;}
#top_about .top_text .text_side .text2 {font-size: 1.251em;letter-spacing: 0.08em;inline-size: 79%;}
#top_about .column .text_side {padding-inline-start: 5em;inline-size: 47%;}
#top_about .column .text_side .ttl1 {margin-block-end: 5.35em;}
#top_about .column .p_1 {font-size: 2.002em;font-weight: 500;letter-spacing: 0.08em;padding-inline-start: 0.1em;margin-block-end: 0.4875em;}
#top_about .column .more1 {margin-inline-start: 0.125em;}
#top_about .column .link_box {margin-block-start: 4.5em;inline-size: 79.5%;}
#top_about .column .link_box .border_link {margin-block-end: 0.875em;}
#top_about .column .img_side {block-size: auto;aspect-ratio: 980 / 1120;inline-size: 51.042%;}
#top_about .column .img_side .about_img1 {inset: 3.15em 0 auto auto;border-radius: 2em 0 0 2em;filter: drop-shadow(0 0 0.75em #ddd5cc );inline-size: min(890px,91%);}
#top_about .column .img_side .about_img2 {inset: auto auto 10.95em 0.125em;border-radius: 2.25em;filter: drop-shadow(0 0 0.5em #ddd5cc );inline-size: min(560px,58%);}
#top_about .column .img_side .cow1 {inset: auto 4.5em -2.25em auto;inline-size: min(567px,58%);}
#top_about .side_text {inset: 1.25em 1.875em auto auto;z-index: -1;}
#top_about .side_text .tr_text {opacity: 0.45;color: #fff;font-size: 20.021em;margin-block: 0;word-break: keep-all;inline-size: max-content;line-height: 1;font-weight: 700;}

#top_staff {padding-block: 7em 10.25em;z-index: 2;}
#top_staff .ttl1 {margin-block-end: 4em;}
#top_staff .ttl1 .ts_pop {line-height: 1.25em;}
#top_staff .ttl1 .small {margin-inline: auto;border-radius: 0;padding: 0.05em 1.65em 0.275em;}
#top_staff #in_slide1 {align-items: end !important;}
#top_staff #in_slide1 [class^="list"] {inline-size: min(421px,22%);}
#top_staff #in_slide1 .list1 .img {inline-size: min(354px,84.08551%);}
#top_staff #in_slide1 .list2 .img {inline-size: min(393px,93.34916%);}
#top_staff #in_slide1 .list3 .img {inline-size: min(363px,86.22327%);}
#top_staff #in_slide1 .list4 .img {inline-size: min(353px,83.84798%);}
#top_staff #in_slide1 .list5 .img {inline-size: min(354px,84.08551%);}
#top_staff #in_slide1 .list6 .img {inline-size: min(421px,100%);}
#top_staff #in_slide1 .list7 .img {inline-size: min(354px,84.08551%);}
#top_staff #in_slide1 .list8 .img {inline-size: min(353px,83.84798%);}
#top_staff #in_slide1 .list9 .img {inline-size: min(403px,95.72446%);}
#top_staff #in_slide1 .list10 .img {inline-size: min(355px,84.32304%);}
#top_staff .border_link {inline-size: min(504px,21.25em);margin-block-start: 2.75em;padding-inline-end: 1.65em;}

#top_recruit {background-image: url(../img/top/top_recruit_bg3.png);background-size: 100%;background-repeat: repeat-y;background-position: center top;padding-block: 0 1em;z-index: 1;}
#top_recruit:before {content: "";position: absolute;z-index: -1;inline-size: 100%;block-size: 13em; background-color: var(--white1);inset: 0 0 auto 0;}
#top_recruit .bg_tri1 {background-color: #fdd2bb;inset: auto 0 calc(100% - 13em) auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 62.5%;block-size: auto;aspect-ratio: 1200 / 1045;}
#top_recruit .bg_tri2 {background-color: #fb9157;inset: auto 0 calc(100% - 13em) auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 49.675%;block-size: auto;aspect-ratio: 954 / 833;}
#top_recruit .bg_tri3 {background-color: var(--orange2);inset: auto 0 calc(100% - 13em) auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 37.75%;block-size: auto;aspect-ratio: 725 / 630;}
#top_recruit .middle_inner {background-image: url(../img/top/top_recruit_bg2.jpg);background-repeat: no-repeat;background-position: center top;border-radius: 3.5em;background-size: 100%;z-index: 1;padding-block-end: 27.7em;}
#top_recruit .slide_box {position: absolute;inset: 0 0 auto 0;z-index: -1;border-radius: 3.5em 3.5em 0 0;}
#top_recruit .slide_box #in_slide2 .list {margin-inline: 0.5em;inline-size: 28.41%;}
#top_recruit .slide_box #in_slide2 .list .img {inline-size: min(500px,100%);}
#top_recruit .top_recruit_link {inline-size: fit-content;padding: 4.5em 0 0 5em;display: block;margin-block-end: 8.65em;}
#top_recruit .top_recruit_link .ttl1 .l {font-weight: 700;}
#top_recruit .top_recruit_link .ttl1 .small {border-radius: 0;margin-inline-start: 0.35em;padding: 0.125em 2.75em 0.2em 0.45em;}
#top_recruit .top_recruit_link .ttl1 .small:before {background-color: var(--white1);}
#top_recruit .top_recruit_link .fa-arrow-right {font-size: 2.503em;inline-size: 3.5em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 1.25em;inset: 2.75em auto auto 107%;transition: all 0.3s;}
#top_recruit .top_recruit_link:hover .fa-arrow-right {inset: 2.75em auto auto 110%;}
#top_recruit .p_1 {margin-inline-start: 5em;}
#top_recruit .p_1 .text {font-size: 5.631em;inline-size: fit-content;margin-block-end: 0.175em;font-weight: 900;line-height: 1;padding: 0.275em 0.25em 0.375em 0.275em;letter-spacing: 0.045em;overflow: hidden;z-index: 1;}
#top_recruit .p_1 .text:before {content: "";position: absolute;background-color: var(--brown1);inline-size: 100%;block-size: 100%;inset: 0 auto 0 -100%;transition: all 0.3s;z-index: -1;}
#top_recruit .p_1 .text.active:before {inset: 0 auto 0 0;}
#top_recruit .p_2 {font-size: 3.379em;font-weight: 900;margin-inline-start: 1.5em;letter-spacing: 0.12em;line-height: 1.5;margin-block: 1.125em 1em;}
#top_recruit [class^="column"] .staff1 {margin-block-start: 1em;inline-size: min(512px,29.1%);transform-origin: left;}
#top_recruit [class^="column"] .staff2 {inline-size: min(534px,30.5%);transform-origin: right;}
#top_recruit [class^="column"] .staff3 {inline-size: min(512px,29.1%);transform-origin: left;}
#top_recruit [class^="column"] .text_side {inline-size: 65.875%;padding-block-start: 4.35em;padding-inline-end: 5em;}
#top_recruit [class^="column"] .text_side .p_3 {font-weight: 800;margin-inline-start: 0.5em;font-size: 2.565em;letter-spacing: 0.05em;margin-block-end: 0;}
#top_recruit [class^="column"] .text_side .p_4 {margin-block-start: 1.65em;}
#top_recruit [class^="column"] .text_side .p_4 .text {inline-size: 100%;margin-block-end: 0.2em;font-weight: 900;line-height: 1;padding: 0.05em 0.25em 0.25em 0.35em;letter-spacing: 0.12em;font-size: 4.004em;overflow: hidden;}
#top_recruit [class^="column"] .text_side .p_4 .text:before {content: "";position: absolute;background-color: var(--brown1);inline-size: 100%;block-size: 100%;transition: all 0.3s;inset: 0 auto 0 -100%;z-index: -1;}
#top_recruit [class^="column"] .text_side .p_4 .text.active:before {inset: 0 auto 0 0;}
#top_recruit [class^="column"] .text_side .more1 {font-size: 2.002em;font-weight: 900;margin-block-start: 1.1em;display: block;inline-size: fit-content;border-block-end: none;margin-inline-start: 0.125em;}
#top_recruit [class^="column"] .text_side .more1 .fa-arrow-right {font-size: 1em;inline-size: 1.55em;padding-block-start: 0.275em;inset: 0.175em 0 auto auto;transition: all 0.3s;}
#top_recruit [class^="column"] .text_side .more1:hover .fa-arrow-right {inset: 0.175em -0.25em auto auto;}
#top_recruit [class^="column"] .l_text2 {clear: both;}
#top_recruit [class^="column"] .l_text2 p {line-height: 0.95;padding-block-end: 0.25em;}
#top_recruit .column2 {margin-block-start: -4em;position: relative;}
#top_recruit .column2 .text_side {margin-inline-start: 4.5%;inline-size: 63.875%;padding-inline-end: 2.75em;padding-block-start: 4.125em;}
#top_recruit .column2 .text_side .p_3 {margin-inline-start: 0.25em;}
#top_recruit .column2 .text_side .more1 {margin-block-start: 1em;}
#top_recruit .column2 .l_text2 {transform: translateY(-0.75em);}
#top_recruit .column3 {margin-block-start: -5em;position: relative;}
#top_recruit .column3 .text_side {padding-block-start: 3.9em;}
#top_recruit .column3 .text_side .p_3 {margin-inline-start: 0.1em;}
#top_recruit .column3 .l_text2 {transform: translateY(-0.75em);}
#top_recruit .link_side .recruit_link {inline-size: 90.9%;margin: 0 auto 2em auto;border: 0.65em solid var(--brown1);margin-block-start: 5em;background-color: #fff;border-radius: 1.5em;background-image: url(../img/top/link_bg1.jpg);padding: 1em;background-size: cover;background-repeat: no-repeat;background-position: center;block-size: auto;aspect-ratio: 1600 / 480;}
#top_recruit .link_side .recruit_link .m {font-size: 5.631em;font-weight: 900;line-height: 1.2;margin: 0.75em auto auto 0.5em;letter-spacing: 0.05em;}
#top_recruit .link_side .recruit_link .small {font-size: 2.503em;font-weight: 700;letter-spacing: 0.08em;margin: 0.5em auto auto 1.5em;}
#top_recruit .link_side .recruit_link .fa-arrow-right {font-size: 3.253em;inline-size: 3.875em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 1.45em;transform: translateY(-50%);inset: 48% 1.25em auto auto;transition: all 0.3s;}
#top_recruit .link_side .recruit_link:hover .fa-arrow-right {inset: 48% 0.75em auto auto;}
#top_recruit .link_side .job_link {inline-size: 90.9%;margin: 1.5em auto 0 auto;padding: 2.95em 1em 3em 2.175em;font-size: 2.503em;font-weight: 700;letter-spacing: 0.08em; border-radius: 0.75em;z-index: 0;}
#top_recruit .link_side .job_link:before {content: "JOB DESCRIPTION";position: absolute;color: #fff;font-family: "Poppins", sans-serif;letter-spacing: 0;font-size: 3.5em;inset: 0;margin: auto;line-height: 1;block-size: 79.5%;inline-size: 96.25%;border: 0.075em solid #fff;border-radius: 0.15em;padding: 0.425em 0 0 0.375em;z-index: -1;}
#top_recruit .link_side .job_link .fa-arrow-right {inline-size: 1.5em;block-size: auto;aspect-ratio: 1;padding-block-start: 0.25em;border-radius: 50%;padding-inline-start: 0.05em;inset: 48% 2.25em auto auto;transform:translateY(-50%);transition: all 0.3s;}
#top_recruit .link_side .job_link:hover .fa-arrow-right {inset: 48% 1.75em auto auto;}
#top_recruit .staff4 {inset: auto auto 0 -2.2%;inline-size: min(852px,49%);transform-origin: left bottom;}
#top_recruit .staff5 {inset: auto -1.55% 0 auto;inline-size: min(789px,45%);transform-origin: right bottom;}

#top_gallery {background-image: url(../img/top/top_recruit_bg3.png);background-size: 100%;background-repeat: repeat-y;background-position: center top;padding-block: 8.25em 11.25em;}
#top_gallery .text_side {inline-size: 46%;}
#top_gallery .text_side .ttl1 {margin-block-end: 4.75em;}
#top_gallery .text_side .ttl1 .ts_pop {color: var(--brown3);}
#top_gallery .text_side .ttl1 .small {padding: 0.05em 1.85em 0.275em 0.25em;}
#top_gallery .text_side .p_1 {font-size: 1.126em;inline-size: 107%;line-height: 2em;letter-spacing: 0.08em;}
#top_gallery .text_side .more1 {border-color: var(--white1);}
#top_gallery .img {transform: translate(3.5em,2rem);margin-block-start: 2.75em;inline-size: min(852px,54%);}
#top_gallery .img.active {transform: translate(3.5em,0);}

/*page*/
#page_fv {padding-block: 5.5em 0;}
#page_fv .page_ttl1 {font-size: 1em;margin-block: 0;inset: 7.5em auto auto 5em;}
#page_fv .page_ttl1 .small {font-size: 2.252em;letter-spacing: 0.08em;padding-inline-start: 1em;}
#page_fv .page_ttl1 .small:before {content: "";position: absolute;inline-size: 0.5em;block-size: auto;aspect-ratio: 1;background-color: var(--orange1);border-radius: 50%;inset: 50% auto auto 0;transform: translateY(-50%);}
#page_fv .page_ttl1 .l {font-size: 10.010em;-webkit-text-stroke: 0.02em var(--brown1);text-stroke: 0.02em var(--brown1);color: var(--white1);letter-spacing: 0;margin-block: 0;font-weight: 800;line-height: 1;}
#page_fv .fv_img {display: block;margin-inline: auto 0;border-radius: 1.5em 0 0 0;inline-size: min(1100px,58%);position: relative;z-index: -2;}
#page_fv .l_text3 {inset: auto 0 -5.65em 0;z-index: -1;}
/*about*/
.change_box {position: relative;z-index: 1;padding-block: 14em;border-radius: 3em 3em 0 0;margin-block-start: -1.25em;background-image: url(../img/about/change_box_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.change_box .flex {inline-size: min(1080px,56.5%);margin-inline: auto;}
.change_box .btn {inline-size: 31.25%;padding-block: 1.35em 1.2em;border-radius: 100vmax;line-height: 1.65em;transition: all 0.3s;}
.change_box .btn:hover {opacity: 0.7;}
.change_box .btn .text {font-size: 1.126em;}
.change_box .btn .small {font-weight: bold;letter-spacing: 0;}
.change_box .btn .fa-angle-down {inset: 50% 1.75em auto auto;font-size: 1.126em;transform: translateY(-50%);}
#message .middle_inner {border: 0.25em solid var(--orange1);border-radius: 2em;padding: 4.5em 4.75em 4.75em 4.75em;background-image: url(../img/about/inner_bg.jpg);background-repeat: repeat-y;background-size: 100%;background-position: center top;z-index: 1;}
#message .img {border: 0.25em solid var(--orange1);border-radius: 1.5em;inline-size: min(1600px,92%);inset: 4.5em 0 auto 0;z-index: -1;}
#message .ttl_side .ttl1 {margin: 3.65em auto auto 3.95em;}
#message .ttl_side .ttl1 .l {color: #fff;line-height: 1.225em;}
#message .ttl_side .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.25em 0.45em 1.25em;font-weight: 400;margin-inline-start: 0.25em;}
#message .ttl_side .p_1 {margin: 5.45em auto auto 4.5em;}
#message .ttl_side .p_1 .text {font-size: 2.252em;letter-spacing: 0.08em;inline-size: fit-content;font-weight: bold;margin-block-end: 0.35em;line-height: 1.55em;padding: 0 0.75em 0.125em 0.35em;border-radius: 0.1em;z-index: 1;overflow: hidden;}
#message .ttl_side .p_1 .text:before {content: "";position: absolute;inline-size: 100%;block-size: 100%;z-index: -1;background-color: var(--brown1);inset: 0 auto 0 -100%;transition: all 0.6s;}
#message .ttl_side .p_1 .text.active:before {inset: 0 auto 0 0;}
#message .text_side {padding-inline: 12.5%;margin-block-start: 5.95em;border-block-end: 1px solid var(--orange1);padding-block-end: 0.75em;inline-size: 92%;margin-inline: auto;}
#message .text_side .p_2 {font-size: 1.126em;letter-spacing: 0.08em;line-height: 2;margin-block-end: 1.25em;}
#message .name {font-size: 2.002em;letter-spacing: 0.12em;margin-inline-end: 8.25em;margin-block-start: 1.375em;font-weight: 500;}
#message .name .small {font-size: 0.75em;margin-inline-end: 1.125em;letter-spacing: 0.08em;}
#base {padding-block: 9.5em 16em;z-index: 2;}
#base .ttl1 {margin-block-end: 10.35em;}
#base .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.5em 0.45em 1.65em;font-weight: 400;border-radius: 0;margin-block-start: 0.25em;}
#base .column {margin-block-end: 11em;}
#base .column .flex_item {inline-size: calc(100% / 3);z-index: 1;padding: 1em 2em 3.875em 2em;border-radius: 1.65em;}
#base .column .flex_item .num {font-size: 13.764em;margin-block: 0;inset: -0.9em 0.1em auto auto;font-weight: bold;letter-spacing: 0;z-index: -1;}
#base .column .flex_item .p_1 {font-size: 2em;font-weight: bold;border-block: 2px solid var(--orange1);padding-block: 0.2em 0.3em;padding-inline-start: 0.5em;letter-spacing: 0.08em;}
#base .column .flex_item .p_1 .small {font-size: 0.501em;}
#base .column .flex_item .p_2 {font-size: 1.251em;letter-spacing: 0.08em;line-height: 2em;inline-size: 99%;margin-block: 0.65em;block-size: 4em;}
#base .column .flex_item .img {border-radius: 1em;inline-size: min(520px,100%);}
#base .column .flex_item .p_3 {font-size: 1.502em;margin-block-start: 1.65em;border-block-end: 0.1em solid var(--brown1);}
#base .column .flex_item .p_3 .span1 {inline-size: 84%;display: block;margin-inline: auto;border-radius: 0.25em 0.25em 0 0;font-weight: 500;padding-block: 0.15em 0.25em;letter-spacing: 0.08em;}
#base .column .flex_item .address {font-size: 1.251em;letter-spacing: 0.08em;padding-inline: 0.25em;line-height: 2em;}
#base .column .flex_item .address .em {font-weight: 500;}
#base .column .flex_item iframe {block-size: auto;aspect-ratio: 520 /400;inline-size: min(520px,100%);}
#base #in_slide1 {position: absolute;z-index: 1;inset: auto 0 -11.875em 0;}
#base #in_slide1 .list {margin-inline: 1em;border-radius: 1em;inline-size: min(697px,36.35%);}
#base #in_slide1 .list .img {inline-size: min(697px,100%);}
#base .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 51%;block-size: auto;aspect-ratio: 1200 / 1045;z-index: -1;}
#base .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 38.45%;block-size: auto;aspect-ratio: 954 / 833;z-index: -1;}
#base .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 26.45%;block-size: auto;aspect-ratio: 725 / 630;z-index: -1;}
#base .line_bg {inset: auto 0 -1px 0;}
#company {background-image: url(../img/top/top_recruit_bg3.png);background-size: 100%;background-repeat: repeat-y;background-position: center top;padding-block: 16.35em 12em;z-index: 1;}
#company .ttl1 {margin-block-end: 6.5em;}
#company .ttl1 .l {color: var(--brown5);}
#company .ttl1 .small {font-size: 1.752em;padding: 0.375em 1em 0.45em 1.15em;font-weight: 400;border-radius: 0.125em;}
#company .column {padding-inline: 4.5%;}
#company .column .flex_item {inline-size: 49.825%;}
#company .column .flex_item .dl {margin-block: 0.05em;}
#company .column .flex_item .dl .dt {font-size: 1.126em;inline-size: 10.75em;padding: 0.875em 1em 1.125em 1.25em;border-inline-end: 0.2em solid var(--brown5);letter-spacing: 0.08em;}
#company .column .flex_item .dl .dd {font-size: 1.126em;padding: 0.875em 1em 1.125em 1.25em;letter-spacing: 0.08em;}

/*staff*/
#staff {padding-block: 10em 0;margin-block-start: -1em;border-radius: 3.25em 3.25em 0 0;}
#staff .middle_inner {background-image: url(../img/staff/bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding-block: 10em 6em;border-radius: 2em;z-index: 1;}
#staff .ttl1 {inset: -6.75em 0 auto 0;padding-inline-start: 1em;}
#staff .ttl1 .l {color: #fff;}
#staff .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.25em 0.45em 0.75em;font-weight: 400;border-radius: 0.1em;}
#staff .staff_box {justify-content: flex-start;inline-size: min(1650px,93.75%);margin-inline: auto;margin-block-start: 9.35em;gap: calc(3.030303032% / 3);}
#staff .staff_box [class^="list"] {margin-block-end: 4.5em;}
#staff .staff_box [class^="list"] img {inset-block-end: 1.75em;transition: all 0.3s;}
#staff .staff_box [class^="list"] .on_img {opacity: 0}
#staff .staff_box [class^="list"]:hover .on_img {opacity: 1}
#staff .staff_box [class^="list"] .off_img {opacity: 1}
#staff .staff_box [class^="list"]:hover .off_img {opacity: 0}
#staff .staff_box [class^="list"]:nth-of-type(odd) {background-image: url(../img/staff/staff_list_bg1.png);inline-size: min(400px,24.242424242%);block-size: auto;aspect-ratio: 400 / 531;background-position: center;background-size: cover;background-repeat: no-repeat;}
#staff .staff_box [class^="list"]:nth-of-type(even) {background-image: url(../img/staff/staff_list_bg2.png);inline-size: min(400px,24.242424242%);block-size: auto;aspect-ratio: 400 / 531;background-position: center;background-size: cover;background-repeat: no-repeat;}
#staff .staff_box .list1 .on_img {inset-inline: 3.25em auto;inline-size:min(304px, 76%);}
#staff .staff_box .list2 .on_img {inset-inline: auto 1.15em;inline-size:min(406px, 101.5%);}
#staff .staff_box .list3 .on_img {inset: auto 1.2em 1.7em auto;inline-size:min(383px, 95.75%);}
#staff .staff_box .list4 .on_img {inset-inline: 1.5em auto;inline-size:min(353px, 88.25%);}
#staff .staff_box .list5 .on_img {inset-inline: 3.65em auto;inline-size:min(298px, 74.5%);}
#staff .staff_box .list6 .on_img {inset-inline: -0.25em auto;inline-size:min(427px, 106.75%);}
#staff .staff_box .list7 .on_img {inset-inline: auto 1.85em;inline-size:min(279px, 69.75%);}
#staff .staff_box .list8 .on_img {inset-inline: 1.7em auto;inline-size:min(323px, 80.75%);}
#staff .staff_box .list9 .on_img {inset-inline: -0.75em auto;inline-size:min(436px, 109%);}
#staff .staff_box .list10 .on_img {inset-inline: 2.2em auto;inline-size:min(373px, 93.25%);}
#staff .staff_box .list1 .off_img {inset-inline: 0.5em 0;inline-size:min(356px, 89%);}
#staff .staff_box .list2 .off_img {inset-inline: auto 1.175em;inline-size:min(414px, 103.5%);}
#staff .staff_box .list3 .off_img {inset-inline: 2.25em auto;inline-size:min(339px, 84.75%);}
#staff .staff_box .list4 .off_img {inset-inline: 2em auto;inline-size:min(341px, 85.25%);}
#staff .staff_box .list5 .off_img {inset-inline: 0;margin-inline: auto;inline-size:min(344px, 86%);}
#staff .staff_box .list6 .off_img {inset-inline: 3.875em auto;inline-size:min(303px, 75.75%);}
#staff .staff_box .list7 .off_img {inset-inline: 3.875em auto;inline-size:min(292px, 73%);}
#staff .staff_box .list8 .off_img {inset-inline: 0;margin-inline: auto;inline-size:min(312px, 78%);}
#staff .staff_box .list9 .off_img {inset-inline: 2.95em auto;inline-size:min(333px, 83.25%);}
#staff .staff_box .list10 .off_img {inset-inline: 2.5em auto;inline-size:min(323px, 80.75%);}
#staff .text {inset: 34.75% 3.5em auto auto;z-index: -1;}
#staff .text .tr_text {font-size: 10.01em;line-height: 1.215;margin-block: 0;text-align: right;font-weight: 700;inline-size: max-content;letter-spacing: 0;}
#link_interview {padding-block: 10em 12.75em;}
#link_interview a {border: 0.75em solid var(--brown4);border-radius: 1.75em;display: block;inline-size: min(1600px,84%);transform: translateX(1.25em);}
#link_interview a img {border-radius: 1.5em;inline-size: min(1600px,100%);}
#link_interview a .span1 {font-size: 4.505em;inset: 1.2em auto auto 34%;line-height: 1;letter-spacing: 0.08em;font-weight: 700;}
#link_interview a .span2 {font-size: 4.505em;inset: 2.5em auto auto 34%;line-height: 1;letter-spacing: 0.08em;font-weight: 700;}
#link_interview a .span3 {font-size: 1.502em;inset: 11.5em auto auto 34.25%;text-align: left;font-weight: 800;line-height: 2.45;letter-spacing: 0.04em;}
#link_interview a .fa-arrow-right {font-size: 1.877em;inline-size: 3.5em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 1.25em;inset: auto 2.65em 2.5em auto;}
#link_interview .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 41.75%;block-size: auto;aspect-ratio: 1200 / 1045;z-index: -1;}
#link_interview .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 29.25%;block-size: auto;aspect-ratio: 954 / 833;z-index: -1;}
#link_interview .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 17.25%;block-size: auto;aspect-ratio: 725 / 630;z-index: -1;}
#link_interview .line_bg {position: absolute;inset: auto 0 0 0;}
#link_interview .text {inset: 5.35em auto auto 4em;z-index: -1;}
#link_interview .text .tr_text {font-size: 10.01em;margin-block: 0;writing-mode: sideways-lr;font-weight: 700;line-height: 1;opacity: 0.5;}

/*recruit*/
.sub_ttl_small {font-size: 2.503em;letter-spacing: 0.08em;font-weight: 800;color: var(--white1);margin-block: 0 0;margin-block-end: 0.65em;}
.sub_ttl {margin-block: 0 0;}
.sub_ttl .text {font-size: 4.505em;letter-spacing: 0.12em;display: block;color: #fff;font-weight: 800;inline-size: fit-content;line-height: 1em;margin-block-end: 0.25em;padding: 0.025em 0.25em 0.2em 0.275em;overflow: hidden;z-index: 1;}
.sub_ttl .text:before {content: "";position: absolute;z-index: -1;inline-size: 100%;block-size: 100%;inset: 0 auto 0 -100%;transition: all 0.3s;background-color: var(--red1);}
.sub_ttl .text.active:before {inset: 0 auto 0 0;}
#page_fv.recruit_page {padding-block: 5.5em 2em;}
#page_fv.recruit_page .l_text3 {inset: auto 0 -3.65em 0;}
#page_fv.recruit_page .page_ttl1 .small::before {background-color: var(--white1);}
#page_fv.recruit_page .page_ttl1 .l {color: var(--orange1);}
.change_box2 {position: relative;z-index: 1;padding-block: 3.65em 1.75em;}
.change_box2 .flex {inline-size: min(1080px,56.5%);margin-inline: auto;justify-content: flex-start;gap: calc(6.25% / 2);}
.change_box2 .btn {inline-size: 31.25%;padding-block: 1.35em 1.2em;border-radius: 100vmax;line-height: 1.65em;margin-block-end: 1.875em;transition: all 0.3s;}
.change_box2 .btn:hover {opacity: 0.7;}
.change_box2 .btn .text {font-size: 1.126em;}
.change_box2 .btn .small {font-weight: bold;letter-spacing: 0;}
.change_box2 .btn .fa-angle-down {inset: 50% 1.75em auto auto;font-size: 1.126em;transform: translateY(-50%);}

#recruit .top_column {background-image: url(../img/recruit/top1.jpg);background-size: 100%;background-repeat: no-repeat;background-position: center top;z-index: 1;padding-block: 6.5em 9.625em;border-radius: 2.75em 2.75em 0 0;margin-block-start: -3.1em;}
#recruit .top_column .p_1 {margin-block: 0 2em;font-size: 2em;line-height: 2;letter-spacing: 0.12em;font-weight: 800;padding-inline-start: 0.75em;}
#recruit .top_column .p_2 .text {inline-size: fit-content;margin: 0 auto 0.2em auto;font-size: 5.631em;letter-spacing: 0.04em;font-weight: 800;line-height: 1.5em;padding: 0 0.25em 0.125em 0.3em;overflow: hidden;}
#recruit .top_column .p_2 .text:before {content: "";position: absolute;inline-size: 100%;block-size: 100%;inset: 0 auto 0 -100%;z-index: -1;transition: all 1s;background-color: var(--brown1);}
#recruit .top_column .p_2 .text.active:before {inset: 0 auto 0 0;}
#recruit .top_column .line_bg1 {inset: auto 0 -1px 0;z-index: -1;}

#ceo_message {padding-block: 13.65em 16.5em;background-image: url(../img/recruit/bg1.jpg);background-size: 100%;background-repeat: no-repeat;background-position: center bottom;}
#ceo_message .line_bg2 {inset: -1px 0 auto 0;z-index: -1;}
#ceo_message .bg_box {inline-size: min(1840px,96%);margin-inline: auto 0;border-radius: 2em 0 0 2em;}
#ceo_message .column1 {background-image: url(../img/recruit/message_bg1.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center top;border-radius: 2em 0 0 0;padding: 9.25em 2em 0.5em 5em;z-index: 1;}
#ceo_message .column2 {border-radius:0 0 0 2em ;padding: 0.5em 2em 4.5em 5em;z-index: 1;}
#ceo_message .sub_ttl {margin-block-end: 14.25em;}
#ceo_message .sub_ttl .text {color: var(--white2);}
#ceo_message .sub_ttl .text:before {background-color: #1675c2;}
#ceo_message .message_img {inset: -3.75em 0 auto auto;inline-size: min(923px,50.25%);transform-origin: right;}
#ceo_message .p_1 {font-size: 2.503em;letter-spacing: 0.08em;font-weight: 700;padding-inline-start: 0.1em;position: relative;}
#ceo_message .p_2 {font-size: 1.251em;letter-spacing: 0.08em;line-height: 2;margin-block-end: 2.1em;inline-size: 88%;padding-inline-start: 0.125em;position: relative;}
#ceo_message .l_text1 {font-size: 10.01em;line-height: 1;margin-block: 0;inset: 0.515em auto auto 0.065em;font-weight: 700;letter-spacing: 0;z-index: -1;}
#ceo_message .l_text2 {font-size: 10.01em;line-height: 1.2;margin-block: 0;font-weight: 700;letter-spacing: 0;inset: 1.2em 0.4em auto auto;inline-size: max-content;}
#ceo_message .bottom_parts1 {inset: auto 0 0 0;}

#recruitment_team {background-image: url(../img/recruit/bg1.jpg);background-size: 100%;background-repeat: no-repeat;background-position: center bottom;padding-block-end: 3.5em;}
#recruitment_team .bg_box {inset: 0 0 auto 0;z-index: -1;}
#recruitment_team .bg_box .bottom_parts2 {inset: 100% 0 auto 0;}
#recruitment_team .recruit_item1 {inset: 2.25em 0 auto auto;inline-size: min(764px,40%);transform-origin: right;}
#recruitment_team .inner {padding-block: 9.15em;}
#recruitment_team .sub_ttl_small {margin: 0 auto 0.5em 3.25em}
#recruitment_team .sub_ttl_small .text:before {background-color: var(--red1);}
#recruitment_team .sub_ttl {margin-inline-start: 7.45em;}
#recruitment_team .l_text {font-size: 11.262em;line-height: 1;margin-block: 0;inset: 0.325em auto auto 0.4525em;font-weight: 700;letter-spacing: 0;z-index: -1;}
#recruitment_team .box {margin-block-start: 12.5em;inline-size: min(1760px,96%);margin-inline: auto;border-radius: 2.2em;padding-block-end: 6.5em;}
#recruitment_team .box .top_text {background-image: url(../img/recruit/text_bg.jpg);background-repeat: no-repeat;background-position: center;padding-block: 4.9em 2.2em;background-size: 95.34090909%;}
#recruitment_team .box .top_text .p_1 {font-size: 4.505em;letter-spacing: 0.12em;font-weight: 800;line-height: 1.5em;margin-block-start: 0.775em;padding-inline-start: 0.125em;}
#recruitment_team [class^="column"] {inline-size: min(1600px,91%);margin: 0 auto 3em auto;}
#recruitment_team .column2 {margin-block-end: 10em;}
#recruitment_team [class^="column"] .text_side {inline-size: 46%;padding-block-start: 5.5em;}
#recruitment_team .column2 .text_side {margin-block-start: 5.25em;}
#recruitment_team [class^="column"] .text_side:before {content: "";position: absolute;inline-size: 100%;block-size: 0.4em;background-color: var(--red2);border-radius: 100vmax;inset: 0 0 auto 0;}
#recruitment_team [class^="column"] .text_side .dl .dt {font-size: 2.628em;letter-spacing: 0.08em;font-weight: 600;margin-block-end: 1em;line-height: 1.5;}
#recruitment_team [class^="column"] .text_side .dl .dt .small {position: relative; font-size: 0.762em;letter-spacing: 0;font-weight: bold;line-height: 1;padding-inline-start: 0.65em;margin-block-end: 0.5em;}
#recruitment_team [class^="column"] .text_side .dl .dt .small:before {content: "";position: absolute;inline-size: 0.375em;block-size: auto;aspect-ratio: 1;border-radius: 50%;background-color: var(--red2);inset: 0.35em auto auto 0;}
#recruitment_team [class^="column"] .text_side .dl .dd {font-size: 1.251em;letter-spacing: 0.08em;line-height: 2;}
#recruitment_team [class^="column"] .img_side {inline-size: min(780px,49%);}
#recruitment_team [class^="column"] .img_side .side_staff {inset: auto -4.875em -7.75em auto;inline-size: min(374px,48%);}
#recruitment_team [class^="column"] .img_side .side_item {inset: auto -8em -7em auto;inline-size: min(432px,56%);}

#interview {background-image: url(../img/recruit/interview_bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding-block-end: 18.25em;}
#interview .top {background-image: url(../img/recruit/interview_bg1.jpg);background-repeat: no-repeat;background-size: 100%;background-position: center top;block-size: auto;aspect-ratio: 1920 / 760;padding-block-start: 12.75em;padding-inline-start: 5em;z-index: 1;}
#interview .l_text1 {font-size: 10.01em;line-height: 1;margin-block: 0;inset: 0.75em auto auto 0.5em;font-weight: 700;letter-spacing: 0;z-index: -1;}
#interview .top .line_bg1 {inset: 0 0 auto 0;}
#interview .top .sub_ttl .text {color: var(--brown2);}
#interview .top .sub_ttl .text:before {background-color: #f0df0f;}
#interview .top .interview_img {inset: auto 0 0 auto;inline-size: min(1162px,61%);transform-origin: right;}
#interview .top .item {z-index: 1;inset: auto 0.35em 0.65em auto;inline-size: min(461px,24.2%);}
#interview .top .line_bg2 {inset: auto 0 0 0;}
#interview .middle_inner {justify-content: flex-start;gap: calc(6.625% / 2);inline-size: min(1600px,84%);margin-block-start: 6.2em;}
#interview [class^="flex_item"] {inline-size: min(498px,31.125%);block-size: auto;aspect-ratio: 498 / 638;background-repeat: no-repeat;background-position: center;background-size: cover;border: 0.575em solid var(--brown4);border-radius: 1.5em;margin-block-end: 3.75em;}
#interview [class^="flex_item"]:after {content: "";position: absolute;background-color: #f0df0f;inline-size: 100%;block-size: 100%;inset: 0;margin: auto;mix-blend-mode: multiply;opacity: 0.6;transition: all 0.3s;}
#interview [class^="flex_item"]:hover:after {opacity: 0;}
#interview [class^="flex_item"] .tr_text {z-index: 1;font-size: 2.002em;letter-spacing: 0;font-weight: bold;margin-block: 0;inset: 1.05em auto auto 0.55em;line-height: 1em;pointer-events: none;}
#interview [class^="flex_item"] .name {z-index: 1;inset: auto auto 0.75em 0.6em;font-size: 2.503em;margin-block: 0;line-height: 1.5em;letter-spacing: 0.08em;pointer-events: none;}
#interview [class^="flex_item"] .name .small1 {font-size: 0.6em;letter-spacing: 0.08em;line-height: 1.25em;padding-inline-start: 0.05em;}
#interview [class^="flex_item"] .name .small2 {font-size: 0.8em;letter-spacing: 0.08em;}
#interview [class^="flex_item"] .fa-arrow-right {z-index: 1;inset: auto 1em 2em auto;inline-size: 3.875em;block-size: auto;aspect-ratio: 1;border-radius: 50%;padding-block-start: 1.5em;font-size: 1.376em;pointer-events: none;}
#interview .flex_item1 {background-image: url(../img/recruit/staff1.jpg);}
#interview .flex_item2 {background-image: url(../img/recruit/staff2.jpg);}
#interview .flex_item3 {background-image: url(../img/recruit/staff3.jpg);}
#interview .flex_item4 {background-image: url(../img/recruit/staff4.jpg);}
#interview .l_text2 {font-size: 18.77em;inset: auto 0.25em 0.5em auto;font-weight: 700;margin-block: 0;line-height: 1;text-align: right;z-index: -1;letter-spacing: -0.025em;}

#intern_ship {padding-block-end: 14em;}
#intern_ship .slide_box .line_bg1 {inset: -1px 0 auto 0;z-index: 1;}
#intern_ship .slide_box .line_bg2 {inset: auto 0 -3px 0;z-index: 1;filter: brightness(100);}
#intern_ship .slide_box #in_slide2 {margin-block: 0;}
#intern_ship .slide_box #in_slide2 .list {margin-inline: 0.55%;inline-size: 26.035%;}
#intern_ship .slide_box #in_slide2 .list .img {inline-size: min(500px,100%);}
#intern_ship .middle_inner {border: 0.25em solid var(--brown4);margin-block-start: -7em;z-index: 1;border-radius: 2em;inline-size: min(1600px,90%);background-image: url(../img/recruit/internship_bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding: 14.5em 4.2em 28.25em 4.2em;}
#intern_ship .ttl1 {inset: -7.5em 0 auto 0;}
#intern_ship .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.25em 0.45em 1.125em;font-weight: 400;border-radius: 0.1em;}
#intern_ship .p_1 {font-size: 5.631em;margin-block: 0 1.1em;line-height: 1.5;font-weight: 900;letter-spacing: 0.08em;text-indent: -0.3em;padding-inline-start: 0.15em;}
#intern_ship .p_1 .text {text-indent: 0;}
#intern_ship .dl {margin-block: 0 0.1em;font-size: 1.126em;}
#intern_ship .dl .dt {inline-size: 14.5em;}
#intern_ship .dl .dt span {display: block;letter-spacing: 0.08em;padding: 1em 1em 1em 1.75em;inline-size: 98.5%;}
#intern_ship .dl .dd {padding: 1em 1em 1em 1.125em;}
#intern_ship .link_box {inline-size: min(1280px,87.875%);}
#intern_ship .link_box .l_text {font-size: 6.882em;margin-block: 0.75em 0;line-height: 1;font-weight: 700;letter-spacing: 0;}
#intern_ship .link_box .p_2 {font-size: 2.252em;letter-spacing: 0.08em;inline-size: fit-content;font-weight: 700;margin-block: 0 0.75em;line-height: 1.5em;padding: 0 0.75em 0.15em 0.875em;border-radius: 0.125em;}
#intern_ship .link_box .p_3 {font-size: 1.126em;line-height: 2;letter-spacing: 0.08em;padding-inline-start: 0.2em;margin-block-end: 2.5em;}
#intern_ship .link_box .flex_item {inline-size: 48.5%;}
#intern_ship .link_box .flex_item .span1 {font-size: 2.002em;letter-spacing: 0.08em;font-weight: 700;margin-block-end: 0.5em;}
#intern_ship .link_box .flex_item .link {inline-size: 100%;display: block;border: 1px solid var(--orange1);font-size: 1.752em;padding-block: 1.1em;border-radius: 0.25em;padding-inline-end: 1em;transition: all 0.3s;}
#intern_ship .link_box .flex_item .link:hover {background-color: var(--orange1);color: #fff;}
#intern_ship .link_box .flex_item .link .fa-phone {font-size: 1.143em;margin-inline-end: 0.45em;transition: all 0.3s;}
#intern_ship .link_box .flex_item .link:hover .fa-phone {color: #fff;}
#intern_ship .link_box .flex_item .link .fa-envelope {font-size: 1.143em;margin-inline-end: 0.5em;transition: all 0.3s;}
#intern_ship .link_box .flex_item .link:hover .fa-envelope {color: #fff;}
#intern_ship .link_box .flex_item .link .fa-arrow-right {inset: 52% 1em auto auto;transform: translateY(-50%);transition: all 0.3s;}
#intern_ship .link_box .flex_item .link:hover .fa-arrow-right {color: #fff;inset: 52% 0.5em auto auto;}
#intern_ship .bottom_box {inset: auto 1em 0 0;margin-inline: auto;inline-size: min(1445px,91%);}
#intern_ship .bottom_box .bottom_staff {inline-size: min(1445px,100%);transform-origin: bottom;}
#intern_ship .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 41.75%;block-size: auto;aspect-ratio: 1200 / 1045;z-index: -1;}
#intern_ship .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 29.25%;block-size: auto;aspect-ratio: 954 / 833;z-index: -1;}
#intern_ship .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 17.25%;block-size: auto;aspect-ratio: 725 / 630;z-index: -1;}
#intern_ship .parts1 {inset: auto 0 -1px 0;}

#job_description {background-image: url(../img/recruit/job_description_bg1.png);background-repeat: repeat-y;background-size: 100%;background-position: center top;padding-block: 8.8em 15.5em;z-index: 1;}
#job_description .bg_box {inset: 0 0 auto 0;z-index: -1;}
#job_description .bg_box .parts2 {inset: auto 0 0 0;}
#job_description .bg_box .job_img {inset: auto 1.35em 0.25em auto;inline-size: min(948px,50%);transform-origin: bottom;}
#job_description .l_text1 {font-size: 10.01em;line-height: 1;margin-block: 0;inset: 0.55em auto auto 0.925em;font-weight: 700;letter-spacing: 0;z-index: -1;}
#job_description .sub_ttl_small {margin-inline-start: 5.65em;margin-block-end: 0.45em;}
#job_description .sub_ttl {margin-inline-start: 14.125em;}
#job_description .sub_ttl .text:before {background-color: var(--orange2);}
#job_description .middle_inner {inline-size: min(1600px,84%);margin-block-start: 7.5em;border-radius: 2em;}
#job_description .box {border-radius: 2em;padding: 4.5em 4.35em 6.25em 4.35em;}
#job_description .box .dl {font-size: 1.126em;margin-block: 0;letter-spacing: 0.08em;}
#job_description .box .dl .dt {border-block-end: 2px solid var(--l_orange4);inline-size: 14.3em;padding: 1em 1em 1em 1.25em;}
#job_description .box .dl .dd {border-block-end: 2px solid var(--l_orange2);padding: 1em 1em 1em 1.25em;}
#job_description .box .dl .dd .ul1 .list {line-height: 1.9;}
#job_description .box .dl .dd .ul2 .list {line-height: 1.9;}
#job_description .bottom_img1 {inset: auto auto 0 0;inline-size: min(350px,19%);transform-origin: left;}
#job_description .bottom_img2 {inset: auto 0 0 auto;inline-size: min(397px,21%);transform-origin: right;}
#job_description .line_bg1 {inset: auto 0 0 0;}

main.popup {margin-block-start: 0;}
main.popup .interview_popup .img_box .p_1 {inset: 5% auto auto 5.5em;}
main.popup .interview_popup .img_box .p_1 .small {font-size: 2.276em;font-weight: 700;}
main.popup .interview_popup .img_box .p_1 .num {font-size: 13.654em;line-height: 0.8;font-weight: 700;transform: translateX(-0.05em);display: block;}
main.popup .interview_popup .img_box .name {inset: 33% auto auto 1.75em;letter-spacing: 0.08em;font-size: 3.034em;font-weight: 800;}
main.popup .interview_popup .img_box .p_2 {inset: 56% auto auto 4.35em;}
main.popup .interview_popup .img_box .p_2 .text {font-size: 4.855em;letter-spacing: 0.12em;inline-size: fit-content;line-height: 1.1;margin-block-end: 0.2em;font-weight: 800;padding: 0 0.25em 0.2em 0.35em;}
main.popup .interview_popup .img_box .line_bg {inset: auto 0 0 0}
main.popup .interview_popup .text_side {background-image: url(../img/recruit/interview_bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding-block: 9.75em 0.5em;}
main.popup .interview_popup .text_side .ol {padding-inline: 0;}
main.popup .interview_popup .text_side .ol .list {list-style-type: none;padding-inline: 11%;margin-block-end: 7.35em;z-index: 1;}
main.popup .interview_popup .text_side .ol .list .m_text {font-size: 6.979em;letter-spacing: 0;font-weight: 700;color: #f0df0f;margin-block: 0;line-height: 1;inset: -0.4em auto auto 0.7em;z-index: -1;}
main.popup .interview_popup .text_side .ol .list .dl .dt {font-size: 3.034em;letter-spacing: 0.08em;font-weight: 700;margin-block-end: 0.35em;}
main.popup .interview_popup .text_side .ol .list .dl .dd {font-size: 1.517em;letter-spacing: 0.08em;line-height: 2;}
.mfp-iframe-scaler iframe {border-radius: 3em;border: 0.5em solid var(--brown4);}

/*gallery*/
#gallery {padding-block: 10em 0;margin-block-start: -1em;border-radius: 3.25em 3.25em 0 0;}
#gallery .middle_inner {background-image: url(../img/staff/bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding-block: 20em 0;border-radius: 2em;z-index: 1;margin-block-end: 13em;}
#gallery .ttl1 {inset: -6.75em 0 auto 0;padding-inline-start: 1em;}
#gallery .ttl1 .l {color: #fff;}
#gallery .ttl1 .small {font-size: 1.752em;padding: 0.35em 0.75em 0.45em 0.75em;font-weight: 400;border-radius: 0.1em;}
#gallery .column {padding-block-end: 10em;}
#gallery .gallery_box {justify-content: flex-start;inline-size: min(1600px,91%);margin-inline: auto;gap: calc(4% / 3);}
#gallery .gallery_box .gallerys {inline-size: min(384px,24%);margin-block-end: 1.25%;}
#gallery .gallery_box .gallerys .img {border-radius: 1em;}
#gallery .text {inset: 32.75% 3.5em auto auto;z-index: -1;}
#gallery .text .tr_text {font-size: 10.01em;line-height: 1.215;margin-block: 0;text-align: right;font-weight: 700;inline-size: max-content;letter-spacing: 0;}
#gallery .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 41.75%;block-size: auto;aspect-ratio: 1200 / 1045;z-index: -1;}
#gallery .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 29.25%;block-size: auto;aspect-ratio: 954 / 833;z-index: -1;}
#gallery .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 17.25%;block-size: auto;aspect-ratio: 725 / 630;z-index: -1;}
/*contact*/
#contact {background-color: #fff; padding-block: 10em 0;margin-block-start: -1em;border-radius: 3.25em 3.25em 0 0;}
#contact .middle_inner {background-image: url(../img/staff/bg1.png);background-repeat: repeat-y;background-position: center top;background-size: 100%;padding-block: 20em 0;border-radius: 2em;z-index: 1;margin-block-end: 13em;}
#contact .top .ttl1 {inset: -5em 0 auto 0;padding-inline-start: 1em;}
#contact .top .ttl1 .l {color: #fff;line-height: 1;letter-spacing: 0.025em;}
#contact .top .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.125em 0.45em 1.125em;font-weight: 400;border-radius: 0.1em;margin-block-start: 1em;}
#contact .top .p_1 {font-size: 1.251em;letter-spacing: 0.12em;font-weight: 500;margin-block-start: 6.35em;padding-inline-start: 0.75em; line-height: 2;}
#contact .top .border_link {inline-size: min(620px,73%);margin: 1.5em auto 0 auto;text-align: center;font-size: 1.752em;padding: 1.125em 2em 1.125em 0.5em;}
#contact .top .border_link i {font-size: 1.143em;margin-inline-end: 0.5em;transition: all 0.3s;}
#contact .top .border_link:hover i {color: #fff;} 
#contact .column {padding-block-end: 13em;}
#contact .bottom .ttl1 {padding-block-start: 8.5em;}
#contact .bottom .ttl1 .l {color: #fff;line-height: 1;letter-spacing: 0.025em;}
#contact .bottom .ttl1 .small {font-size: 1.752em;padding: 0.35em 1.125em 0.45em 1.125em;font-weight: 400;border-radius: 0.1em;margin-block-start: 1em;}
#contact .bottom .p_2 {font-size: 1.251em;margin-block-start: 2.75em;letter-spacing: 0.12em;font-weight: 500;padding-inline-start: 1em;}
#contact form {padding: 4em 5em 7.5em 5em;border-radius: 1em;inline-size: min(1240px,70.5%);background-color: #fff;margin: 2em auto 0 auto;}
#contact form .form_dl {font-size: 1.126em;margin-block: 2em;}
#contact form .form_dl .form_dt {inline-size: 15.5em;font-weight: 500;letter-spacing: 0.08em;padding-inline: 0.15em 0.35em;}
#contact form .form_dl .form_dt .h {background-color: var(--red1);color: #fff;margin-inline-end: 0.75em;padding: 0.2em 0.875em 0.35em 1em;letter-spacing: 0.08em;border-radius: 0.125em;}
#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 .memo {margin-block: 1em 0.5em;letter-spacing: 0.1em;font-size: 1.0256em;padding-inline-start: 0.5em;}
#contact form .form_dl .form_dd input[type="text"] {inline-size: 100%;font-family: inherit;padding: 1.5em 1.75em 1.5em 0.75em;border: 1px solid var(--l_orange1);color: var(--orange8);font-size: 1em;border-radius: 0.25em;letter-spacing: 0.08em;}
#contact form .form_dl .form_dd input[type="tel"] {inline-size: 100%;font-family: inherit;padding: 1.5em 1.75em 1.5em 0.75em;border: 1px solid var(--l_orange1);color: var(--orange8);font-size: 1em;border-radius: 0.25em;letter-spacing: 0.08em;}
#contact form .form_dl .form_dd textarea {inline-size: 100%;font-family: inherit;padding: 1.5em 1.75em 1.5em 0.75em;border: 1px solid var(--l_orange1);color: var(--orange8);font-size: 1em;border-radius: 0.25em;block-size: auto;aspect-ratio: 820 / 350;resize: none;letter-spacing: 0.08em;}
#contact .send_btn {inline-size: fit-content;margin: 5.5em auto auto auto;transition: all 0.3s;padding: 0;font-size: 1.251em;}
#contact .send_btn:hover {background-color: #fff;}
#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: 1em;letter-spacing: 0.08em;cursor: pointer;transition: all 0.3s;padding: 1.875em 9.75em;border-radius: 0.25em;}
#contact .send_btn input[type="submit"]:hover {background-color: var(--orange4);color: #fff;}
#contact .send_btn .fa-arrow-right {font-size: 1.111em;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;}
#contact .add_btn .conf_btn {inline-size: 48%;background-color: #fff;appearance: none;font-size: 1em;cursor: pointer;}
#contact .add_btn .conf_btn .inner_span {display: block;}
#contact .add_btn .conf_btn.post .fa-arrow-right {inset: 50% 3.125em auto auto;transition: all 0.3s;pointer-events: none;}
#contact .add_btn .conf_btn.post:hover .fa-arrow-right {inset: 50% 2.75em auto auto;}
#contact .add_btn .conf_btn.back .fa-arrow-left {inset: 50% auto auto 3.125em;font-size: 1.291em;transform: translateY(-50%);transition: all 0.3s;pointer-events: none;}
#contact .add_btn .conf_btn.back:hover .fa-arrow-left {inset: 50% auto auto 2.75em;}
#contact .bg_tri1 {background-color: #fdd2bb;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 41.75%;block-size: auto;aspect-ratio: 1200 / 1045;z-index: -1;}
#contact .bg_tri2 {background-color: #fb9157;inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 29.25%;block-size: auto;aspect-ratio: 954 / 833;z-index: -1;}
#contact .bg_tri3 {background-color: var(--orange2);inset: auto 0 0 auto;clip-path: polygon(100% 0, 0% 100%, 100% 100%);inline-size: 17.25%;block-size: auto;aspect-ratio: 725 / 630;z-index: -1;}
#contact .text {inset: auto 3.5em -2.75em auto;z-index: -1;}
#contact .text .tr_text {font-size: 10.01em;line-height: 1.215;margin-block: 0;text-align: right;font-weight: 700;inline-size: max-content;letter-spacing: 0;}
#contact.comp .middle_inner {padding-block: 9em 6em;}
#contact.comp .top .p_1 {margin-block: 3.35em;}



@media (min-width: 768px) and (max-width: 1024px) {
.header_nav #trans {inset: 1em 110% auto auto;}
.goog-te-gadget-simple {font-size: 6pt;}
}