@charset "utf-8";
/* CSS Document */
body#body {font-size: 4vw;}
main {margin-block-start: var(--h-size);}
.pc_view,
.pc_view_dib {display: none;}
.sp_view {display: block;}
.sp_view_dib {display: inline-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;}
.middle_inner {inline-size: 96%;}
.lower_inner {inline-size: 96%;}
.left_side,.right_side{inline-size:100%;}
:root { --h-size: 3.65em;}
/*header*/
#header {padding-block-start: 0.5em;}
#header .inner {inline-size: 96%;}
#header .site_name {inline-size: min(420px,14em);margin: 0.15em auto auto 0.15em;}
#header .menu_side .contact_link {margin: 0 3.5em 0 auto;padding: 0.375em 0 0 0;letter-spacing: 0.05em;inline-size: 2.7em;text-align: center;block-size: auto;aspect-ratio: 1;border-radius: 50%;}
#header .menu_side .contact_link .text {display: none;}
#header .menu_side .contact_link img {margin-inline-end: 0;}
#header .nav_ul {position: absolute;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;inline-size: 100%;block-size: 100vh;inset: var(--h-size) 0 auto 0;background-color: #fff;margin-block: 0;padding: 1.35em 0.65em 1em 0.65em;background-image: url(../img/block/nav_bg.jpg);background-repeat: repeat-y;background-position: center top;background-size: 100% auto}
#header .nav_ul.active {opacity: 1;visibility: visible;}
#header .nav_ul .list {background-color: #fff;margin-block-end: 0.75em;padding: 0.45em 0.5em 0.55em 0.825em;position: relative;margin-inline-end: 0;}
#header .nav_ul .list:before {content: "";position: absolute;inset: 55% 0.75em auto auto;inline-size: 1.5em;block-size: 1px;background-color: var(--base-orange2);}
#header .nav_ul .list:after {content: "";position: absolute;inline-size: 0.875em;block-size: 1px;inset: 55% 0.65em auto auto;transform-origin: right;transform: rotate(25deg);background-color: var(--base-orange2);}
#header .btn {inline-size: 2.7em;block-size: auto;aspect-ratio: 1;inset: 0.5em 0.65em auto auto;cursor: pointer;caret-color: transparent;border-radius: 50%;}
#header .btn .bar {inline-size: 1.75em;block-size: 1px;background-color: #fff;margin-inline: auto;transition: all 0.3s;}
#header .btn .bar:first-of-type {inset: 41% 0 auto 0;transform-origin: top;}
#header .btn.active .bar:first-of-type {transform: rotate(-30deg);inset: 48% 0 auto 0;}
#header .btn .bar:nth-of-type(2) {inset: 56% 0 auto 0;transform-origin: bottom;}
#header .btn.active .bar:nth-of-type(2) {transform: rotate(33deg);inset: 49% 0 auto 0;}

.ttl1 {font-size: 1.75em;}
.ttl1 .small {font-size: 0.75em;}

/*top*/
#fv .slide_side .slide_ttl {inset: 48.125% auto auto 7%;font-size: 1.575em;line-height: 1.5em;}
#top_company {padding-block: 2em 3em;}
#top_company .strong {font-size: 1.25em;}
#top_company .p_1 {font-size: 1.125em;}
#top_company .p_1 .small {font-size: 0.8em;}
#top_company .p_2 {inline-size: 96%;}
#top_company .box .flex_item {inline-size: min(640px,100%);margin-inline: auto;margin-block-end: 3em;}
#top_service {padding-block: 3em 1.25em;}
#top_service .middle_inner {padding-block: 1em 1em;}
#top_service .p_1 .em {font-size: 1.35em;}
#top_service .box {inline-size: 100%;}
#top_service .box .flex_item1 {inline-size: min(640px,100%);margin: 0 auto 3em auto;}
#top_service .box .flex_item2 {inline-size: min(420px,100%);margin: 0 auto 3em auto;}
#top_service .box .flex_item2:last-of-type {margin: 0 auto 0 auto;}
#top_service .box .flex_item2 .img_box .arrow {inline-size: 3.25em;inset: auto 0.5em -1.5em auto;}
#top_service .box .flex_item2:hover .img_box .arrow {inset: auto 0 -1.5em auto;}
#top_voice {padding-block: 0.875em 2.5em;background-size: 500%;}

