.recruit_bannerWrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:10vh 1rem;width:100%;gap:1rem;@media screen and (max-width: 768px){flex-direction:column}}.recruit_banner{display:inline-block;flex:1 0 1;max-width:600px;width:100%;height:220px;position:relative;img{width:100%}@media screen and (min-width: 768px){width:90%}}.recruit_banner{display:flex;align-items:center;position:relative;overflow:hidden;text-decoration:none;color:var(--color-white);transition:transform .3s ease,box-shadow .3s ease;@media screen and (min-width: 768px){flex-direction:row}&:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}}.recruit_banner__image{position:absolute;z-index:1;overflow:hidden;clip-path:polygon(0% 0%,60% 0%,100% 100%,0% 100%);width:65%;height:100%;img{width:100%;height:100%;object-fit:cover;display:block}}.recruit_banner__content{width:60%;margin-left:auto;margin-right:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-right:4rem;height:90%}.newgraduate{background:linear-gradient(to right,#5821fd,#8d11cb)}.career{background:linear-gradient(to right,#90edb3,#b7fea5)}.recruit_banner__title{font-family:Josefin Sans,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;color:var(--color-white);margin:0 0 1rem;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.1)}.recruit_banner__subtitle{font-family:Zen Kaku Gothic New,sans-serif;font-size:2.5rem;font-weight:700;color:var(--color-white);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.15)}.recruit_interviewWrapper{display:flex;flex-direction:column;align-items:center;background-image:url(/images/recruit/interview_bg.png);background-size:cover;width:100%;max-width:1920px;padding:10rem 0}.recruit_interviewItemWrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1120px;@media screen and (max-width: 768px){grid-template-columns:repeat(1,1fr)}}.interviewItem{width:100%;min-width:320px;padding:0 1rem}.interviewItem_inner{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;min-width:320px}.interviewItem_imageWrapper{position:relative;width:100%;min-width:320px;>img{width:100%}@media screen and (max-width: 768px){min-width:0px;width:50%;margin:0 auto}}.interviewItem_label{position:absolute;bottom:3.4rem;left:0;padding:1rem;background-color:var(--color-orange);color:var(--color-white);font-size:1.6rem;font-weight:700}.interviewItem_message{padding:0 .5rem .5rem;font-size:1.6rem;text-align:left}.interviewItem_name{padding:.5rem;color:var(--color-blue);font-size:1.6rem}.interviewItem_dialog{width:100vw;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);&::backdrop{background-color:#00000080}}.interviewItem_dialogInner{display:grid;grid-template-columns:.6fr 1fr;width:100%;justify-content:center;align-items:center;background-color:var(--color-white);@media screen and (max-width: 768px){grid-template-columns:1fr}}.interviewItem_dialogImageWrapper{position:relative;height:100%;flex:1 0 0;>div{position:absolute;inset:0;background-size:cover;background-position:center}}.interviewItem_dialogTextInfo{flex:1 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:10rem;@media screen and (max-width: 768px){padding:5rem 1rem 8rem}}.interviewItem_dialogHeader{font-size:3rem;color:var(--color-blue);@media screen and (max-width: 768px){font-size:2rem}}.interviewItem_dialogNameWrapper{width:100%;display:flex;align-items:center;gap:1rem;margin-top:4rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--color-orange);@media screen and (max-width: 768px){flex-direction:column;align-items:flex-start;margin-top:2rem;padding-bottom:1rem;margin-bottom:1rem}}.interviewItem_dialogName{font-size:3rem;color:var(--color-black);line-height:.8;padding-left:2rem;border-left:2px solid var(--color-orange);@media screen and (max-width: 768px){font-size:2rem;padding-left:1rem}}.interviewItem_dialogPosition{font-size:1.6rem;margin-left:3rem;color:var(--color-black);@media screen and (max-width: 768px){font-size:1.2rem;margin-left:1rem}}.interviewItem_dialogCareer{font-size:1.6rem;color:var(--color-black);@media screen and (max-width: 768px){font-size:1.2rem}}.interviewItem_dialogPointHeader{width:100%;margin-top:4rem;padding-bottom:2rem;margin-bottom:2rem;font-size:2.4rem;color:var(--color-black);border-bottom:1px solid var(--color-orange);@media screen and (max-width: 768px){font-size:1.6rem;margin-top:2rem;padding-bottom:1rem;margin-bottom:1rem}}.interviewItem_dialogPoint{font-size:1.6rem;line-height:2;color:var(--color-black);@media screen and (max-width: 768px){font-size:1.2rem;line-height:1.5}}.interviewItem_dialogIndex{position:absolute;bottom:1rem;right:0rem;font-size:5rem;letter-spacing:1rem;color:var(--color-blue);opacity:.5;>span{font-size:8rem;color:var(--color-blue)}@media screen and (max-width: 768px){bottom:0;font-size:3rem;letter-spacing:.5rem;>span{font-size:5rem}}}