@charset "UTF-8";

/* general */
.text--white {color: white;}
.text--red{color:var(--red);}

.section__white,
.section__gray {overflow-x:hidden;}
.section__white {background: white;}
.section__gray {background: #F5F7F7;}

.rc-title__red,
.rc-title__white{font-size: 40px;font-family: 'Noto Sans JP';}
.rc-title__red{color: var(--red);}
.rc-title__white{color:white;}

.recruit {}
.recruit__inner {max-width: 1008px;margin: 0 auto;padding: 100px 48px;box-sizing: content-box;line-height: 1.5;}

.rc-outerlink__wrap {display: flex;flex-direction: column;align-items: center;gap: 1em;}
.rc-outerlink {display: flex;justify-content: center;background: var(--red);color: white;font-weight: 700;height: auto;margin: 0px 0px 0px 0px;padding: 0.6em 1.6em;width: fit-content;align-items: center;clip-path: polygon(calc(0% + .6em) 0,100% 0,calc(100% - .6em) 100%, 0 100%);}
.rc-outerlink:after {content: "";margin-left: 0.4em;display: block;position: relative;left: 0;animation: linkarrow 1s infinite;border: 0.4em solid transparent;border-left-color:white;width: 0.4em;height: 0.4em;}
.rc-outerlink__wrap p {font-size: 0.8em;color: gray;margin-top: .2em;}

/* scrollbar custom */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background-color: #000000;}
::-webkit-scrollbar-thumb {background-color: var(--red);}
html{
  scrollbar-width: thin;
  scrollbar-color: var(--red) #000000;
}

/* rc-accordion */
.rc-accordion {border-top: 1px solid gray;border-bottom: 1px solid gray;}
.rc-accordion + .rc-accordion {border-top:unset;}
.rc-accordion>p {display: flex;align-items: center;padding: 1em;cursor: pointer;transition: .2s cubic-bezier(0.14, 1.4, 0.8, 1.35);}
.rc-accordion>p.active,.rc-accordion>p:hover {transform: translateX(8px);}
.rc-accordion>p.active{color:gray;}
.rc-accordion>p:before {content: "";display: block;width: 0.4em;height: 0.4em;border: 0.4em solid transparent;border-left-color: var(--red);margin-right: .2em;transition: .2s cubic-bezier(0.14, 1.4, 0.8, 1.35);}
.rc-accordion>p:after{content:attr(data-initial);}
.rc-accordion>p.active:before,.rc-accordion>p:hover:before {transform: rotate(90deg) translateX(0.15em);}
.rc-accordion>p.active:after{content:attr(data-active);}
.rc-accordion__contents{display:none;}

/* rc-modal */
.rc-modal {
}
.rc-modal>p {background: #000000;color: white;cursor: pointer;transition: .2s;width: fit-content;display: flex;align-items: center;padding: 0.6em 1.8em;clip-path: polygon(calc(0% + .6em) 0,100% 0,calc(100% - .6em) 100%, 0 100%);}
.rc-modal>p:before {content: "";display: block;width: 0.4em;height: 0.4em;border: 0.4em solid transparent;border-left-color: var(--red);margin-right: .2em;transition: .2s cubic-bezier(0.14, 1.4, 0.8, 1.35);}
.rc-modal>p:hover {opacity: .25;}
.rc-modal__contents {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;}
.rc-modal-close-screen {width: 100%;height: 100%;background: radial-gradient(#0000002b,#000000c2);z-index: 400;position: absolute;}
.rc-modal__contents-inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 80%;max-height: 80%;background: white;height: 100%;z-index: 500;}
.rc-modal-close-btn {width: 2em;height: 2em;top: 1em;right: calc(2em - 8px);cursor: pointer;transition: .2s;position: fixed;}
.rc-modal-close-btn span{background:var(--red);width: 100%;height: 20%;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.rc-modal-close-btn span:nth-child(1){transform: rotate(45deg);}
.rc-modal-close-btn span:nth-child(2){transform: rotate(-45deg);}
.rc-modal-close-btn:hover {opacity: .25;}
.rc-modal__contents-inner .rc-outerlink__wrap{position: sticky;bottom:0;background: #e9e9e9f0;padding: 0.8em;}

/* mission */
.rc-mission {/* display: grid; *//* grid-template-columns: 50% auto; *//* gap: 4%; *//* align-items: center; */}
.rc-mission__text {display: flex;flex-direction: column;gap: 1.2em;font-weight: bold;align-items: flex-start;}
.rc-mission__text p {color: #333;font-weight: normal;}

/* services */
.rc-services {font-weight: bold;}
.rc-services__text {margin: 2em 0;}
.rc-services__text p {}
.rc-services__items {display: grid;grid-template-columns: 100%;gap: 2.4em;margin: 4% 0;}
.rc-services__item{display: grid;grid-template-columns: 100%;gap: 1.2em;background: white;padding: 2.4em;}
.rc-services__item-header {display: grid;grid-template-columns: auto 24%;gap: 2.4em;align-items: center;}
.rc-services__item-img{
}
.rc-services__item-text {display: flex;flex-direction: column;gap: 1.2em;align-items: flex-start;}

.rc-services__item-text p {
    font-weight: normal;
}
.rc-services__desc {display: grid;grid-template-columns: 100%;gap: 1.2em;margin: 0 4% 4%;}
.rc-services__desc h4 {font-family: 'Noto Sans JP';color: var(--red);font-size: 1.8em;}
.rc-services__desc-items {display: grid;grid-template-columns: 100%;gap: 1.2em;}
.rc-services__desc-item {display: grid;grid-template-columns: 1fr 1fr;gap: 1.2em;}
.rc-services__desc-item-text {}
.rc-services__desc-item-text h5{color: var(--red);font-size: 1.2em;}
.rc-services__desc-item-text p{font-size: 15px;}

/* job */
.rc-job {}
.rc-job__items {display: grid;grid-template-columns: 1fr 1fr;gap: 2.4em;}
.rc-job__item {display: grid;grid-template-columns: 100%;gap: 0.6em;background: #f5f7f7;align-content: flex-start;padding: 2.4em;}
.rc-job__item h4 {font-weight: bold;font-size: 1.2em;}
.rc-job__item h5 {font-family: 'Noto Sans JP';color: var(--red);font-size: 1.8em;margin: 2.4rem 2rem 0;}
.rc-job__item-type {justify-self: flex-start;font-weight: bold;}
.rc-job__item-type span {margin-right: 0.4em;}
.rc-job__item-desc {display: grid;grid-template-columns: 100%;gap: .6em;}
.rc-job__item-desc p {font-size: .9em;}
.rc-job__conditions-items {}
.rc-job__conditions {overflow-y: scroll;overscroll-behavior: none;height: 100%;display: grid;grid-template-rows: auto 1fr auto;gap: 2.4rem;}
.rc-job__conditions-desc {margin: 0 4rem;}
.rc-job__conditions-desc dl {display: grid;grid-template-columns: 20% auto;gap: 1.2em;}
.rc-job__conditions-desc dl dt {color: var(--red);}
.rc-job__conditions-desc dl dd {}
.rc-job__conditions-desc dl dd span {font-size: .8em;display: block;color: #8b8b8b;}
.rc-job__conditions-desc dl + dl {margin-top: 0.5em;padding-top: 0.6em;border-top: 1px solid var(--red);}

/* senpai */
.rc-senpai {display: grid;grid-template-columns: 40% auto;gap: 1.2em;}
.rc-senpai__img {}
.rc-senpai__img h3 {font-size: 1.2em;font-weight: bold;color: white;text-align: center;margin-top: .6em;}
.rc-senpai__text {color: white;display: grid;grid-template-columns: 100%;gap: 2.4em;}
.rc-senpai__text-item {}
.rc-senpai__text-item p {margin-left:1em;}
.rc-senpai__text-item p.rc-senpai__q {font-weight: bold;font-size: 1.2em;margin: 0 0 0.6em;}

/* senpai balloons */
.rc-senpai-balloons {display: grid;grid-template-columns: 100%;gap: 1.2em;margin-top: 8%;}
.rc-senpai-balloon__items {display: grid;grid-template-columns: 100%;gap: 1.2em;}
.rc-senpai-balloons__item {display: flex;align-items: center;gap: 1.2em;width: 80%;}
.rc-senpai-balloons__item:nth-child(odd) {}
.rc-senpai-balloons__item:nth-child(even) {flex-direction: row-reverse;justify-self: flex-end;}
.rc-senpai-balloons__item img {width: 100px;border-radius: 100px;}
.rc-senpai-balloons__text {padding: .6em 1.2em;background: white;border-radius: 1em;display: flex;align-items: flex-start;flex-direction: column;position: relative;}
.rc-senpai-balloons__text h3 {font-weight: bold;font-size: 13px;color: #4c4c4c;}
.rc-senpai-balloons__text p {}
.rc-senpai-balloons__item:nth-child(odd) .rc-senpai-balloons__text:before,
.rc-senpai-balloons__item:nth-child(even) .rc-senpai-balloons__text:before {content: "";display: block;width: 1em;height: 1em;position: absolute;border: .5em solid transparent;top: 1.4em;}
.rc-senpai-balloons__item:nth-child(odd) .rc-senpai-balloons__text:before {border-right-color: white;left: -1em;}
.rc-senpai-balloons__item:nth-child(even) .rc-senpai-balloons__text:before {border-left-color: white;right: -1em;}

/* photos */
.rc-photos {width: 100%;position: relative;}
.rc-photos:after {content: "";display: block;width: 100%;height: 4em;background: var(--red);position: absolute;top: 50%;transform: translateY(-50%);}
.rc-photos .swiper-slide{width:560px;clip-path: polygon(calc(0% + 2em) 0,100% 0,calc(100% - 2em) 100%,0 100%);}
.rc-photos .swiper-slide img {width: 100%;}
.rc-photos .swiper-pagination {bottom: unset;transform: skewX(-20deg);display: flex;align-items: center;justify-content: center;margin-top: 1em;}
.rc-photos .swiper-pagination-bullet{border-radius:unset;width: 0.6em;height: 0.6em;}
.rc-photos .swiper-pagination-bullet-active {background: var(--red);}
.rc-photos .swiper-button-prev,.rc-photos .swiper-button-next{top: calc(100% + 0.6em);bottom:unset;transform:unset;width: unset;height: unset;margin-top: unset;}
.rc-photos .swiper-button-prev{left: 2.4em;}
.rc-photos .swiper-button-next{right: 2.4em;}
.rc-photos .swiper-button-prev:after,.rc-photos .swiper-button-next:after{content:"";width: 0.6em;height: 0.6em;padding:0;font-size: unset;border: 0.6em solid transparent;box-sizing: border-box;}
.rc-photos .swiper-button-prev:after{border-right-color:var(--red);}
.rc-photos .swiper-button-next:after{border-left-color:var(--red);}

/* environment */
.rc-env {display: grid;grid-template: 1fr 1fr/1fr 1fr;gap: 2.4em;}
.rc-env__item {}
.rc-env__item h3 {color: var(--red);font-weight: bold;font-size: 24px;font-family: 'Noto Sans JP';border-bottom: 2px solid var(--red);padding-bottom: 0.2em;margin-bottom: 0.2em;}
.rc-env__item ul {display: flex;flex-wrap: wrap;}
.rc-env__item ul li {}
.rc-env__item ul li:after {content: "/";margin: 0 0.6em;}
.rc-env__item ul li:last-child:after {content: unset;}

/* wanted */
.rc-wanted {display: grid;grid-template-columns: repeat(4,1fr);gap: 2.4em;}
.rc-wanted__item {text-align: center;}
.rc-wanted__item img {width: 72%;}
.rc-wanted__item p {font-size: 18px;font-weight: bold;}

/* About us */
.rc-aboutus {display: grid;grid-template-columns: 1fr 1fr;gap: 2.4em;margin: 0 8%;}
.rc-aboutus__item {background: white;padding: 2.4em;border-radius: 1em;display: grid;justify-items: center;gap: 0.6em;}
.rc-aboutus__item img {object-fit: contain;width: 80%;}
.rc-aboutus__item h3 {font-size: 24px;line-height: 1;align-self: end;font-weight: bold;}
.rc-aboutus__item p {font-size: 48px;font-family: 'Noto Sans JP';color: var(--red);line-height: 1;margin-top: auto;}
.rc-aboutus__item ul {display: flex;flex-wrap: wrap;color: var(--red);font-weight: bold;line-height: 1;font-size: 20px;margin-top: auto;gap: 0.6em;justify-content: center;font-family: 'Noto Sans JP';}


/*--- MediaQuery SP [S] ---*/
@media (max-width: 800px) {

/* general */
.rc-title__red,
.rc-title__white{font-size: 26px;}
.recruit__inner {padding: 16% 8%;font-size: 15px;}

/* rc-modal */
.rc-modal__contents-inner {max-width: 90%;max-height: 90%;width: 100%;}


/* mission */
.rc-mission {/* grid-template-columns: 100%; */}

/* services */
.rc-services__text {margin: 2.4em 0;}
.rc-services__items {gap: 2.4em;}
.rc-services__item-header {grid-template-columns: 100%;gap: 1.2em;}
.rc-services__desc {margin: 1.2em 0;}
.rc-services__item-img{
    width: 72%;
    max-width: 240px;
    margin: 0 auto;
}

/* job */
.rc-job__items {grid-template: auto/auto;}
.rc-job__item h5{font-size:1.5em;}
.rc-job__conditions {border: unset;}
.rc-job__conditions-desc {
    margin: 0 2rem;
}
.rc-job__conditions-desc dl{grid-template-columns:auto;gap: 0.2em;}
.rc-job__conditions-desc dt{font-size: 1.1em;}
.rc-job__conditions-desc dd{margin-left:.5em;}
    
/* senpai */
.rc-senpai {grid-template: auto/auto;}

/* senpai balloons */
.rc-senpai-balloons__item {width: 100%;align-items: flex-start;gap: 0.8em;}
.rc-senpai-balloons__item img {width: 48px;}
.rc-senpai-balloons__text p {font-size: 0.8em;}
.rc-senpai-balloons__item:nth-child(odd) .rc-senpai-balloons__text:before,
.rc-senpai-balloons__item:nth-child(even) .rc-senpai-balloons__text:before {top: 16px;}

/* photos */
.rc-photos:after {width: 120%;left: -10%;}
.rc-photos .swiper-slide{width: 100%;clip-path: polygon(8% 0,100% 0,92% 100%,0 100%);}

/* environment */
.rc-env {grid-template: auto/auto;}
.rc-env__item h3 {margin-bottom: .4em;}
.rc-env__item ul {gap: 0.2em;}
.rc-env__item ul li {font-size: .9em;}

/* wanted */
.rc-wanted {grid-template-columns: 1fr 1fr;gap: 1.2em;}
.rc-wanted__item img {width: 80%;}
.rc-wanted__item p {font-size: 13px;}
.rc-wanted__item p br {display: none;}

/* About us */
.rc-aboutus {grid-template-columns: 100%;margin: 0;gap: 1.2em;}
.rc-aboutus__item {padding: 2.4em 1.2em;}
.rc-aboutus__item img {width: 90%;}
.rc-aboutus__item h3 {font-size: 20px;}
.rc-aboutus__item p {font-size: 40px;}
.rc-aboutus__item ul {font-size: 17px;}

}