#top_voice .column {inline-size: 100%;}
#top_voice .ttl1 {margin-block-start: 0;}
#top_voice .column .box {inline-size: 100%;padding: 0.5em 0.875em 0.5em 0.875em;margin-block-end: 2em;}
#top_voice .column .box .p_2 {margin-block-end: 0.25em;}
#top_voice .column .box .p_3 {margin-block: 0;}
#top_voice .column .box .p_4 {margin-block-start: 0.5em;}
#top_voice .column .box .arrow {inset: auto 0 -1.25em auto;}
#top_voice .more1 {margin: 1.5em auto auto auto;}

.l_bg {background-size: cover;}

#top_recruit {padding-block: 3em 1em;}
#top_recruit .ttl1 {font-size: 1.75em;margin-block: 0 0.75em;}
#top_recruit .column1 {inline-size: 90%;}
#top_recruit .column1 .text_side {inline-size: 100%;}
#top_recruit .column1 .text_side .p_1 {margin-block-end: 1.5em;}
#top_recruit .column1 .text_side .p_1 .em {font-size: 1.35em;}
#top_recruit .column1 .img_side {inline-size: min(640px,100%);margin-inline: auto;}
#top_recruit .p_3 {margin-block: 1em 1.5em;}
#top_recruit .p_3 .em {font-size: 1.35em;}
#top_recruit .column2 {inline-size: 100%;}
#top_recruit .column2 .flex_item {inline-size: 100%;padding: 1em;}
#top_recruit .column2 .flex_item .top .text_side {inline-size: 63%;}
#top_recruit .column2 .flex_item .top .img {inline-size: min(180px,35%);}
#top_recruit .column2 .flex_item .top .text_side .text {line-height: 1.65em;margin-block: 0.5em 0.5em;}
#top_recruit .column2 .flex_item .top .text_side .text .em {font-size: 0.95em;}
#top_recruit .column2 .flex_item .bottom .bottom_text {margin-block: 0.5em 0;}
#top_partner {padding-block: 1em 1.5em;}
#top_partner .bg_box {padding: 1em 1em 2em 1em;}
#top_partner .ttl1 {font-size: 1.75em;margin-block: 0.5em 1em;}
#top_partner .column1 {inline-size: 100%;}
#top_partner .column1 .img_side {inline-size: min(640px,100%);margin-inline: auto;}
#top_partner .column1 .text_side {inline-size: 100%;}
#top_partner .column1 .text_side .p_1 .em {font-size: 1.25em;}

#top_news {padding-block: 1em 3.5em;background-size: 500%;}
#top_news .news_side .ttl1 {font-size: 1.75em;margin-block-start: 0;text-align: center;}
#top_news .news_side {inline-size: 100%;}
#top_news .news_side .ul .list {padding-inline-end: 3.5em;}
#top_news .news_side .more1,#top_news .insta_side .more1 {margin-inline: auto;}
#top_news .insta_side {inline-size: 100%;}
#top_news .insta_side .ttl1 {font-size: 1.75em;text-align: center;}

.page_link {padding-block: 0.35em 22.75em;}
.page_link .box {padding-inline: 5%;padding-block: 0.65em 3em;inset: 7.65em 0 auto 0;}
.page_link .box .text_side .p_1 {margin-block-end: 1em;}
.page_link .box .link_side {inline-size: 100%;justify-content: space-between;}
.page_link .box .link_side [class^="circle_link"] {inline-size: 9em;}
.page_link .box .link_side [class^="circle_link"] .link_text {inset: auto 0 1.5em 0;}

#footer {padding-block: 6em 0;}
#footer::before {aspect-ratio: 1001 / 789;background-image: url(../img/block/footer_bg_sp.jpg);inline-size: 155%;}
#footer .footer_nav {inline-size: 88%;}
#footer .address {padding-block-start: 0.25em;}
#footer .address .ttl_side .footer_logo {inline-size: min(420px,18.5em);margin-inline: auto;}
#footer .footer_nav .ul .list {margin-block-end: 0.5em;}
#footer .address .data_side {inline-size: fit-content;margin-inline: auto;}
#footer .copy {font-size: 0.667em;}

#page_fv {aspect-ratio: 13 / 6;}
#page_fv .page_ttl1 {font-size: 1.875em;margin: 0 auto auto 8.75%;}
#page_fv .cut_img {inset: 6.65em 0 auto 0;inline-size: 98%;}

