@charset "utf-8";
/* CSS Document */
body#body {font-size: 4vw;}
.pc_view {display: none;}
.sp_view {display: block;}
.left {float: none;}
.right {float: none;}
.sp_left {text-align: left !important;}
.sp_center {text-align: center;}
.flex {display: block;}
.in_flex {display: flex;}
.table {display: block;}
.table dt,.table dd {display: block;}
.d025s,.d05s,.d075s,.d1s,.d125s,.d15s,.d175s,.d2s {transition-delay: 0s !important;}
.inner {inline-size: 96%;}
.middle_inner {inline-size: 96%;}
.lower_inner {inline-size: 96%;}
.left_side,.right_side{inline-size:100%;}
:root { --h-size: 5.875em;}
.ttl1 {font-size: 2em;}
.size1,.size2,.size3 {inline-size: 100%;}
.d025s,.d05s,.d075s {transition-delay: 0s !important;}
/*header*/
#header .nav_side {display: none;}
#header .logo .logo_link img {inline-size: min(314px,100%);}
header#header .logo {margin: 0.95em auto auto 0em;inline-size: min(208px,14em);}
#header .logo .logo_link .small { margin-inline-start: 0;}
#menu_btn {inset: 50% 0em auto auto;font-size: 2em;}
.hide_menu {padding-block: 7em 2em;}
.hide_menu .flex_inner {inline-size: 96%;}
.hide_menu .ul .list {margin-block-end: 2em;}
.hide_menu .ul .entry_list .more1 .l {font-size: 1.5em;}
.hide_menu .ul .other_list {text-align: center;}
/**/
/*top*/
#top_view .circle2 {inline-size: 6.55em;inset: auto -1.875em -3.65em auto;}
#top_view .inner {inline-size: 90%;}
#top_view .tr_text {inset: auto auto 7.25em -0.25em;}
#top_view .circle1 {inline-size: 9.125em;inset: 0% auto auto -1.25em;  }
#top_commennt .strong {font-size: 1.389em;  }
#top_commennt .p_1 {inline-size: 96%;  }
#top_view .pa_text .text {font-size: 1.25em;padding: 0.725em 0.325em 0.925em 0.5em;  }
#top_about {padding-block: 3.2em 10.7em;  }
#top_about .p_1 {inline-size: 100%;}
#top_about .img1 {inset: auto 0 -2em auto;inline-size: min(920px,76%);border-radius: 1em 0 0 1em;}
#top_about .img2 {inset: auto auto -5.6em 0;border-radius: 1em;inline-size: min(580px,48%);}
#top_about .more1 {margin-inline: auto;}
#top_commennt {padding-block: 2.65em 8.5em;}
#top_commennt .circle1 {inset: auto -2.5em -3.75em auto;}
#top_commennt .bg1 {inset: auto auto 0 0;inline-size: min(640px,54%);}
#top_company .company_link .img_side {inline-size: min(610px,100%);}
#top_company .company_link .text_side {inline-size: 100%;padding: 2em 1em 1em 1em;}
#top_company .middle_inner .flex_item {inline-size: min(770px,100%);margin-block-end: 2em;}
#top_works .text_side {inline-size: 96%;margin-inline: auto;padding-block-start: 2.35em;}
#top_works .img {inline-size: min(930px,100%);margin-block-start: 2em;}
#top_works .text_side .more1,#top_requirements .column .text_side .more1 {margin: 0 auto 1em auto;}
#top_company {padding-block: 8.875em 4em;}
#top_company .penta1 {inline-size: 7.5em;inset: 41% auto auto -1.95em;z-index: -1;}
#top_requirements .column .text_side {inline-size: 96%;margin-inline: auto;}
#top_requirements .bg_box {padding-block: 7em 0em;}
#top_requirements .bg_box {padding-block: 7em 0em;margin-block-start: 8.15em;}
#top_requirements .column .img_side .img {border-radius: 0;}
#top_requirements .dotted1 {inset: -5.7em auto auto 2.5%;inline-size: min(85px,3em);}
#top_requirements .circle1 {inline-size: 6.875em;inset: -6em 0.35em auto auto;}
#top_requirements .bg_box {padding-block: 4em 0em;}
#top_requirements .column .text_side .cover_text .span {font-size: 1.25em;}
#top_requirements .column .img_side {inline-size: min(930px,100%);margin-block-start: 3em;}
#top_requirements .column .text_side .cover_text {margin-inline: auto;inline-size: fit-content;}
#top_news .middle_inner {padding-inline-end: 0;}
#top_news .news_side {inline-size: 100%;}
#top_news .circle1 {inline-size: 6.125em;inset: 1em auto auto -1em;}
#top_news .circle2 {z-index: -1;inline-size: 4.875em;inset: 0.5em -1.5em auto auto;}
#top_news .circle3 {z-index: -1;inline-size: 6.125em;inset: 2.5em 0.65em auto auto;}
#top_news .insta_side {inline-size: 100%;margin-block-start: 4em;}
#top_news .penta1 {inline-size: 9em;inset: auto -3.2em -1.3em auto;z-index: -1;}
#top_news .dotted1 {inset: auto auto 26em 1em;inline-size: min(85px,3em);z-index: -1;}
.entry_form .link_side {padding-block-start: 0.5em;margin-inline: auto;}
.more2 {font-size: 1.6em;margin-inline: auto;}
.ttl1 {font-size: 2.5em;}
#footer .ttl_side {inline-size: 100%;}
#footer .ttl_side .footer_logo {text-align: center;}
#footer .ttl_side .footer_logo .small {margin-inline-start: 0;display: block;transform: translateX(-1.25em);}
#footer .menu_side .footer_nav [class^="ul"] {margin-inline-start: 0;}
#footer .menu_side .footer_nav [class^="ul"] .list .in_ul {margin-inline-start: 0.5em;}
#scroll_top {inset: auto 0.55em 4.55em auto;font-size: 2em;}
#page_top_view .page_top_ttl {font-size: 2.75em;}
#page_top_view .circle1,#page_top_view .circle1.set_recruit {inset: auto auto -1.875em -1.75em;inline-size: 6.25em;}
#page_top_view .dotted1 {inset: auto auto 5.3em 5.35%;inline-size: min(85px,12%);z-index: -1;}
#page_top_view .dotted2 {inset: 2em 4.75% auto auto;inline-size: min(97px,14%);}
#company {padding-block: 5.1em 0;}
#company .dotted1 {inset: 3.35em auto auto 4.25%;inline-size: min(85px,3em);}
#company .strong {font-size: 1.2em;}
#company .circle1 {inline-size: 7em;inset: 18.1em auto auto -2.75em;}
#company .p_1 {margin-block-end: 3.4em;padding-inline-start: 0;text-align: left;inline-size: 96%;}
#company .inner::after {inset: -0.25em 0 auto 0;}
#company .box .data_column .dl .dt {inline-size: 100%;margin-block-end: 0.25em;font-size: 1.125em;text-align: left;}
#company .box .data_column .dl .dd {padding-inline-start: 0;}
#company .map_box iframe {aspect-ratio: 1600 / 1200;}
#company .map_box .map_ttl span {margin-inline: auto;display: block;inline-size: fit-content;}
#company .map_box .map_ttl {padding-block: 0.875em 0.5em;}
[id^="about_"] .box .text_side {inline-size: 96%;}
#about_group_home .box .text_side,#about_employment_support .box .text_side {margin-inline: auto;}
.charm_box .ol {margin: 0;padding: 1.75em 1.25em 0.25em;}
.charm_box .ol .list {inline-size: 100%;}
.charm_box .ol .list:nth-of-type(3) {margin-block-end: 1.5em;border-block-end: 2px dotted var(--base-blue1);}
.ttl2 {font-size: 1.444em;}
.ttl2 .l {margin-inline-start: 0.5em;}
[id^="about_"] .box .img_side {margin-block-start: 3em;inline-size: 100%;}
[id^="about_"] .box .text_side .cover_text .text {font-size: 1.35em;}
[id^="about_"] .box .text_side .more3 {margin-inline: auto;}
#about_group_home .box .img_side .img,#about_employment_support .box .img_side .img {border-radius: 0;}
.charm_box .box_ttl {font-size: 1.33em;}
.charm_box .ol .list .dl .dt {line-height: 1.5em;position: relative;padding-inline-start: 3em;margin-block-end: 0.875em;}
.charm_box .ol .list .dl .dt .num {position: absolute;inset: 0 auto auto 0;}
.more3 .fa-arrow-right {padding-block-start: 0.375em;}
#about_group_home .penta1 {inset: 27% auto auto -1.65em;}
#about_group_home .circle1 {inset: auto auto -2% 10%;}
#about_group_home .circle2 {inset: auto -4.25em 53.5% auto;}
#about_employment_support .penta1 {inline-size: 7.5em;inset: auto -2em 97% auto;}
#about_employment_support .dotted1 {inset: 0% auto auto 0.9em;inline-size: min(85px,3em);}
#page_top_view .pa_text .page_top_ttl .long {display: block;  line-height: 1em;  margin-block-end: 0.25em;}
#message {padding-block: 3.125em 2.25em;}
#message .top_column .strong {font-size: 1.25em;}
#message .top_column .text {font-size: 1.125em;inline-size: 96%;}
#message .penta1 {inline-size: 5.5em;inset: 22em auto auto -3.75%;}
#message .penta2 {inline-size: 6.5em;inset: 24em -1.5em auto auto;}
#message .dotted1 {inset: 7em auto auto 13%;inline-size: min(85px,2.285em);}
#message .circle1 {inline-size: 4em;border: 0.2em solid #d3e3e4;inset: 2.25em auto auto -0.5em;}
#message .box .text_side,#voice .column .text_side {inline-size: 96%;margin-inline: auto;}
#message .box .img_side {inline-size: min(930px,96%);margin-block-start: 2em;}
#voice .penta1 {inline-size: 4.35em;inset: -6.25em auto auto 0.25em;}
#voice .penta2 {inline-size: 3em;inset: -3.5em auto auto 2.5em;}
#voice .tri1 {aspect-ratio: 49 / 27;inset: 2.25em 0 auto auto;}
#voice .bg_box {padding: 5em 0.5em 1.5em 0.5em;}
#voice .column .img_side {inline-size: min(770px,96%);margin-inline: auto;}
#requirements {padding-block: 9.5em 2.75em;}
#requirements .middle_inner {padding-inline: 0.5em;}
#requirements .dl .dt {inline-size: 100%;font-size: 1.1em;padding-block: 1em 0.875em;}
#requirements .more1 {font-size: 1.611em;}
#requirements .dl .dd .ul1 .list {text-indent: -1em;padding-inline-start: 1em;}
#requirements .job_tll {line-height: 1.75em;}
#requirements .job_tll em {font-size: 1.25em;}
#requirements #job_part.job_tll::before,#requirements #job_part.job_tll::after {inline-size: 27%;}
#requirements #job_staff.job_tll:before,#requirements #job_staff.job_tll:after {inline-size: 27%;}
#requirements #job_manager.job_tll:before,#requirements #job_manager.job_tll:after {inline-size: 28%;}
#requirements .penta1 {inline-size: 4.5em; inline-size: 5.125em;inset: 1.25em -7.875% auto auto;}
#requirements .hepta1 {display: none;}
#requirements .tri1 {inline-size: 2.75em;inset: 6.25em 15% auto auto;}
#requirements .circle1 {display: none;}
#requirements .circle4 {inline-size: 7.25em;inset: auto -16.4% 15.45% auto;z-index: -1;}
#requirements .dotted1 {inset: 1em auto auto 1.75%;inline-size: min(63px,3em);}
#requirements .dotted3 {inset: auto auto 0.125% 1.9%;inline-size: min(85px,3em);}
#requirements .dotted5 {inset: auto 0 0.25% auto;inline-size: min(232px,35%);}
#privacy {margin-block-start: 3em;}
#privacy .penta1 {inline-size: 3.25em;inset: 7.75% auto auto -2.75%;}
#privacy .circle1 {inline-size: 6.125em;inset: 17% -16.875% auto auto;}
#privacy .dotted1 {inline-size: min(63px,3em);}
#privacy .penta2 {inline-size: 5.5em;inset: 51.125% auto auto -12.35%;}
#privacy .dotted2 {inset: auto 2% 37% auto;inline-size: min(85px,3em);}
#privacy .circle2 {inset: auto auto 23.5% -13.75%;inline-size: 8.125em;}
#privacy .penta3 {inline-size: 5em;inset: auto -1.2em 10% auto;}
#privacy .dotted3 {inset: auto auto 0.25% 4.75%;inline-size: min(85px,3em);}
#entry {padding-block: 5.75em 3em;}
#entry .strong {font-size: 1.6em;line-height: 1.5em;}
#entry form .dl {inline-size: 90%;font-size: 1.125em;}
#entry form .dl .dt {inline-size: 100%;padding-inline-start: 0;margin-block-end: 0.75em;}
#entry form .dl .dd {inline-size: 100%;padding-inline-start: 0;}
#entry form .dl .dd input[type="radio"] + label {display: block;margin-block-end: 0.5em;}
#entry form .dl .dd span.m,
#entry form .dl .dd span.d {margin-inline-start: 0;margin-block-start: 0.5em;}
#entry form .dl .dd span.y,
#entry form .dl .dd span.m {margin-block-end: 1em;}
#entry form .dl .dd span.sp_db {display: block;}
#entry form .dl .dd span.post_nom1 {inline-size: 6em;}
#entry form .dl .dd span.post_nom2 {inline-size: 7.5em;}
#entry form .dl .dt .h,
#entry form .dl .dt .n {padding: 0.35em 0.7em 0.25em 0.7em;margin-inline-start: 2em;}
#entry form .dl .dd textarea {aspect-ratio: 1 /0.75;}
#entry form .wpcf7-list-item {line-height: 2em;  }
#entry form .dl .dd.radio1 .wpcf7-not-valid-tip {inset: auto auto -4.35em 0;}
#entry form .dl .dd.radio2 .wpcf7-not-valid-tip {inset: auto auto -2.35em 0;}
#entry form .dl .dd.radio3 .wpcf7-not-valid-tip {inset: auto auto -2.35em 0;}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {inline-size: 80%;}
#entry .penta1 {inline-size: 5.25em;inset: 2.35% auto auto 0em;}
#entry .penta2 {inline-size: 3.75em;inset: 3.75% auto auto 3.05em;}
#entry .dotted3 {inset: auto auto 0.25% 0.875em;inline-size: min(85px,2em);}
#entry .circle1 {inline-size: 13em;inset: auto -3.5em -2.25% auto;}
#post .post_side {inline-size: 100%;padding-block: 4em 3em;}
#post .sidebar_side {inline-size: 100%;}
#post .archive_ttl {font-size: 1.45em;}
#post .penta1 {inline-size: 6.5em;inset: auto 2.25% 35.5% auto;}
#post .dotted1 {inset: auto auto 38.75% 10%;inline-size: min(85px,3em);}
#post .dotted2 {inset: auto auto 1% 15%;inline-size: min(85px,3em);}
#post .penta2 {inline-size: 4.25em;inset: auto 8.5% 1.25% auto;}
.ttl404 {font-size: 1.25em;}
.works .top_column {padding-block: 7.65em 1.75em;}
.works .top_column .strong {font-size: 1.35em;}
.works .top_column .tri1 {inline-size: 4.25em;block-size: 3.5em;}
.works .top_column .tri2 {inline-size: 4em;block-size: 3.35em;inset: 3em auto auto 16.75%;}
.works .dotted1 {inset: 1.5em 1.5em auto auto;inline-size: min(85px,3em);}
.works .bg_column .middle_inner {border-radius: 1.25em;padding: 2.65em 1.5em 3em 1.5em;}
.works .img_box .img { inline-size: min(670px,100%); border-radius: 1.25em; margin: 0 auto 1.5em auto;}
.works .data_side [class^="side_"] {inline-size: 100%;}
.works .data_side [class^="side_"] .dl,
.works.g_home .data_side [class^="side_"] .dl,
.works .data_side [class^="side_"] .dl.asp {aspect-ratio: auto;}
.works .data_side [class^="side_"] .dl .dd [class^="span"] {font-size: 0.95em;}
.works .data_side [class^="side_"] .dl .dd {margin-block-end: 2em;}
.works .more1 {font-size: 1.65em;}
.flow .dotted1 {inset: 2.35em auto auto 5.65%;inline-size: min(85px,3em);}
.flow .img_box {inline-size: 96%;}
.flow .ul .time_list .dl {padding-block-end: 2em;}
.flow .ul .time_list .dl .dt {inline-size: 5.5em;}
.flow .ul .time_list .dl .dt::after {inset: 3em 0 auto 0;}
.flow .ul .time_list .dl .dt .time {font-size: 1.5em;}
.flow .ul .time_list .dl .dd {padding-inline-start: 0.75em;}
.flow .ul .time_list .dl .dd .in_dl .in_dt span {font-size: 1em;}
.flow .img_box .img {inline-size: min(670px,100%);border-radius: 1.25em;margin: 0 auto 1.5em auto;}
.flow .tri2 {inline-size: min(230px,8em);}
.flow .penta1 {inline-size: 3.25em;inset: 30.25% 1.75% auto auto;}
.flow .penta2 {inline-size: 2.65em;inset: 31% 7.25% auto auto;}
.flow .circle1 {inline-size: min(300px,7em);inset: 51.5% -3.5em auto auto;}
.flow .circle2 {inset: 53.5% -3% auto auto;inline-size: min(300px,7em);}
.flow .circle3 {inline-size: 7.25em;inset: 76.5% auto auto -12%;}
.flow .hepta {inline-size: 3.75em;inset: auto 8% 1% auto;}
.flow .penta3 {inline-size: 5.5em;inset: auto -8.875% 14.3% auto;}
.works_b.flow .penta1 {inset: 43.25% 1.75% auto auto;}
.works_b.flow .ul .time_list .dl .dt::after {inset: 27% 0 auto 0;}