#message .middle_inner {padding: 1.5em 4% 1.25em;}
#message .column .ttl_side {text-align: center;}
#message .column .ttl_side .img {inline-size: min(180px,6em);}
#message .column .text_side {inline-size: 100%;margin-block-start: 3.55em;}
#message .column .text_side .p_1 {margin-block: 1.55em 1.5em;}
#message .column .text_side .p_1 .em {font-size: 1.5em;}
#message .column .text_side .name {text-align: right;}
#philosophy {padding-block: 7.75em 2.5em;}
#philosophy::before {aspect-ratio: 3 / 1;}
#philosophy .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#philosophy .middle_inner {padding: 1.125em 2% 4.5em;inline-size: 94%;}
#philosophy .ttl1 {inline-size: 100%;font-size: 1.5em;}
#philosophy .column .text_side {inline-size: 100%;}
#philosophy .img_side {inline-size: min(640px,100%);margin-inline: auto;}
#philosophy .img_side [class^="text"] {font-size: 0.875em;}

#mission .middle_inner {padding: 0.5em 3% 1em;clip-path: polygon(0 3.5%, 100% 0, 100% 100%, 0% 100%);}
#mission .column .img {inline-size: min(640px,100%);margin: 0 auto 2em auto;}
#mission .column .text_side {inline-size: 100%;}
#mission .column .text_side .p_1 {margin-block: 0 1em;}
#mission .column .text_side .p_1 .em {font-size: 1.5em;line-height: 1.5em;}
#vision {margin-block-start: 2.5em;}
#vision .middle_inner {padding: 1.125em 2% 1em;clip-path: polygon(0 0, 100% 3.5%, 100% 100%, 0% 100%);}
#vision .ttl1 {font-size: 1.5em;}
#vision .column .text_side {inline-size: 100%;}
#vision .column .text_side .p_1 {margin-block: 0 1em;}
#vision .column .text_side .p_1 .em {font-size: 1.5em;line-height: 1.5em;}
#vision .column .img {inline-size: min(640px,100%);margin: 0 auto 2em auto;}
#value {margin-block-start: 2.5em;padding-block-end: 3em;}
#value .ttl1 {font-size: 1.35em;}
#value .middle_inner {padding: 3em 2% 2.5em 2%;clip-path: polygon(0 2.5%, 100% 0, 100% 100%, 0% 100%);}
#value .box {padding: 2.75em 1em 1em;}
#value .box .flex_item {inline-size: 100%;margin-block-end: 2em;padding: 1em 0.5em 1.65em 0.5em;}
#value .box .flex_item .em {font-size: 1.2em;line-height: 1.5;margin: 0.325em auto 1em 2.35em;}

#member {padding-block-end: 2.5em;}
#member .middle_inner {padding: 1.25em 4% 3.65em;clip-path: polygon(0 0, 100% 2%, 100% 100%, 0% 100%);}
#member .ttl1 {font-size: 1.35em;}
#member .p_1 {margin-block-end: 0.75em;}
#member .column {background-size: cover; padding: 2em 3.6% 0 3.6%;}
#member .column .flex_item {inline-size: min(640px,100%);padding-block-end: 16.5em;margin-inline: auto;}
#member .column .flex_item .comment {inline-size: 94.5%;inset: 10.5em 0 auto 0;}
#member .column .flex_item .comment .name {font-size: 1.25em;}


#company {padding-block: 7.75em 3em;}
#company::before {aspect-ratio: 3 / 1;}
#company .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#company .middle_inner {padding: 2.5em 4% 2.5em 4%;}
#company .ttl1 {font-size: 1.5em;margin-block-start: 0;}
#company .dl .dt {inline-size: 100%;padding-block: 1em;}
#company .dl .dd {padding-block: 1em;padding-inline-start: 0;}
#company .base_list .strong {font-size: 1.5em;}
#company .base_list .column .text_side .base_name {font-size: 1.2em;margin-block: 1.5em 0.275em;}
#company .base_list .column .text_side .address {line-height: 1.85;}
#company .base_list .p_1 {margin-block-end: 1.5em;}
#company .base_list .column .text_side {inline-size: 100%;padding-inline: 0;margin-block-end: 2em;}
#company .base_list .column .map_side {inline-size: min(640px,100%);margin-inline: auto;}
#company .base_list .column .map_side iframe {aspect-ratio: 640 / 450;}

.f_column {padding-block: 1em 2em;}
.f_column .middle_inner {padding: 4.75em 1em 0.25em 1em;}
.f_column .p_1 {margin-block: 0 2em;}
.f_column .p_1 .em {font-size: 1.35em;line-height: 1.5;}

#partnership {margin-block-start: 0.5em;}
#partnership .column .img {inline-size: min(640px,100%);margin: 0 auto 2em auto;}
#partnership .column .text_side {inline-size: 100%;}
#partnership .middle_inner {padding: 1.125em 4% 1.75em;clip-path: polygon(0 0, 100% 2.5%, 100% 100%, 0% 100%);}
#partnership .ttl1 {font-size: 1.35em;}
#partnership .column .text_side .p_1 {margin-block: 0 1em;}
#partnership .column .text_side .p_1 .em {font-size: 1.5em;line-height: 1.5em;}

#possible {margin-block-start: 2.5em;}
#possible .middle_inner {padding: 1.125em 4% 0.25em;clip-path: polygon(0 2.5%, 100% 0, 100% 100%, 0% 100%);background-image: none;}
#possible .ttl1 {font-size: 1.35em;}
#possible .p_1 .em {font-size: 1.35em;}
#possible .box .flex_item {inline-size: 100%;margin-block-end: 3em;}
#possible .box .flex_item .num {font-size: 2.333em;inset: -0.15em auto auto 1.725em;}
#possible .box .flex_item .circle_img {inline-size: min(232px,45%);}
#possible .box .flex_item .p_2 {margin-block: 1em 0;}

#welcome {margin-block-start: 2.5em;}
#welcome .middle_inner {padding: 1.125em 4% 1.5em;clip-path: polygon(0 0, 100% 2%, 100% 100%, 0% 100%);background-image: none;}
#welcome .ttl1 {font-size: 1.35em;}
#welcome .p_1 .em {font-size: 1.35em;}
#welcome .box .flex_item {inline-size: min(407px,100%);}
#welcome .box .flex_item .p_2 {font-size: 1em;}
#welcome .p_3 {text-indent: -1em;padding-inline-start: 1em;}

#field  {margin-block-start: 2.5em;}
#field .middle_inner {padding: 1.125em 4% 1.5em;clip-path: polygon(0 0, 100% 2%, 100% 100%, 0% 100%);background-image: none;}
#field .ttl1 {font-size: 1.35em;}
#field .p_1 .em {font-size: 1.35em;}
#field .box .flex_item {inline-size: min(407px,100%);}

#flow {margin-block-start: 2.5em;padding-block-end: 3.75em;}
#flow .middle_inner {padding: 1.875em 4.25% 2.5em;clip-path: polygon(0 0, 100% 1.5%, 100% 100%, 0% 100%);}
#flow .ttl1 {font-size: 1.35em;}
#flow .ol {padding: 1.25em 0.875em 1em;}
#flow .ol .list .dl .dt {inline-size: 100%;text-align: center;margin-block-end: 1em;}
#flow .ol .list .dl .dd .em {font-size: 1.25em;padding-inline-start: 0;}
#flow .ol .list {padding: 1.25em 1em 1.125em 1em;margin-block-end: 4em;}

.f_column .column {inline-size: 100%;margin: 3.25em auto 0 auto;}
.f_column .column .img {inline-size: min(640px,100%);margin: 0 auto 2em auto;}
.f_column .column .text_side {inline-size: 100%;}
.f_column .column .text_side .p_3 .em {font-size: 1.35em;}
.f_column .p_1.lh {margin-block-end: 1.25em;}

#job {margin-block-start: 1.35em;padding-block: 7.75em 2.25em;}
#job::before {aspect-ratio: 3 / 1;}
#job .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#job .middle_inner {padding: 1em 4% 2.65em;background-image: none;}
#job .ttl1 {font-size: 1.5em;}
#job .box .flex_item {inline-size: min(640px,100%);}
#job .box .flex_item .p_1 .em {font-size: 1.35em;}
#job .strong {font-size: 1.35em;}
#job .strong::before {inline-size: 14.5em;}

#support {margin-block-start: 1.35em;padding-block: 7.75em 2.25em;}
#support::before {aspect-ratio: 3 / 1;}
#support .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#support .middle_inner {padding: 1em 4% 1.5em;margin-block-end: 3em;}
#support .middle_inner:last-of-type {clip-path: polygon(0 0, 100% 2%, 100% 100%, 0% 100%);margin-block-end: 0;padding-inline: 0;}
#support .ttl1 {font-size: 1.5em;}
#support .box {margin-block-start: 1.5em;}
#support .box .list_side {inline-size: 100%;}
#support .box .img {inline-size: min(640px,100%);margin: 2em auto auto auto;}
#support .box .list_side .p_1 .em {font-size: 1.35em;}
#flow.in_recruit .middle_inner {clip-path: polygon(0 1.5%, 100% 0, 100% 100%, 0% 100%);}

.temp_set .middle_inner {padding: 1.125em 4% 3.75em;} 
.temp_set .ttl1 {font-size: 1.5em;}
.temp_set .column .img {inline-size: min(640px,100%);margin: 0 auto 2em auto;}
.temp_set .column .text_side {inline-size: 100%;}
.temp_set .box .flex_item {inline-size: min(420px,100%);margin-inline: auto;}
.temp_set .box .flex_item .p_1 .em {font-size: 1.25em;margin-block-end: 0.25em;}
.f_column .column .text_side .p_3 {margin-block: 0 1em;}
.f_column .column .text_side .p_3 .em {font-size: 1.35em;line-height: 1.5em;}
.temp_set .strong {font-size: 1.35em;margin-block-start: 2.25em;}
.temp_set .strong::before {inline-size: 14.5em;}
.temp_set .link_box {inline-size: 100%;}
.temp_set .link_box .more1 {margin: 0 auto 1em auto;}
.temp_set .column .text_side .p_1 {margin-block: 0 1em;}
.temp_set .column .text_side .p_1 .em {font-size: 1.35em;line-height: 1.5em;}
.temp_set .column .text_side .p_1 .em2 {font-size: 1.25em;margin-block-end: 0.5em;}

#human_resource {margin-block-start: 1.35em;padding-block: 7.75em 2.25em;}
#human_resource::before {aspect-ratio: 3 / 1;}
#human_resource .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#human_resource .middle_inner {padding: 1em 4% 2.65em;background-image: none;}

#flow.in_business {margin-block-start: 1.35em;padding-block: 7.75em 2.25em;}
#flow.in_business::before {aspect-ratio: 3 / 1;}
#flow.in_business .cut_img {inset: 1.875em 0 auto 0;inline-size: 98%;}
#flow.in_business .middle_inner {padding: 1em 4% 2.65em;background-image: none;}
#flow.in_business .ol .list .dl .dt .em {font-size: 1.45em;}

.voice_column {inline-size: 100%;background-size: cover;padding: 2.25em 4.6% 1em 4.6%;}
.f_column.in_voice {padding-block: 1em 3em;}
.f_column.in_voice .middle_inner {padding: 4.75em 1em 3.25em 1em;}
.voice_column .ul .list {padding: 1em 1em 1em 1em;}
.voice_column .ul .list .strong {font-size: 1.25em;}
.voice_column .ul .list .p_3 .em {font-size: 1em;}

#faq {padding-block-end: 3.5em;}
#faq.f_column .middle_inner {padding: 4.75em 1em 3.75em 1em;}
#faq .faq_column {inline-size: min(1520px,100%);}
#faq .dl {margin-block-end: 1.25em;padding: 0.6em 1.05em 0.6em 1.05em;}
#faq .dl .dt {font-size: 1em;padding-inline-end: 1.5em;}
#faq .dl .dd {padding-inline-start: 3.5em;}
#faq .dl .dd .a {font-size: 1.5em;}

#privacy .ul {inline-size: 100%;}
#privacy .ul .list .text .em {font-size: 1.25em;display: block;}
#privacy .ul .list .in_ul {padding-inline-start: 1.5em;}
#privacy .ul .list .text .em::before {inset: 0.5em auto auto -0.125em;}

#contact .contect_column {inline-size: 100%;padding: 2.25em 4.25% 3em 4.25%;margin-block-start: 2.75em;}
#contact .contect_column .wpcf7-form {padding: 2.125em 6% 3em 6%;}
#contact .contect_column form .dl .dt {inline-size: 100%;margin-block-end: 1em;}
#contact .wpcf7-list-item {display: block;}
.wpcf7-checkbox label {margin-block-end: 0.5em;}
#contact .contect_column form .dl .dd textarea {aspect-ratio: 80 / 64;}
#contact .contect_column .send_btn {inline-size: min(420px,15em);}


#post {padding-block: 1em 4em;}
#post .middle_inner {padding: 6.5em 0 1em 0;}
#post .post_column {inline-size: 90%;padding: 1.5em 0 1.5em 0;}
#post .page_navi {padding-block-end: 3em;}
#post .post_side {padding: 2em 4.25% 3em 4.25%;}
#post .post_column .meta {font-size: 1em;}
#post .post_column .post_ttl {font-size: 1.25em;}
#sidebar {inline-size: 100%;}
#sidebar .widget {inline-size: 100%;}